Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. SpongeBOB

    HTML & CSS Animate transition to a <a href="#something" on the same page.

    Hi everyone, I have the following <div id="outside"> <div id="slider"> <div id="one"><a href="#two" target="_self">one</a></div><div id="two">two</div> </div> </div> body { margin: 0px; min-height: 100vh; padding: 0; } #outside { width: 250px; height: 400px...
  2. SpongeBOB

    JavaScript Loading JS that block all the rest of the page loading... (FireFox)

    Hi everyone, In my page I have something like : <!DOCTYPE html> <html lang="en"> <head> <title>A title</title> <meta charset="utf-8"> <script src="https://something.com/JS/"></script> </head> But if for any reason the <script src="https://something.com/JS/"></script> can't load...
  3. SpongeBOB

    Python Online calendar for booking.

    Hi everyone, I have a small website ( Flask powered ❤️). I would like that peoples could see my availability and book an "appointment" in the free spot. I plan to develop one my self, but meanwhile maybe something exist already ? ( FOSS ! (so not google etc.. )) If I could store that data...
  4. SpongeBOB

    CSS set Child DIV same width and height as parent ?

    Hi everyone, is it possible with CSS only, to set width & height of a child DIV from his parent div --> I got <div id="Flex" style="display:flex;flex-wrap:wrap;justify-content: space-around"> <div id="A"> <div id="B"><img></div> </div> </div> so A is a Flex items and get...
  5. SpongeBOB

    CSS hover a Hyperlink and show and element by it's ID possible ?

    Hi everyone, How display (for example a <DIV>) when I hover a link <a> by it's #id Selector ? Because when I look the CSS Combinators I see only the problem is my DIV is none of those ! it's somewhere else in the page and I want to select it (to make it appear) when I hover another element...
  6. SpongeBOB

    Answered Trigger a function from a key press.

    Hi everyone, I have a Javascript function set in my <head> I would like to launch it when I press a key. I've search but didn't found anything.. is it possible ? Thanks.
  7. SpongeBOB

    JavaScript Close all the <details>

    Hi everyone, When I expand one of the <details> I would like all the others to close automatically. I've tried : (in head of the html document within <script>) // Fetch all the details element. const details = document.querySelectorAll("details"); // Add the onclick listeners...
  8. SpongeBOB

    CSS Play two CSS animation at the same time , should be possible...

    Hi, I have set two CSS animation with @keyframes. When I launch them individualy it's work. but when I try togethere only one is running... any ideas ? @keyframes fieldsetLoginAnim { 0% {transform: scale(0,0);} 25% {transform: scale(1.2,1.2);} 50% {transform: scale(0.8,0.8);} 75%...
  9. SpongeBOB

    Answered Animate background-color to x transparent with Variable

    Hi everyone, I have an HTML element (fieldset) that I would look to animate the background-color transparency, from solid to 0.75 of transparency If there will be a way just to change the alpha channel that would be great.. but here what I've done so far. The background color of this fieldset...
  10. SpongeBOB

    HTML & CSS Place SVG logo in the top right corner.

    Hi everyone, Who can I make my logo (that stand in the upper center of the page) shrink and go to the right corner when we start to scroll down,(with a transition) and come back to it's initial pisition and size when we reach the top again ? Initial position o = logo :) . . . . . ...
  11. SpongeBOB

    Answered Where can I found some design inspiration ?

    Hi everyone, I would like to make a new small website, but I need some inspiration (minimal style, but looking good.) do you know some good place where to look ? Thanks.
  12. SpongeBOB

    Bug bbcode CODE tag, now lacking some neat features.

    Hi everyone, I see on one of my previous topic -> https://codeforum.org/index.php?threads/can-only-load-one-svg-object.2102/post-11886 That the bbcode tag CODE has been modified. So it's appear to make it work I just need the remove the quote sign " [CODE lang=html]the code[\CODE] note: I...
  13. SpongeBOB

    HTML look for a neat HTML editor.

    Hi everyone, I'm using NotePad++ & Visual Studio Code. Is there something better ? I would like something similar but with a better support of the auto completion, that handle HTML & CSS For exemple if I enter <img I would like that he propose me all the available Attributes. Same for CSS...
  14. SpongeBOB

    HTML Can only load one SVG object ?

    <object type="image/svg+xml" data="A.svg" width="32"/><br> <object type="image/svg+xml" data="B.svg" width="32"/> With this A.svg is display but not B ! If I swap them like this: <object type="image/svg+xml" data="B.svg" width="32"/><br> <object type="image/svg+xml" data="A.svg" width="32"/>...
  15. SpongeBOB

    CSS Can't apply CSS style on SVG

    In my <style> I have the following #color1 { transform: "rotate(180,5,10)" } and I have further in the same html page <svg class="iconsvg" width="12" height="24" viewBox="0 0 10 20"> <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="color1"> what ever inside...
  16. SpongeBOB

    HTML & CSS Hamburger menu that dispear only on mobile.. O_o

    Hi everyone, I'm using this Hamburger menu https://codepen.io/Twikito/pen/zGdqVO?editors=1100 that work well on computer, I tried on mobile but there the menu scroll with the rest of the page instead of remaining on the top left corner.. On the mobile I'm using Firefox 83.1.0 on Android. Are...
  17. SpongeBOB

    JavaScript Run JavaScript if cookie exist

    Hi everyone, I would like to run a JavaScript if a cookie exist -> <script> const setTheme = theme => document.documentElement.className = theme; let currentTH = getCookie("theme"); if (currentTH != "") { setTheme(currentTH);alert(currentTH); } </script> But is seem that line 5 & 6 are not...
  18. SpongeBOB

    HTML & CSS Can't make that nice Hamburger menu work.

    Hi everyone, I've found a nice hamburger menu -> https://codepen.io/Twikito/pen/zGdqVO?editors=1100 The problem is when I paste the HTML code show in the html of this code pen in a base html page -> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport"...
  19. SpongeBOB

    HTML iframe content dont show when <details> is set to close

    When I use <article> <details close ><summary>This is a test</summary> <iframe width="100%" height="300px" frameborder="0" allowfullscreen...
  20. SpongeBOB

    Answered How minify HTML, CSS ? (offline)

    Hi everyone, Do you know a way to minify / compress your code effectively ? (offline) Thank you.
Back
Top Bottom