SigelsTankMage [at] gmail.com wrote:
[without quoting of the message he's replying to...]
> this took me less than five minutes so i went the extra mile.
How does boasting about the small amount of time you spent demonstrate
that you made any "extra" effort? Or is this some droll humor?
> i used
> code from blue robot and css listamatic since i thought it would be
> better if you used lists for the images you had.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML is pointless. Stay with HTML 4.01, but use strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <link rel="stylesheet" type="text/css" href="main.css" />
If you're going to pretend to provide the complete source, include the
<title> element.
> </head>
> <body>
> <div id="content">
> <div id="navcontainer">
Not sure what makes this array of images a "nav" element.
> <ul id="navlist">
> <li><img src="img/40.jpg" width="40" heigh="40" /></li>
> <li><img src="img/40.jpg" width="40" heigh="40" /></li>
> <li><img src="img/40.jpg" width="40" heigh="40" /></li>
> <li><img src="img/40.jpg" width="40" heigh="40" /></li>
All of the instances of heigh will need to become height.
> </ul>
>
> <ul id="navlist">
Only one instance of an id per page, please. OP will need to validate
all this code before spending much time with it. Might even have to
spend *six* minutes on it. ;-)
> <li><img src="img/40.jpg" width="40" heigh="40" /></li>
> <li><img src="img/40.jpg" width="40" heigh="40" /></li>
> <li><img src="img/40.jpg" width="40" heigh="40" /></li>
> <li><img src="img/40.jpg" width="40" heigh="40" /></li>
> </ul>
> </div>
> </div>
> </body>
> </html>
>
> body {
> margin:50px 0px; padding:0px;
> text-align:center;
> }
>
> #Content {
Watch for case mismatch with "content".
> width:500px;
> margin:0px auto;
> text-align:left;
But you just gave body text-align:center.
> padding:15px;
> border:1px dashed #333;
> background-color:#eee;
> }
> [...]
>
> #navlist a { padding: 3px 10px; }
>
> #navlist a:link, #navlist a:visited
> {
> color: #fff;
> background-color: #036;
> text-decoration: none;
> }
>
> #navlist a:hover
There aren't any <a> links in the suggested code. If there *were* any
links, they wouldn't look like links.
> {
> color: #fff;
> background-color: #369;
> text-decoration: none;
> }
>
> ul>li{
So, you mean to affect list items which are *immediate children* of <ul>
elements. You really mean it.
> padding:0 0 0 100px;
> }
This code doesn't do the enlarge-on-hover trick I presumed the OP
wanted, nor does it demonstrate captioned images in a grid.
Etc.
--
John
Read about the UIP: http://improve-usenet.org/
