menu

Wszystko o HTML, XHTML, XML, CSS.
zielak587
Posty: 2
Rejestracja: 22 cze 2011, 13:35:39
Reputacja: 0
Płeć: Niewybrana
User Agent: Firefox Windows 1360x768

menu

Postautor: zielak587 » 22 cze 2011, 13:50:37

Witam.
Chciałbym zrobić na swoją stronę menu działające na tej zasadzie: http://img97.imageshack.us/img97/9701/menuknp.png. i żeby za te prostokąty można było wstawić obrazki.
Bardzo proszę o pomoc.
P.S. Szukałem w necie ale nie mogłem znaleźć to o co mi chodziło.
Venite
Obsługa CBA
Posty: 3197
Rejestracja: 18 lut 2011, 08:01:57
Reputacja: 43
Lokalizacja: Kędzierzyn-Koźle
Płeć: Mężczyzna
User Agent: Opera Mobile 240x320

Re: menu

Postautor: Venite » 22 cze 2011, 16:30:58

Jeśli chodzi o tło, wystarczy dać taki prostokąt w kontener i nadać mu atrybut background. A co do takiego menu... Podobny przykład widziałem na stronie http://kurshtml.edu.pl w sekcji html - menu... Albo pobierz jakieś gotowe menu, zajrzyj w skrypt i zrób swoje na tym przykładzie ;]
Czy wiesz, że:
  • W Panelu CBA w sekcji "wsparcie" jest dedykowany system ticketów (obsługi technicznej)
  • Odpowiadamy na Forum oraz na adres mailowy obsluga(malpa)cba.pl
  • Jesteśmy również na Facebooku! Znajdź nas na facebook.com/hostingcba | cba.pl
W czym jeszcze możemy pomóc?
zielak587
Posty: 2
Rejestracja: 22 cze 2011, 13:35:39
Reputacja: 0
Płeć: Niewybrana
User Agent: Firefox Windows 1360x768

Re: menu

Postautor: zielak587 » 22 cze 2011, 18:58:34

Dzięki.

Ostatnie pytanie
Gdzie to zmienić tabele tak aby było tło obrazkowe???

body {
behavior: url(csshover.htc);
}

a {
color: #000;
text-decoration: none;
}

ul {
list-style: none;
margin: 0;
padding: 0;
width: 155px;
height: 41px;
}

ul li {
font: bold 11px/16px arial, helvetica, sans-serif;
height:100%;
background:#ff8b8e;
position: relative;
float:left;
width:100%;
}

ul li ul li{
background:red;
}

ul li a{
display:block;
padding: 2px 3px;
}

ul li a:hover {
color: #a00;
background: #ffd3d4;
border-right:1px solid #fff;
border-left:1px solid #fff;
}

ul li ul li a:hover{
background: #ffedd3;
border-left:1px solid #fff;
}

ul ul {
position: absolute;
top: 0;
display:none;
}

ul li:hover ul{
display: block;
left:200px;
}

Z góry dzięki.:)

P.S. Tu i tu ma być takie same(widoczne i wysuwane).
Venite
Obsługa CBA
Posty: 3197
Rejestracja: 18 lut 2011, 08:01:57
Reputacja: 43
Lokalizacja: Kędzierzyn-Koźle
Płeć: Mężczyzna
User Agent: Opera Mobile 240x320

Re: menu

Postautor: Venite » 22 cze 2011, 22:25:54

w ul li, zamiast background:#ff8b8e; daj background-image: url('ścieżka lub adres do obrazka'); .
Powinno działać.
Czy wiesz, że:
  • W Panelu CBA w sekcji "wsparcie" jest dedykowany system ticketów (obsługi technicznej)
  • Odpowiadamy na Forum oraz na adres mailowy obsluga(malpa)cba.pl
  • Jesteśmy również na Facebooku! Znajdź nas na facebook.com/hostingcba | cba.pl
W czym jeszcze możemy pomóc?

Wróć do „HTML, CSS”

Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 3 gości