Menu css z słoneczkiem na górze :) |
 14.05.2010 - 08:22
Post
#1
|
|
|
Początkujący  Grupa: Użytkownik Postów: 1 Dołączył: 14.05.2010 Użytkownik nr: 1,024  |
Hej
Mam pytanko dotyczące menu w css. Bo nigdzie w necie nie mogę znaleść takiego przypadku: Chodzi o menu poziome z obrazkiem ( słoneczkiem na górze ) A pod słoneczkiem tekst menu. Tak aby słoneczko byłe wycentrowane względem tekstu. Jedno poziomowe menu. Z góry dzięki za pomoc Pzdr Michał |
 |
 
|
 |
Odpowiedzi
|
28.11.2010 - 13:25
Post
#2
|
|
|
Początkujący Grupa: Użytkownik Postów: 4 Dołączył: 15.11.2010 Użytkownik nr: 1,232 |
Mam podobny problem. Chce zrobić menu rozwijane w poziome, ale ma wyglądać tak
 Pytanie 1. Jak zrobić, żeby w menu wyświetlany był obrazek 16x16px, a submenu wyświetlało się tylko po najechaniu na ten obrazek. 2. Submenu misi być o takiej szerokości, żeby zmieścił się tam dłuższy od 16px napis. Gotowy kod, ale całe menu jest takiej samej szerokości i gdy najadę w puste miejsce menu, to też się rozwija.  KOD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Menu rozwijane pionowe - demo</title> <style type="text/css"> * {margin: 0; padding: 0;} #menu li {list-style: none;} #menu, #menu ul {width: 160px;} #menu ul {visibility: hidden; position: absolute; top: 0; left: 100%; padding-left: 1px;} #menu li {padding-bottom: 1px; line-height: 0; position: relative;} #menu li:hover ul {visibility: visible;} #menu a, #menu li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; width: 140px; color: #fff; background-color: #666;} #menu li:hover a, #menu li:hover li:hover a {background-color: #333095;} </style> </head> <body> <ul id="menu"> <li><a href="#">Kolo zzbate 16x16</a> <ul> <li><a href="#">Pobierz Galerie</a></li> <ul> <li><a href="#">Informacje o Galerii.</a></li> </ul> </ul> </ul> </body> </html> |
|
|
|
Posty w tym temacie
mnnich Menu css z słoneczkiem na górze :) 14.05.2010 - 08:22
Dess3R Google nie gryzie ... a nikomu nie będzie się racz... 20.06.2010 - 09:22
 |
1 użytkownik(ów) przegląda ten temat (1 gości i 0 anonimowych użytkowników)
0 Użytkownicy:
| Wersja Lo-Fi | Aktualny czas: 22.05.2012 - 12:41 |