Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Lista z obrazkami w jednej linie - inline
Forum PHP.pl > Forum > Przedszkole
sowi
Witam,

mam listę
  1. <div id="lista">
  2. <ul>
  3. <li>ABC</li>
  4. <li>DEF</li>
  5. <li>GHI</li>
  6. </ul>
  7. </div>


dla css
Kod
#lista ul{list-style:none;}
#lista li{display:inline}


Wszystko wygląda elegancko i wyświetla się ABCDEFGHI. Problem jeżeli zamiast tekstu potrzebuję umieścić w jednym miejscu grafikę
  1. <div id="lista">
  2. <ul>
  3. <li>ABC</li>
  4. <li><img src="DEF.gif" alt="DEF - wersja graficzna" /></li>
  5. <li>GHI</li>
  6. </ul>
  7. </div>


wtedy niestety grafika ustawia się pod tekstem, czyli powstaje

ABC
DEF [grafika]
GHI

Czy ktoś mi może pomóc jak zrobić, żeby było w jednym rzędzie? - grafika jest jako logo i nie może zostać jako tekst.

czy ktoś może pomóc? Sprawa bardzo pilna... sad.gif
wookieb
Podaj link do strony to na szybko bedzie mozna ci pomóc.
ferrero2
Spróbuj dodać do img styl i nadać mu display:inline-block.
Można również dodać atrybut float:left do obrazka

To tak na szybko pozdrawiam
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.