Keret beállítása ul-nek CSS-sel
Üdv!
Egy apró kérdésem lenne, biztos csak valamit elnéztem, de nem jövök rá:
HTML:CSS: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.
■ 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="#"> Link1 </a></li>
<li><a href="#"> Link2 </a></li>
<li><a href="#"> Link3 </a></li>
</ul></div>
#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;
}
Ha a float:left részt kihagyom, akkor viszont ok a keret.
display: inline;
float: left;
helyett próbáld ki adisplay: 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
Hézag
padding
Egyéb?
nemrég volt...
gex
háttér, vagy a másik megoldás
TikuVoltam
Háttér.