Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by tomatoKetchup

  1. Hello, Let's say I have 2 <div>, one wiith id=A and one with id=B I want that, when hovering the mouse cursor to #A, the div #B performs an animation (let's say a transition). Is that possible with CSS? Thanks for reading, tomatoKetchup
  2. So what would you change so that doesn't happen?
  3. Hello, I wanted my website's display area to be exactly 768 px centered on the page. So here's the css properties I applied to the "main" div that contains every element I add on my webpage: div#main { margin-left: auto ; margin-right: auto ; width : 768px ;} It works, fine, however when I select several lines of text inside it, the blue selection is bleeding all the way to the left and right of the window (see attached image). How can I prevent this from happening? Thanks for reading! Thomas
  4. Thanks for the answers (and sorry for the late reply...). I forgot to say that I had a css file and I had tried different margin a padding properties with the tables as well as border-spacing without any success. However I might have skipped the "border-collapse" one because indeed I got those spaces finally gone after a new attempt. Thank you Ingolme for the tip.
  5. Sorry for the late reply, althought I clicked on "Follow this topic" I never got any notification of your reply neither by mail nor on the site's dashboard... Need to figure out how this works.... Anyway, a big thank you for this idea, I never though of that and this indeed work well! I might need to figure out a more elegant way to arrange my layout in the future but that sure will do it for the moment. Thanks again for your reply! Thomas
  6. Hello, I made a table like this : <table id="floatMenuTable"> <tr> <td><a href="constitutionLaw.html"><img src="Data/Main/Section1.png"></a></td> <td></td> </tr> <tr> <td></td> <td><a href="constitutionLaw.html"><img src="Data/Main/Section2.png"></a></td> </tr> <tr> <td><a href="constitutionLaw.html"><img src="Data/Main/Section3.png"></a></td> <td></td> </tr> <tr> <td></td> <td><a href="constitutionLaw.html"><img src="Data/Main/Section4.png"></a></td> </tr> <tr> <td><a href="constitutionLaw.html"><img src="Data/Main/Section5.png"></a></td> <td></td> </tr> <tr> <td></td> <td><a href="constitutionLaw.html"><img src="Data/Main/Section6.png"></a></td> </tr> </table> But when I render it on a browser, I get what's in the image attached (the cells have automatically been outlined by the software Brackets). Do you notice the spaces between the cells? Why are they here? I made sure no CSS property make them appear, so why are they still here? Am I missing something? Thanks for your help! Thomas
  7. Hi there. I am building a website that has its body centered in the page and it's width is exactly 768 px. I want right on it's left (and touching it) a menu that will always stay on screen while scrolling down. Here's how I thought to do: The body's css (in fact in my code a <div> with id="canvas"): #canvas { float : auto ; margin-left: auto ; margin-right: auto ; top : 100% ; bottom : 100% ; width : 768px ; } And my menu <div id="floatMenu">: #floatMenu { position : fixed ; width : 64px ;} Now, in order to keep this menu always exactly on the left of the "canvas", I came up with a simple formula which is: 50% - (768 / 2)px - (64)px (see image attached) * 50% is the center of the browser's window * (768/2) is half of the canvas' width * 64 is the width of the floatMenu itself My question is: would it be possible to code this formula in CSS? And if not, I'm open to any suggestions to position my menu the way I want it. Thanks in advance for reading! Thomas
  8. Hello World! Thomas, from France, just starting to learn HTML/CSS/JS. I will surely come up with loads of questions that I hope will be relevant. Happy to join the w3 community anyway. Maybe talk to you around!
  9. Learning HTML/CSS/JS, so lots of questions to ask...

  • Create New...