[html/css] tabele / divy ? Opcje

[b4x]

Witam mam problem jak zrobić najlepiej na divach - zgodnie ze standardami taki układ





Ten post edytował b4x 5.04.2008, 16:54:51

[help_mee]

zrób najlepiej w edytorze WYSIWYG
np. front page lub nvu
masz bieżący podgląd co robisz

Ten post edytował help_mee 5.04.2008, 16:58:17

[Crozin]

Zgodnie ze standardami i WYSIWYG? Ludzie!

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}

Ten post edytował Crozin 5.04.2008, 18:35:12