| Autor | Zpráva | ||
|---|---|---|---|
| Slapy Profil |
#1 · Zasláno: 27. 12. 2010, 13:49:42
Dobrý deň,
Mám takýto kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
#menu{
position:relative;
height:30px;
width:100%;
background:url(http://wapy.014.cz/img/nav.gif) repeat-x;
border-radius: 25px 25px 0 0;
-webkit-border-radius: 25px 25px 0 0;
-moz-border-radius: 25px 25px 0 0;}
#menu ul{
position:relative;
margin:0 5px 0 5px;
padding:0;
height:30px;}
#menu ul li{
margin:0;
list-style:none;
float:left;
height:30px display:inline;}
#menu li a{
font:12px Arial, Helvetica, sans-serif;
color:#032945;
text-decoration:none;
line-height:30px;
display:block;
padding:0 17px 0 15px;
outline:none;}
#menu li a:hover{
text-decoration:none;
color:#C4FAFD;}
#menu li a.active{
background:none;}
.menu{
height: 20px;
background:url(http://wapy.014.cz/img/linebc.gif) right repeat-y;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li class="menu"><a href="#"><strong>Home </strong></a></li>
<li class="menu"><a href="#"><strong>DotA </strong></a></li>
<li class="menu"><a href="#"><strong>Bleach </strong></a></li>
<li><a href="#"><strong>Naruto </strong></a></li>
</ul>
</div>
</body>
</html>
kód si vložte trebárs do http://www.w3schools.com/css3/tryit.asp?filename=trycss3_font-face_rule_bold Potreboval by som aby tie svetlé pásiki boli rovnako vzdialená od vrchného aj spodného okraju skúšal som margin aj padding ale dáko my to nešlo. Za pomoc vopred Ďakujem. |
||
| panther Profil |
#2 · Zasláno: 27. 12. 2010, 13:55:21
Slapy:
proč si neuděláš rovnou obrázek 20x2px? Datově to vyjde skoro nastejno, bude mít taky téměř nulovou velikost. Kolik bajtů ti přibyde na obrázku, tolik můžeš ušetřit tím, že místo trojnásobného použití třídy „menu“ v HTML použiješ jednou „last“ - a odlišíš poslední položku tímto způsobem. |
||
| Slapy Profil |
#3 · Zasláno: 27. 12. 2010, 15:37:49
panther:
Na stránke to tak mám len sa my nepáči že je to cez obrázok keď je to cez css tak s to môžem meniť pomocou kódu ale keď je to cez obrázok musím meniť v kuse obrázok a znova ho upovať. Preto som to chcel prerobiť na niečo takéto len tu je ten problém s centrovaním. |
||
|
Časová prodleva: 13 let
|
|||
0