ugrás a tartalomhoz

Keret beállítása ul-nek CSS-sel

PogiG · 2006. Már. 12. (V), 09.30
Üdv!

Egy apró kérdésem lenne, biztos csak valamit elnéztem, de nem jövök rá:

HTML:
<div id="sm1" style="top: 40px; left: 150px; z-index: 1"><ul>
<li><a href="#">&nbsp;&nbsp;Link1&nbsp;&nbsp;</a></li>
<li><a href="#">&nbsp;&nbsp;Link2&nbsp;&nbsp;</a></li>
<li><a href="#">&nbsp;&nbsp;Link3&nbsp;&nbsp;</a></li>
</ul></div>
CSS:
#sm1 a
{
font-size: 14px;
}
#sm1 li {
float: left;
}
li {
line-height: 16px
}
ul {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
border: solid red;
}
div {
position: absolute;
}
a {
background-color:#33594E;
font-size: 12px;
font-weight: bold;
color:white;
cursor:pointer;
}  
a:link,a:visited{
text-decoration: none;
}
a:hover{
background-color: #437566;
color: white;
}
A probléma az, hogy csak felülre tesz keretet, oldalra ill. alulra nem. Miért?
Ha a float:left részt kihagyom, akkor viszont ok a keret.
 
1

display: inline;

tiku I tikaszvince · 2006. Már. 12. (V), 10.25
Talán a float: left; helyett próbáld ki a display: inline; szabályt.

Amúgy meg van a kereted mind 4 oldal, csak mivel a belül levő il elemeket lebegteted nincs belül olyan elem amit körbe foghatna (remélem nem mondok nagy butaságot...), ezért "összecsúszik" a kereted.
Az is egy megoldás, ha az ul elemre is beállítasz egy float: ___; szabályt...

TikuVoltam
2

Hézag

PogiG · 2006. Már. 12. (V), 10.31
Igy van keret, de viszont a LI elemek között hézag van, azt hogy tüntessem el?
3

padding

winston · 2006. Már. 12. (V), 10.45
li elemnek is adj padding 0px tulajdonságot, esetleg ki lehet próbálni még a margin 0px-et, ezek szoktak segíteni.
4

Egyéb?

PogiG · 2006. Már. 12. (V), 10.48
Már mind a kettőt megpróbáltam, nem jó.
7

nemrég volt...

Anonymous · 2006. Már. 12. (V), 13.37
5

háttér, vagy a másik megoldás

tiku I tikaszvince · 2006. Már. 12. (V), 10.53
két megoldás is van, ha végiggondolod:
  • Vagy állíts be az ul-nek egy ugyanolyan zöld háttér színt
  • vagy az előbb már mondtam, hogy tegyél az li-ket befogó ul elemre is egy float: left; szabályt.

TikuVoltam
6

Háttér.

PogiG · 2006. Már. 12. (V), 11.00
Köszi, a háttér ok. Pedig ez milyen egyszerű, erre nem is gondoltam.