Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]wykaz inline - znikające "kropki"
sazian
post
Post #1





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 141
Dołączył: 19.09.2006
Skąd: B-tów

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


Witam,
znajomy dał mi do "ulepszenia" szablon strony (on po prostu pociął go w photoshopie i tak zostawił)
na stronie było poziome menu (oczywiście w całości z obrazków )
(IMG:http://img199.imageshack.us/img199/8420/zrzutekranu42.png)
postanowiłem je przerobić na wykaz
  1. <ul style="color:white;list-style-image: url(Obrazki/www_14.gif)">
  2. <li>o mnie</li>
  3. <li>firma</li>
  4. <li>galeria</li>
  5. </ul>

to wyszło bardzo ładnie więc cały szczęśliwy że tak szybko poszło przerobiłem kod żeby wykaz był inline

  1. <ul style="color:white;list-style-image: url(Obrazki/www_14.gif)">
  2. <li style="display:inline">o mnie</li>
  3. <li style="display:inline">firma</li>
  4. <li style="display:inline">galeria</li>
  5. </ul>


oczywiście napisy zostały wyświetlone w linij ale "kropki" zniknęły (IMG:style_emoticons/default/sad.gif)
wiecie może dlaczego tak się dzieje (IMG:style_emoticons/default/questionmark.gif) i jak przywrócić wypunktowanie
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
AdIoS_Neo
post
Post #2





Grupa: Zarejestrowani
Postów: 159
Pomógł: 43
Dołączył: 8.03.2009

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


Witam (IMG:style_emoticons/default/smile.gif) Tak na szybko ale pewnie się połapiesz o co chodzi:
  1. <title>UL LI</title>
  2. li{
  3. list-style-image: none;;
  4. list-style-type: none;
  5. list-style-position: inside;
  6. display: inline;
  7. background:transparent url(li.png) no-repeat;
  8. padding-left:16px;
  9. }
  10. </style>
  11. </head>
  12.  
  13. <ul>
  14. <li>A</li>
  15. <li>B</li>
  16. <li>C</li>
  17. </ul>
  18.  
  19. </body>
  20. </html>
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: 5.10.2025 - 20:12