Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/css] tabele / divy ?
Forum PHP.pl > Forum > Przedszkole
b4x
Witam mam problem jak zrobić najlepiej na divach - zgodnie ze standardami taki układ



help_mee
zrób najlepiej w edytorze WYSIWYG
np. front page lub nvu
masz bieżący podgląd co robisz smile.gif
Crozin
Zgodnie ze standardami i WYSIWYG? Ludzie! winksmiley.jpg
Kod
<div class="entry">
  <h3><a href="..." title="...">Nazwa</a></h3>
  <p>
    <img src="..." alt="..." width="..." height="..." />
    Opis... Lorem... Lorem...Lorem...Lorem...Lorem...Lorem...Lorem...Lorem...Lorem...
  </p>
  <dl>
    <dt>wyświetlenia</dt>
    <dd>48</dd>
    <dt>ocena</dt>
    <dd>9.42</dd>
    <dt>czas trwania</dt>
    <dd>4:21</dd>
    <dt>tagi</dt>
    <dd><a href="" title="">tag</a></dd>
    <dd><a href="" title="">tag</a></dd>
    <dd><a href="" title="">tag</a></dd>
    <dd><a href="" title="">tag</a></dd>
  </dl>
</div>
Do tego CSS
Kod
.entry p img{
  float: left;
  margin: 3px;
}

.entry dl dt,
.entry dl dd{float: left;}

.entry dl dt{border-left: 1px solid #000;}
.entry dl dt:first-child{border-left: 0}
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.