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.
menu
-
- Obsługa CBA
- Posty: 3197
- Rejestracja: 18 lut 2011, 08:01:57
- Lokalizacja: Kędzierzyn-Koźle
- Płeć:
- User Agent:
Re: menu
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
Re: menu
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).
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).
-
- Obsługa CBA
- Posty: 3197
- Rejestracja: 18 lut 2011, 08:01:57
- Lokalizacja: Kędzierzyn-Koźle
- Płeć:
- User Agent:
Re: menu
w ul li, zamiast background:#ff8b8e; daj background-image: url('ścieżka lub adres do obrazka'); .
Powinno działać.
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