OK - Here is the HTML
</head>
<body id="home">
<div id="page-wrap">
<img src="Images/header.jpg" alt="header_logo" />
<ul id="nav">
<li class="home"><a href="index.html">Home</a></li>
<li class="videos"><a href="videos.html">Videos</a></li>
<li class="downloads"><a href="downloads.html">Downloads</a></li>
<li class="contact"><a href="contact.html">Contact</a></li>
[/BULLET]
<div id="main-content">
<div id="article-area">
<h1>Our New Look</h1>
<p class="metadata">The Hardwork on The New Site is Over. . . i Hope!</p>
<p>This is the Home page. Lorem ipsum ad qui amet dolore, vitae cetero
quaerendum mel ea. Facilis fastidii duo no. Viris partiendo ius no, alia animal
nam at. Feugait imperdiet ius an, no quis facer lucilius vis. Aliquam saperet
contentiones ex pro, id idque offendit ius. Fugit suavitate ad eam, ut essent
debitis cum. Cu duo iudico instructior. Sea te choro perfecto, per eu meis
nonumy percipit. Ut mea sint constituam, cu pro impedit constituam. Et diam
wisi tollit mel, te has atqui veritus. Falli volumus ullamcorper id vis, fugit
debet ei pri. Mea esse saperet oporteat cu, sumo interesset an cum. Facer
expetenda ius te, sint mundi aperiri no est, mollis salutandi quo ne. No dicta
errem sed. Mea ei detraxit patrioque, sumo eirmod ea vix. Et dicit omittantur
eam, et vix modo eius vidit. Vis et pertinacia abhorreant constituam, eum at
quod vero. Ferri consectetuer sed no, ex vix nonumy posidonium quaerendum. Eum
in nostro omnesque philosophia, sit veniam recteque et. Et sit facer
honestatis, sonet propriae officiis ne vel, est atqui verear eruditi eu. Ut duo
augue deserunt mnesarchum, an per option dignissim, cu cum convenire consulatu
deterruisset. Cu vel debet ludus, docendi nominati philosophia ex his. Ad
legendos expetendis duo, sed et delicata pericula torquatos. Temporibus
delicatissimi eu nam, mel ea ipsum fabulas tractatos, at vim omnis clita
omittantur. Ad graeco scriptorem eos. Nam ut nulla congue singulis. Ea his
doctus interpretaris, at qui aliquyam complectitur. Vix hinc habeo appareat an,
at modo regione tamquam sed. Vim et tritani viderer, puto evertitur nam cu. Sed
odio dicunt reprimique ex, ullum noluisse instructior ei sed, ei ius nostro
corrumpit. Nec mundi equidem consulatu no. Sea an prodesset intellegat, usu
dicit aperiam ut. Usu cu animal meliore. Platonem theophrastus duo ea, eum no
alia ludus. Assentior referrentur quo ex. Usu id causae corrumpit patrioque, ei
putant nonummy nec, ne nisl laudem petentium mea. Exerci instructior cu qui.
Cum probo scribentur ut. Mei pertinax suscipiantur an. Nisl pertinax ex quo,
eos esse ornatus at. Usu quidam definitionem no, eu mel quem mazim pertinax.
Quodsi percipit consetetur at vim, eam omnis option explicari et. Pri at liber
labores, his an utinam labore aperiam. Ei eos justo omnesque reformidans. Inani
detraxit voluptatum ut pro. An sit posse probatus inimicus. Magna vivendo
deseruisse has at, meis modus molestiae an has. Eam iudicabit constituam
mediocritatem ne.</p>
</div>
<div id="sidebar">
</div>
</div>
<div id="footer">
<div id="ads">
<a href="http://www.thestanderdquarterly.com" target="_blank"><img
src="Images/standerd.jpg" alt="standerd_ad" /></a>
<a href="http://www.podmx.com" target="_blank"><img
src="Images/podmx.jpg" alt="podmx_ad" /></a> </div>
</div>
</div>
</body>
</html>
and the whole CSS is attached too. Hope this helps. . . . .
@charset "UTF-8";
/* reset and page set-up */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { font: 62.5% "Lucida Grande", sans-serif;
background: url(Images/twp_csst_bk.jpg) top left repeat; }
ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em;}
p.metadata { background: #a31616; padding: 3px; color:#FFFFFF; font-weight:
normal; font: Lucida Grande, sans-serif;
}
a { outline: none; }
a img { border: none;}
h1 {
font-family: Georgia, serif;
font-size: 2em;
font-weight: normal:
color: #a31616;
}
.floatleft { float:left; }
.floatright { float:right; }
.clear {clear:both: }
#page-wrap {
width: 1000px;
margin: 0 auto;
background: url(Images/content_bk.gif) repeat-y;
}
#main-content {
padding: 50px 50px 50px 50px;
}
ul#nav {
}
ul#nav li {
display:inline;
}
ul#nav li a {
display: block;
height: 83px;
text-indent: -9999px;
float: left
}
ul#nav li.home a { width: 262px;
background:url(Images/nav_home.jpg) bottom center no-repeat;
}
ul#nav li.videos a { width: 200px;
background: url(Images/nav_video.jpg) bottom center no-repeat;
}
ul#nav li.downloads a { width: 200px;
background:url(Images/nav_downloads.jpg) bottom center no-repeat;
}
ul#nav li.contact a { width: 338px;
background:url(Images/nav_contact.jpg) bottom center no-repeat;
}
ul#nav li a:hover { background-position: center center;
}
#footer {
min-height: 137px;
background: url(Images/footer.png) no-repeat;
}
#ads {
padding-left: 110px;
padding-top: 45px;
}
Re: Rollover state -
07-11-2008
, 04:47 AM
Sorry!
I don't understand the whole
Linear Mode
