Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [XHTML+CSS] Zastępowanie tabeli stylami
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
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
akubiczek
Nie odpowiem Ci wprost, bo tak naprawdę to nie wiem jaki ma być efekt docelowy tongue.gif, ale zerknij do źródeł mojej strony - ogólny layout (bo nie wszystko, nie chciało mi sie biggrin.gif ) 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
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 winksmiley.jpg
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
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.