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
mczlowiek
post
Post #2





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

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


nie ma tego, cały kod zamieściłem

lista:
  1. <?php
  2. #wiecej {
  3. margin: 0;
  4. list-style-image:none;
  5. list-style-position:outside;
  6. list-style-type:none;
  7. margin:0 0 0 0;
  8. padding:0;
  9. display:inline;
  10. clear:left;
  11. float:left;
  12. }
  13.  
  14. #wiecej li {
  15. background:transparent url(images/lista/bullet_5x5.gif) no-repeat scroll left 9px;
  16. clear:left;
  17. display:inline;
  18. margin-right:20px;
  19. padding-left:12px;
  20. }
  21.  
  22. #wiecej a {
  23.    color:#5C5C5C;
  24.    font-family:Arial,sans-serif;
  25.    font-size:11px;
  26.    text-decoration:none;
  27.    }
  28. ?>


2. punkt drugi zrobiony, jescze tylko punkt 1.

Ten post edytował mczlowiek 27.03.2009, 08:31:28
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: 17.10.2025 - 06:36