Autor Zpráva
Sephiroth
Profil
#1 · Zasláno: 13. 1. 2006, 15:41:14
Odpovědět Citovat
Potřeboval bych poradit, jak mám podtrhnout <span> tak, aby potržení "přesahovalo" text...

___Text___ (potržený to má být celý)

a pak aby mezi jednotlivými odkazy nebyla mezera

___Text______Text___

kód mám zapsaný takhle:

#menu {
position: relative;
width: 650px;
height: 50px;
border-collapse: collapse;
}
#menu span a {
position: absolut;
width: 100px;
text-align: center;
font: bold 16px Tahoma;
text-decoration: none;
border-bottom: 4px solid #0000FF;
}
#menu span a:hover {
position: absolut;
width: 100px;
text-align: center;
font: bold 16px Tahoma;
text-decoration: none;
border-bottom: 4px solid #EEF2FF;
}

....

<div id="menu">
<a href="...">TEXT</a>
<a href="...">TEXT</a>
</div>



Tady je to vidět...


Díky
Sephiroth
Profil
#2 · Zasláno: 13. 1. 2006, 15:47:08
Odpovědět Citovat
bez toho spanu v první větě...
Sephiroth
Profil
#3 · Zasláno: 13. 1. 2006, 15:49:17
Odpovědět Citovat
a bez těch spanů v kódu... to je tam zkopčenej jeden nevydařenej pokus..
PerToon
Profil
#4 · Zasláno: 13. 1. 2006, 15:49:45
Odpovědět Citovat
Ten odkaz s přesahem řešíš dobře, ne?
Aby nebyla mezera, tak je radši napiš vedle sebe. </a><a href="">
Píše se position: absolute;
habendorf
Profil
#5 · Zasláno: 13. 1. 2006, 15:50:01
Odpovědět Citovat
Tak dej kolem textu &nbsp; , třeba.
habendorf
Profil
#6 · Zasláno: 13. 1. 2006, 15:53:04
Odpovědět Citovat
Píše se position: absolute;

Jo, navíc jsou ty abs. pozice úplně zbytečné.

#menu span a:hover {
position: absolut;
width: 100px;
text-align: center;
font: bold 16px Tahoma;
text-decoration: none;
border-bottom: 4px solid #EEF2FF;
}

Tomu říkám umění zkratky. Nestačilo by

#menu span a:hover {
border-bottom: 4px solid #EEF2FF;
}

?
Sephiroth
Profil
#7 · Zasláno: 13. 1. 2006, 16:01:24
Odpovědět Citovat
!!!
Jejda.. position: absolute ... hnedka opravim, nebo to spíš vymažu je-li to tam zbytečný

s tim &nbsp mě to taky už napadlo, ale v kódu to není moc pěkný. Ale asi to tak pořešim


Díky
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0