Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Problem z poziomą listą
mczlowiek
post
Post #1





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 26.05.2008

Ostrzeżenie: (10%)
X----


mamt aki oto problem, za choinke lista nie chce wyświetlić się w poziomie

Kod
#wiecej {background-color: #ddd;
    border-width: 1px 0;
    border-style: solid;
    border-color: gray;
    padding: 3px 5%;
    margin: 0;
}


                
#wiecej  ul {      
                list-style-image:none;
                list-style-position:outside;
                list-style-type:none;
                margin:12px 0 0;
                padding:0;
                width:500px;
                display:inline;
                clear:left;
                float:left;
                margin-left:12px;
            }
                

#wiecej li {
                background:transparent url(images/lista/bullet_5x5.gif) no-repeat scroll left 9px;
                clear:left;
                display:inline;
                float:left;
                margin-left:12px;
                }


  1. <ul id="wiecej">
  2.                                <li>Wszystko</li>
  3.                                <li>Typy</li>
  4.                                <li>Zapowiedzi</li>
  5.                                <li>Kontuzje</li>
  6.                                <li>Transfery</li>
  7.                            </ul>
  8. ?>


Lista wyświetla mi się w pionie, nawet odpowiednich odległości nie zachowuje, dlaczego? kombinuje i kombinuje i nic z tego... (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Powód edycji: [erix] poprawka bbcode
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
nmts
post
Post #2





Grupa: Zarejestrowani
Postów: 283
Pomógł: 34
Dołączył: 21.03.2008

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


Kod
#wiecej {
background-color: #ddd;
border-width: 1px 0;
border-style: solid;
border-color: gray;
padding: 3px 5%;
margin: 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:12px 0 0;
padding:0;
width:500px;
display:inline;
clear:left;
float:left;
margin-left:12px;
}

#wiecej li {
background:transparent url(images/lista/bullet_5x5.gif) no-repeat scroll left 9px;
clear:left;
display:inline;
margin-left:12px;
}


nie potrzebne float:left dla li.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 11.10.2025 - 11:11