Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML/CSS] Problem z poprawna konstrukcja warstw
Forum PHP.pl > Forum > Przedszkole
bestbud
Na stronie klik mam galerie zbudowana na warstwach.

W konstrukcji alerii uzywam warstw, ktore wystepuja kilkakrotnie, wiec nei moge uzywac id tylko class by zadowolic walidator. Jednak gdy
  1. <div id=\"galerl\">

zamienie na
  1. <div class=\"galerl\">

to blednie mi wyswietla warstwy.
co tu poradzic ?
prond
Jak chcesz używać klas dla elementów HTML to w pliku CSS musisz zmienić sposób odwołania.

Teraz masz tak:
  1. #galer { width: 480px; background-color: transparent; border: gray dotted 1px; margin-left: 30px; margin-top: 5px;}
  2. #galerg { text-align: center; margin-top: 5px; }
  3. #galerl { float: left; width: 165px; text-align: center; border: gray dotted 1px; margin-left: 10px; }
  4. #galers { float: left; width: 110px; text-align: justify; padding-left: 2px; padding-right: 2px; }
  5. #galerp { float: left; width: 165px; text-align: center; border: gray solid 1px; }
  6. #galerd { clear: both; width: 440px; padding-left: 15px; padding-right: 5px; }


Zamień to na :
  1. .galer { width: 480px; background-color: transparent; border: gray dotted 1px; margin-left: 30px;margin-top:5px;}
  2. .galerg { text-align: center; margin-top: 5px; }
  3. .galerl { float: left; width: 165px; text-align: center; border: gray dotted 1px; margin-left: 10px; }
  4. .galers { float: left; width: 110px; text-align: justify; padding-left: 2px; padding-right: 2px; }
  5. .galerp { float: left; width: 165px; text-align: center; border: gray solid 1px; }
  6. .galerd { clear: both; width: 440px; padding-left: 15px; padding-right: 5px; }
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.