|
Posted by TomB on November 4, 2005, 6:52 pm
Please log in for more thread options
Jukka K. Korpela wrote:
>
>
>>Let's say I have the following code:
>>
>><img src="/path/to/little/decorative/graphic"><a href="/link/path">Link</a>
>
>
> Then first fix it. It's invalid markup.
Oops. Got me there.
> Before the fix, you could first consider whether you actually have a list of
> links, so that the images act as list bullets. Then the logical approach is
> to remove the <img> elements, change the list to use <ul> markup, and
> consider writing some CSS styling, including list-style-image.
So it's possible to define your own bullets? Besides that, isn't a list
always displayed vertically? I need them displayed horizontally, unless
the viewport becomes to small.
Here's the actual code:
.navbox { display: block; text-align: center; margin-left: auto;
margin-right: auto; }
<div class="navbox">
<p>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="news.php">News</a></span>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="bio.php">Biography</a></span>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="media.php">Media</a></span>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="shows.php">Shows</a></span>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="band.php">Band</a></span>
</p>
<p>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="releases.php">Releases</a></span>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="contact.php">Contact</a></span>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="http://dusk-forum.heavymetal.be"
target="_blank">Forum</a></span>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="gbook.php">Guestbook</a></span>
<span class="glue"><img src="img/icon_mini.gif" width="12"
height="13" alt=""> <a href="links.php">Links</a></span>
</p>
</div>
Greets,
TomB
| 
XML Sitemap