Stránka 1 z 1
Bílá mezera před seznamem, který je na jednom řádku HTML Vyřešeno
Napsal: 28 lis 2015 18:06
od RKS
Zdravím,
dělám si svůj web a už 2 dny mi blbne menu. Nejdřív se mi objevovali mezery mezi seznamy, které jsou na jednom řádku(ty seznamy). Ty jsem vyřešil tím, že jsem smazal tabulátory a dal vše na jeden řádek. Ted mi ale ještě zůstala větší mezera před řádkem prvním a už nevím, proč tam může být...
Za každou pomoc děkuji.
Re: Bílá mezera před seznamem, který je na jednom řádku HTML
Napsal: 28 lis 2015 22:03
od lamin_cz
Ahoj,
pomohlo by poslat odkaz na web, kde se problém vyskytuje a nebo html kod (+ případné CSS).
Takto by to bylo střílet od boku.
Re: Bílá mezera před seznamem, který je na jednom řádku HTML
Napsal: 29 lis 2015 09:32
od RKS
Zdravím,
Omlouvám se, stránka je
http://rksoftwares.eu/HTML
Kód: Vybrat vše
<ul class="menu">
<a href="#main"><li class="item1">RK</li></a><a href="#team"><li class="item2">Náš tým</li></a><a href="#cenik"><li class="item3">Ceník</li></a><a href="#kontakt"><li class="item4">Kontakt</li></a>
</ul>
CSS
Kód: Vybrat vše
.menu {
position: fixed;
background: white;
width: 100%;
font-size: 22px;
border-bottom:#3C8EB0;
/*height: 40px;*/
top: 0px;
left: 0px;
right: 0px;
text-align: center;
}
.item1{
list-style-type: none;
display: inline-block;
border-right: 2px solid #CECECE;
height: 100%;
width: 5%;
padding: 10px;
}
.item2{
list-style-type: none;
display: inline-block;
border-right: 2px solid #CECECE;
height: 100%;
width: 10%;
padding: 10px;
}
.item3{
list-style-type: none;
display: inline-block;
border-right: 2px solid #CECECE;
height: 100%;
width: 8%;
padding: 10px;
}
.item4{
list-style-type: none;
display: inline-block;
height: 100%;
width: 10%;
padding: 10px;
}
Re: Bílá mezera před seznamem, který je na jednom řádku HTML
Napsal: 29 lis 2015 13:21
od Tycek
Ahoj.
Tagu <ul> (.menu) v CSS nastav padding:0;
Re: Bílá mezera před seznamem, který je na jednom řádku HTML
Napsal: 29 lis 2015 16:58
od RKS
Děkuji, již to funguje jak má.