Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [XHTML][CSS] wyjustowanie obrazków
Forum PHP.pl > Forum > Przedszkole
Rabauken
Mam takie coś:

Kod
<div  class="obrazki">
   <p>    
   Ble ble ble ble ble...
   </p>

  <a href="zdj1.html"> <img alt="" title="" height="96" width="128" src="zdj/min1.jpg" /></a>
  <a href="zdj2.html"> <img alt="" title="" height="96" width="128" src="zdj/min2.jpg" /></a>
  <a href="zdj3.html"> <img alt="" title="" height="96" width="128" src="zdj/min3.jpg" /></a>
  <a href="zdj4.html"> <img alt="" title="" height="96" width="128" src="zdj/min4.jpg" /></a>
  <a href="zdj5.html"> <img alt="" title="" height="107" width="160" src="zdj/min5.jpg" /></a>
  <a href="zdj6.html"> <img alt="" title="" height="107" width="160" src="zdj/min6.jpg" /></a>
  <a href="zdj7.html"> <img alt="" title="" height="107" width="160" src="zdj/min7.jpg" /></a>

</div>


i w pliku css

Kod
.obrazki img {
   margin-bottom: 15px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   text-align: justify;
}


Chciałem żeby obrazki były wyjustowane. W chwili obecnej wyjustowany jest tylko pierwszy rząd ze zdjęciami, a drugi już nie. Co zrobić żeby oba były wyjustowane?

lord2105
nie dawaj img w a zrob cos na zasadzie:

CSS:
  1. .obrazki {
  2. text-align: justify;
  3. }
  4. .obrazki a.link1 {
  5. display:block;
  6. width:20px;
  7. height:20px;
  8. background: url ('sciezka') no-repeat center;
  9. }
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.