Подреждане на линкове

CosaNostra

Registered
Здравейте!

Имам няколко линка, който трябва да изглеждат така:
Link Link1 Link2

...обаче те ми се подреждат един под друг
Link
Link1
Link2

Как ще стане да ги подреждам така, както аз искам ?

Надявам се да сте ме разбрали и благодаря предварително за помощта :)
 
Ами виж да не са в таг <p></p> или може би <div></div> (зависи от стила). Дай кода да видя.
Ако не са в тагове, по принцип си излизат едно до друго.
Виж самият в самият стил да не е проблема.

Успех!
 
HTML:
<div id="headlinks">
<a href="#"><center><span class="link">Forum</span></center></a>
<a href="#"><center><span class="link">Forum1</span></center></a>
<a href="#"><center><span class="link">Forum2</span></center></a>
</div>

[css]#headlinks { padding-top: 80px; padding-left: 80px; }
#headlinks a { font: 12px Tahoma; color: #fff; font-weight: bold; line-height: 22px; }
#headlinks a:link { display: block; text-decoration: none; background: url(../images/top-link.gif) no-repeat; width: 80px; height: 24px; }
#headlinks a:visited { display: block; text-decoration: none; background: url(../images/top-link.gif) no-repeat; width: 80px; height: 24px; }
#headlinks a:hover { display: block; text-decoration: none; background: url(../images/top-link.gif) no-repeat; width: 80px; height: 24px; }
#headlinks a:active { display: block; text-decoration: none; background: url(../images/top-link.gif) no-repeat; width: 80px; height: 24px; }[/css]
 
HTML:
<div id="headlinks">
<ul>
<li><a href="#"><center><span class="link">Forum</span></center></a></li>

<li><a href="#"><center><span class="link">Forum1</span></center></a></li>

<li><a href="#"><center><span class="link">Forum2</span></center></a></li>
</ul>
</div>

[css]
#headlinks { padding-top: 80px; padding-left: 80px; }

#headlinks a { font: 12px Tahoma; color: #fff; font-weight: bold; line-height: 22px; }

#headlinks a:link { display: block; text-decoration: none; background: url(../images/top-link.gif) no-repeat; width: 80px; height: 24px; }

#headlinks a:visited { display: block; text-decoration: none; background: url(../images/top-link.gif) no-repeat; width: 80px; height: 24px; }

#headlinks a:hover { display: block; text-decoration: none; background: url(../images/top-link.gif) no-repeat; width: 80px; height: 24px; }

#headlinks a:active { display: block; text-decoration: none; background: url(../images/top-link.gif) no-repeat; width: 80px; height: 24px; }

#headlinks ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
#headlinks li{float: left;margin:0 10px; }
[/css]
 

Back
Горе