| Autor | Zpráva | ||
|---|---|---|---|
| Teux Profil |
#1 · Zasláno: 18. 4. 2013, 22:39:26
Hola
Poraďte mi prosím jak docílím žádaného efektu u lišty. Jedna se mi hlavně o umístění. Se kterým bojují a netuším kde mám chybu. Tady je to co jsem stvořil jsfiddle a takhle by to mělo vypadat obrázek lišty Byl bych moc vděčný za opravu chyb a hlavně odůvodnění proč se to má napsat tak a ne takhle. |
||
| MyShare Profil |
Teux:
Nazdar Niečo som sa pokúsil s tým spraviť hádam to nie je zlé možno niekto múdrejší ma opraví :) Css: header#con_lista {
width: 940px;
height: 60px;
margin: 0 auto;
}
div#l_lista {
margin-top: 10px;
width: 100%;
height: 40px;
line-height: 40px;
background-color: #53B3BF;
}
nav.menu {
float: right;
margin-right: 50px;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
}
nav.menu ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
nav.menu .last {
border-right: 2px solid #000;
}
nav.menu li {
display: inline-block;
border-left: 2px solid #000;
}
nav.menu li a {
color: black;
text-decoration: none;
padding: 0 20px;
}a HTML: <header id="con_lista">
<div id="l_lista">
<nav class="menu">
<ul>
<li class="aktiv"><a href="#">uvod</a></li>
<li><a href="#">reference</a></li>
<li><a href="#">kontakt</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">Dog</a></li>
<li class="last"><a href="#">portfolio</a></li>
</ul>
</nav>
</div>
</header> |
||
| jenikkozak Profil |
#3 · Zasláno: 19. 4. 2013, 07:52:20
Teux:
Starší IE nedokážou nové prvky z návrhu HTML 5 nastylovat. Pro vytvoření horní a dolní čáry použij horní a dolní rámeček. |
||
| peta Profil |
<style>
#l_lista {width: 540px; height: 60px; background-color:#53B3BF; border:1px solid #53B3BF;}
#l_lista ul, #l_lista li, #l_lista a {display:inline; margin:0; padding:0; list-style-type:none; color:#000; text-decoration:none;}
#l_lista li {padding:10px; border-right:1px solid #000;}
#l_lista li:first-child {border-left:1px solid #000;}
</style> |
||
| Teux Profil |
#5 · Zasláno: 19. 4. 2013, 17:00:46
Díky za pomoc.
|
||
|
Časová prodleva: 13 let
|
|||
0