[XHTML+CSS] Zastępowanie tabeli stylami Opcje

[marlowe]

Witam,
postanowiłem spróbować się w pełni przestawić na xmlowską filozofię formatowania stron tzn. "tagi jako opis struktury dokumentu, style jako opis jego wyglądu". I mimo, że stosowałem już CSS to gdy zacząłem przekształcać układ strony zbudowany na tabelach na span, zaczęło mi się to wszystko psuć- stąd moje dwa pytania:
- czy umiecie może wskazać, czego brakuje w stylach tej strony (jaki ma być prawidłowy efekt chyba nie trzeba mówić),
- czy znacie może jakieś dobre strony lub książki, w których tego typu, czysto praktyczne, zagadnienia byłyby dobrze wytłumaczone- teoretycznie CSS jest prosty łatwy i przyjemny ale w praktyce najdrobniejsze sprawy wydają mi się nie do rozwiązania...
Z góry dziękuję za odp.
Pozdrawiam.
Bartek

Ten post edytował marlowe 13.07.2004, 23:55:47

[akubiczek]

Nie odpowiem Ci wprost, bo tak naprawdę to nie wiem jaki ma być efekt docelowy , ale zerknij do źródeł mojej strony - ogólny layout (bo nie wszystko, nie chciało mi sie ) jest sformatowane na CSS. Myślę, że na przykładzie najlepiej jest się uczyć. Adres w sigu.

[jbiz]

http://nf.hyperreal.info

[marlowe]

Dziękuję Wam obu za linki- bardzo mi się przydadzą!
@akubiczek: efekt ma być taki (niestety wychodzi mi on tylko jako obrazek ;-)
:-)
Pozdrawiam.
Bartek

Ten post edytował marlowe 14.07.2004, 12:46:44

[akubiczek]

Można to zrobić np. tak:

Kod

<style>
body {
    color:white;
}

div.menu {
    background-image:url('img/mb.gif');
    float:left;
    height:20px;
    padding-left:8px;
    padding-right:8px;
}

div.menu2 {
    float:left;
    height:20px;
}
</style>


<div class="menu2"><img src="img/ml.gif" alt="" class="ml" /></div>
<div class="menu">Strona główna</div>
<div class="menu2"><img src="img/mm.gif" alt="" class="ml" /></div>
<div class="menu">Katalog</div>
<div class="menu2"><img src="img/mm.gif" alt="" class="ml" /></div>
<div class="menu">Oferta</div>
<div class="menu2"><img src="img/mr.gif" alt="" class="ml" /></div>

ale pewnie i bardziej elegancko się da

[marlowe]

Bardzo dziękuję.
Pozdrawiam.
Bartek

[FastRed]

Na http://alistapart.com jest artykuł opisujący tworzenie takiego menu w oparciu o listy.

[marlowe]

Dzięki FastRed.

Przepraszam ale chciałem raz jeszcze prosić o pomoc- męczę się nad tym już bardzo długo i zupełnie nie mogę znaleźć rozwiązania. Ta oto strona działa OK pod IE, psuje się pod Mozillą. Jak ją dostosowuję do Mozilli, rozlatuje się pod IE. Rzecz sprowadza się, o ile się nie mylę, do innego traktowania position:relative- Mozilla uzależnia położenie od elementu-rodzica, IE zdaje się patrzeć na poprzedzający box w tym samym kontenerze (w tym przypadku: right dostosowuje się do left).
Gdyby ktoś mógł rzucić na to okiem- będę bardzo wdzięczny... ja już zupełnie nic mam pomysłów.
Z góry bardzo dziękuję.
Pozdrawiam.
Bartek