Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [#menu a{}] Nie wyświetla całego obrazka.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Adis92
Mam dziwny problem gdyż robię menu w poziomie i ustawiłem pod każdym linkiem obrazek. Gdy jest wartość display: block; to się wyświetla ale kiedy robie display:inline; to wyświetla obrazek tylko w miejscu gdzie jest tekst:/
  1. #menu a{background-image: url(images/button.png); display: inline; width: 113px; text-decoration: none; height: 32px; color: #547782; font-family: Sylfaen; font-size: 15px; margin-left: 10px;}

Ktoś wie co jest nie tak questionmark.gif
Cypherq
Ale dlaczego chcesz mieć display: inline robiąc menu w poziomie?
Adis92
Bo menu umieściłem w <ul> i <li> i jak dam block to mi w pionie się bd wyświetlało.
Lion_87
a dla UL LI jakis styl robisz? float:left?
Adis92
Nie nie stosuje float dla ul, li
Cypherq
Weź pokaż HTML i CSS bo nie za bardzo łapię.
mls
Jeśli chcesz mieć poziome menu, to:
- element ul musi mieć overflow: hidden
- element li musi mieć float: left
- element a musi mieć display: block

Normalnym jest, że jeśli link jest elementem liniowym, jego tło jest dostępne tylko w tym miejscu, gdzie jest jego treść. I elementowi liniowemu nie można ustawić rozmiaru.
Adis92
Ok dzięki pomogło. Wszystko juz działa
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.