-
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
- 2025-03-08 Cięcie wysokich tui
- 2025-03-08 Środa Wielkopolska => SAP FI/CO Konsultant wewnętrzny <=
- 2025-03-08 Prawo "gminne"
- 2025-03-08 Warszawa => Senior Recruiter <=
- 2025-03-08 Warszawa => Key Account Manager IT <=
- 2025-03-08 Najszybciej ładujące się samochody elektryczne
- 2025-03-07 AION przejety
- 2025-03-07 Warszawa => Data Engineer (Tech Leader) <=
- 2025-03-07 Gliwice => Business Development Manager - Dział Sieci i Bezpieczeńst
- 2025-03-07 Warszawa => System Architect (background deweloperski w Java) <=
- 2025-03-07 Gliwice => Business Development Manager - Network and Network Security
- 2025-03-07 Chiny-Kraków => Senior PHP Symfony Developer <=
- 2025-03-07 Gliwice => IT Expert (Network Systems area) <=
- 2025-03-07 Chiny-Kraków => Backend Developer (Node + Java) <=
- 2025-03-07 Warszawa => Architekt rozwiązań (doświadczenie w obszarze Java, AWS