Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Menu poziome
motorolka24
post 24.01.2011, 17:24:04
Post #1





Grupa: Zarejestrowani
Postów: 90
Pomógł: 0
Dołączył: 21.04.2007

Ostrzeżenie: (0%)
-----


Witam, chce zrobić menu poziome. Poniżej jest kod html i css. Menu działa tylko że nie do końca tak jak chce. Chodzi o to że po najechaniu linkiem jest tylko tekst a chce żeby linkiem był tekst z obszarem w którym się znajduje (5px - dół, 5px - góra, 20px lewa strona, 20 px prawa strona). Co mam zmienić?
  1. <div id="menu">
  2. <ul>
  3. <li><a href="">Pozycja1</a></li>
  4. <li><a href="">Pozycja2</a></li>
  5. <li><a href="">Pozycja3</a></li>
  6. </ul>
  7. </div>


  1. #menu ul{
  2. list-style: none;
  3. font-weight: bold;
  4. background-image: url('menu1.png');
  5. }
  6.  
  7. #menu li{
  8. display:inline;
  9. padding: 5px 20px;
  10. }
  11. #menu li:hover{
  12. padding: 5px 20px;
  13. background-image: url('menu2.png');
  14. }
  15.  
  16. #menu a:link, #menu a:visited, #menu a:visited, #menu a:hover {
  17. font-family: Arial;
  18. font-size: 12px;
  19. text-decoration: none;
  20. }


Już sobie poradziłem smile.gif Wystarczyło padding: 5px 20px; przenieść do #menu a:link, #menu a:visited, #menu a:visited i background-image: url('menu2.png'); do #menu a:hover. Pozdrawiam

Ten post edytował motorolka24 24.01.2011, 16:37:33
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.07.2025 - 07:13