PDA

View Full Version : links with vertical seperator


JoeBurns
04-27-2007, 03:35 AM
I'd like to set up a footer on a site with vertical separators between the links this:

http://www.turbochef.com/residential/

What's the best way to do this?

Thanks

edbr
04-27-2007, 03:57 AM
best ? One way would be

<a href="page#.php">Home |</a>
<a href="page#.php">Villas zum Mieten |</a>
<a href="page#.php">Villas zum Kaufen |</a>
<a href="page#.php">Infos zu Bali |</a>
<a href="page#.php">Reservierungen und Anfragen |</a>
<a href="page#.php">Sport und Unterhaltung |</a>

In code view where you want the links

chriskq
04-27-2007, 05:04 AM
you wouldnt want the line seperator inside the link, i would put the vertical character outside the <a> tag so the hover effect doesnt get applied to it

edbr
04-27-2007, 07:00 AM
yes u are right chris. i did it this way as i prefer same colour change when visited so it acts like a block.

davidj
04-27-2007, 09:05 AM
i think there is a snippet!

JoeBurns
04-27-2007, 10:13 AM
EDBR - Your solution looks great. Thank you.