Hey, could someone help me with this, maybe write it up real quick? I know I need to use the classnames and I can set up the values in the CSS for the colors, margins and borders, but right now I'm missing something to make it all work properly. Halp?
You want a border around an image when its mouseovered?
[code]
IMG:hover {
border:2px solid #2277DD;
}
[/code]
this will make a border when you hover over any image element.
I consulted uncle Google again and found out about the the hover and used it for link mouseovers. Also found a tutorial for what I wanted, [url=http://www.cssdrive.com/index.php/examples/exampleitem/highlight_image_border/][u]here[/u][/url] incase someone else wants a similar effect. I guess I should search better next time.
[editline]01:35AM[/editline]
Hmm now I wonder why there are spaces between the pictures, margins on them are all set to 0...
[img]http://gyazo.com/81dc740bb537bbd6009a62ac18efd32d.png[/img]
Can you show me your code?
Ah, it seems the gaps come from the code formatting. I add spaces and put each image on a new line so everything looks tidy. I'll just set some negative margins to fix this, I don't like it when all the code is in one long row.
[QUOTE=Sad Banana;25162301]I don't like it when all the code is in one long row.[/QUOTE]
It's a good thing you know, keeping your code in a layout helps finding errors, because it's all tabbed and such.
Sorry, you need to Log In to post a reply to this thread.
