css link spacing

[Keewee6]

i was wondering how to space link horizontally using css - is it possible

thanks in advance

 

[Forbairt]

how do you mean spacing ?

a { letter-spacing: 0.2em; } would increase spacing of the letters

a { padding-left:20px; padding-right:20px;} would increase padding of the link to the left and right

 

[Keewee6]

spacing between links

eg

-home -contact -about us

etc

 

[Forbairt]

This is the problem with support ... people don't tell you what they mean

While you've told us what you mean it could be any one of about 20 different things (that could be done with javascript ... with css ... with a <p><a><a><a> tag .. with <ul><li><a>... and so on

Can you give a link / paste the code someplace ?

 

[louie]

make use of <ul><li> tags, set them as display:block; float:left;

than setup li a:link, li a:visited{padding:5px 10px;}

That will make your links display nicely in tab style.

 

[InternetSajtIzrada]

Keewee6,

For link spacing horizontally try this:

<ul class="nav-hor">
<li><a href="index.html" id="current" title="">Početna</a></li>
<li><a href="" title="">Ortodoncija</a></li>
<li><a href="" title="">Protetika</a></li>
<li><a href="" title="">Ostale usluge</a></li>
<li><a href="kontakt.html" title="">Kontakt</a></li>
</ul>
.nav-hor {
padding: 10px;
float: left;
width: auto;
border: 3px solid #29c3d6;
}

.nav-hor ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.nav-hor li {
display:inline;
padding:0;
margin: 0px;
}

.nav-hor a:link,
.nav-hor a:visited,
.nav-hor a:hover {
font: 130% Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
font-weight: bold;
padding: 5px 7px 5px 7px;
margin-right: 50px;
}

.nav-hor a:link,
.nav-hor a:visited {
color:#000000;
background-color:#FFFFFF;
}

.nav-hor a:hover {
color:#29c3d6;
background-color:#FFFFFF;
}

.nav-hor a#current {
color:#29c3d6;
background-color:#08565e;
}