Sent by Brian Jones on 29 October 2004 19:07
I believe you can just get rid of the divs and apply
the ids directly to the li example:
<div id="navigation">
<ul class="nav">
<li id="htext"><a href="index.php"
class="imglink">Home</a></li>
etc....
</ul>
</div>
--- Collin_work [EMAIL-REMOVED]>
wrote:
> Hi,
> I've been throwing together a css version of one of
> our subsidiary sites:
> http://www.4grg.com
> Now, here is my problem. For the navigation, I am
> doing standard 2 image
> (regular a state and a:hover state) links, with text
> on top.
> The markup for the navigation is as such:
>
> <div id="navigation">
> <ul class="nav">
> <li><a href="index.php" class="imglink"><div
> id="htext">Home</div></a></li>
> <li><a href="pics.php" class="imglink"><div
> id="ptext">Pictures</div></a></li>
> <li><a href="specs.php" class="imglink"><div
> id="stext">Specs</div></a></li>
> <li><a href="contact.php" class="imglink"><div
> id="ctext">Contact</div></a></li>
> </ul>
> </div>
>
> As you can see, I've put the text for each link into
> its own div. The
> reason is to position the text on top of the images
> just as I want it.
> The CSS for the divs is:
>
> #htext{
> padding:10px 0px 0px 20px;
> }
> #ptext{
> padding:10px 0px 0px 17px;
> }
> #stext{
> padding:10px 0px 0px 23px;
> }
> #ctext{
> padding:10px 0px 0px 15px;
> }
>
> You can see the page at:
> http://www.4grg.com/index_n.php
> Any help anyone can offer as far as making this code
> cleaner would be
> greatly appreciated.
>
> Thanks in advance,
>
> Collin Davis
> Web Architect
> Stromberg Architectural Products
> e [EMAIL-REMOVED]
> web: http://www.strombergarchitectural.com
>
>
>
______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
>
__________________________________
Do you Yahoo!?
Yahoo! Mail Address AutoComplete - You start. We finish.
http://promotions.yahoo.com/new_mail
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/