Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Dopasowanie kółka do tekstu
Forum PHP.pl > Forum > Przedszkole
Dominator
Witajcie, otóż mam problem, chcę aby kółko dopasowało się między środek tekstu; tzn mam takie coś

Można zauważyć że kółko idzie tak parę pixeli na dół, a ja chciałbym aby ono było po środku a nie na dole; pomóżcie.

to znajduje się w ramce oraz w <li>

  1. .rameczka {
  2. text-align:left;
  3. background:black;
  4. position:relative;
  5. box-shadow: 0 0 20px 10px #288FF7;
  6. margin: 0 auto;
  7. margin-top:-8px;
  8. height: 260px;
  9. border-style: double solid;
  10. width: 610px;
  11. height: auto;
  12. }


oraz <li>

  1. li {
  2. list-style:url(linkdoobrazka);
  3. margin-right:138px;
  4. margin-top:12px;
  5. margin-bottom:12px;
  6. height:auto;
  7. margin: 0 25px;
  8. }
Sephirus
Ogólnie aby to wszystko ładnie chodziło i wyglądało w każdej przeglądarce raczej robi się to inaczej.

Jest sposób - dajesz obrazek jako tło LI odpowiednio po lewej stronie. Na przykład:

  1. li {
  2. list-style-type:none; /* chowamy znaczek LI */
  3. background-image:url(obrazek.jpg); /* dodajemy nasz obrazek jako tło (załóżmy że ma jakieś 32x32) */
  4. background-position: left center; /* ustawiamy je z lewej na środku w pionie */
  5. background-repeat: no-repeat; /* nie powtarzamy */
  6. padding-left:32px; /* dajemy lewy padding dla LI aby teskt nie wchodził na tło (obrazek) */
  7. }


Poeksperymentuj z tym: http://jsfiddle.net/Q2QzK/
Dominator
@Up

To nadal schodzi kawałek w dół sad.gif
DDK15
wywal

Kod
margin: 0 25px;
Dominator
@Up

Dzięki, zadziałało smile.gif)
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.