tomatoKetchup
-
Posts
9 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by tomatoKetchup
-
-
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
-
So what would you change so that doesn't happen?
-
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
-
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.
-
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
-
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
-
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
-
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!
CSS animations: targeting a different element
in CSS
Posted
Ok I see, thanks for your answer.