-
Data: 2014-04-22 10:45:30
Temat: Menu w CSS - problem ze spadającym li
Od: jameno <j...@w...pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]
Witam
Mam problem z szerokością menu - przy różnych rozdzielczościach ostatnia
pozycja menu w konkretnym przypadku - kontakt - "spada w dół" poniżej
całej linii
*****************************************
* * * * * * - tak powinno wyglądać
*****************************************
a tak wygląda
*********************************
* * * * *
*********************************
********
*
********
część body
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#222;
min-width:1020px;
background: url(../images/pasek3.png);
background-repeat:repeat;
}
.ic, .ic a
{border:0;float:right;background:#fff;color:#f00;wid
th:50%;line-height:10px;font-size:10px;margin:-220%
0 0 0;overflow:hidden;padding:0}
.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat}
.main {width:1020px;padding:0;margin:0
auto;font-size:0.875em;line-height:1.785em;backgroun
d:#fff}..........................................
część header
header {
width:100%;
position:relative;
z-index:2;
}
.row-top {
width:100%;
min-height:101px;
background:url(../images/row-top-tail.gif) left top repeat-x #f6a20e;
border-radius:9px 9px 0 0;
-moz-border-radius:9px 9px 0 0;
-webkit-border-radius:9px 9px 0 0;
position:relative;
overflow:hidden;
z-index:1;
}
całe menu
.menu {
padding:0 0 0 0;
width:100%;
margin-top:-9px;
position:relative;
z-index:2;
}
.menu li {
float:left;
position:relative;
padding-right:2px;
background:url(../images/menu-spacer.gif) right top repeat-y;
}
.menu li.last {background:none; padding:0}
.menu li a {
display:block;
font-size:20px;
font-weight:405;
line-height:2em;
padding:6px 64px 8px 65px;
color:#fff;
/* text-transform:capitalize; */
letter-spacing:-1px;
background:#444444;
}
.menu li:first-child a {
padding:6px 0 8px;
width:62px;
text-indent:-9999px;
background:url(../images/menu-home-icon.png) center center no-repeat
#2b2b2b;
border-radius:9px 0 0 9px;
-moz-border-radius:9px 0 0 9px;
-webkit-border-radius:9px 0 0 9px;
}
.menu li.last a {
padding:6px 54px 8px 52px;
border-radius:0 9px 9px 0;
-moz-border-radius:0 9px 9px 0;
-webkit-border-radius:0 9px 9px 0;
}
.menu li a.active,
.menu > li > a:hover {background-color:#968e8e}
Następne wpisy z tego wątku
- 22.04.14 19:45 Cezary Tomczyk
- 22.04.14 22:20 Borys Pogoreło
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-14 Dobra zmiana
- 2024-11-14 Czy prezydent może ułaskawić od zadośćuczynienia? [A. Lepper odszkodowania]
- 2024-11-14 Gliwice => Network Systems Administrator (IT Expert) <=
- 2024-11-14 Gliwice => Administrator Systemów Sieciowych (Ekspert IT) <=
- 2024-11-13 Filtr do pompy ruskiej
- 2024-11-12 Gdzie kosz?
- 2024-11-13 elektrycznie
- 2024-11-12 Jebane kurwa, kurwy.
- 2024-11-13 karta parkingowa
- 2024-11-13 Wl/Wyl (On/Off) bialy/niebieski
- 2024-11-12 I3C
- 2024-11-13 Kraków => DevOps Engineer (Junior or Regular level) <=
- 2024-11-13 Łódź => Senior SAP HANA Developer <=
- 2024-11-13 Zabrze => Senior PHP Symfony Developer <=
- 2024-11-13 Karlino => Konsultant wewnętrzny SAP (FI/CO) <=