Re: zmiana wygladu DIV poprzez link - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › zmiana wygladu DIV poprzez link › Re: zmiana wygladu DIV poprzez link

Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!.PO
STED!not-for-mail
From: Mirosław Zalewski <miniopl@CUT_THIS.gmail.com>
Newsgroups: pl.comp.www
Subject: Re: zmiana wygladu DIV poprzez link
Date: Sat, 12 Feb 2011 14:12:38 +0100
Organization: http://onet.pl
Lines: 103
Message-ID: <20110212141238.56d7556b@pingwin>
References: <ij468u$k7o$1@news.onet.pl> <20110211214517.4ca98d66@pingwin>
<ij47tj$k7o$3@news.onet.pl> <20110211224939.15b5552e@pingwin>
<ij5s96$15t$1@news.onet.pl>
Reply-To: m...@g...com
NNTP-Posting-Host: ems12.neoplus.adsl.tpnet.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: quoted-printable
X-Trace: news.onet.pl 1297516370 28625 83.21.238.12 (12 Feb 2011 13:12:50 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Sat, 12 Feb 2011 13:12:50 +0000 (UTC)
X-Newsreader: Claws Mail 3.7.8 (GTK+ 2.20.1; x86_64-pc-linux-gnu)
Xref: news-archive.icm.edu.pl pl.comp.www:398234
[ ukryj nagłówki ]
luty roku pamiętnego 2011, prawdopodobnie 12. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) Andre:

> A co zrobic, zeby to ruszylo pod IE8 (standard w Win7)?
>
> Pozwole sobie wkleic caly kod, ktorego uzywam:
>
> ----------html----------------------
> <div class="pad_rama">
>
> <a>
>
> <div class="pad_up">
> <p class="pad_header">Kasia</p>
> </div>
>
> </a>
>
> <div class="pad_mid">
> <p class="pad_opis">Absolwentka Turystyki i Rekreacji na krakowskim
> AWF- ie. Całe życie związana z ruchem narciarstwo, trekking górski,
> rolki, rower, salsa, taniec towarzyski, trenowała również karate
> kyokushin itp. </p>
> </div>
>
> <div class="pad_down">
> </div>
> ----------/html----------------------

Jeśli to jest cały kod, to sprawa jest prosta -- zapomniałeś
zadeklarować DOCTYPE, przez co IE wchodzi w tryb zgodności z jakimiś
archaicznymi samozwańczymi ,,standardami" z początku wieku. Wystarczy że
dodasz jako pierwszą linijkę:

<!DOCTYPE html>

i wszystko będzie działało.
To jest DOCTYPE dla HTML5. Inne znajdziesz tutaj:
http://www.w3schools.com/tags/tag_DOCTYPE.asp

Poza tym kilka uwag natury ogólnej:
1. Używaj tagów o znaczeniu semantycznym*. Jeśli coś ma być nagłówkiem,
niech będzie nagłówkiem (<h1> do <h6>, w zależności od poziomu) a nie
akapitem z odpowiednią klasą. Przy pomocy CSS masz pełną kontrolę nad
prezentacją dokumentu -- możesz zrobić żeby <span> wyświetlał się jako
blok i tym podobne.

(* - wiem, pleonazm)

2. Jeśli jakiejś klasy chcesz użyć tylko raz, to bardziej na miejscu
będzie użycie identyfikatora niż klasy:
<body id="costam">
#costam {reguły;}
Ponadto selektory CSS (:first-child, :last-child, +, >, :only-of-type
itd.) pozwalają bezbłędnie wybierać elementy ze struktury dokumentu.
Stosując je, przy prostych stronach nie ma potrzeby stosować żadnych
klas czy identyfikatorów :) (chyba że są Ci potrzebne do manipulacji
DOM przy pomocy JS).

3. W CSS elementy w większości dziedziczą właściwości po swoich
rodzicach. Jak zadeklarujesz font-family dla elementu najwyższego rzędu
(html lub body, ewentualnie jakiś obejmujący wszystko div), to
wszystkie jego dzieci będą miały tę samą właściwość.
(Z poprawką na resetowanie, gdy zazwyczaj się podaje listę elementów,
ale wtedy raczej podajesz odpowiedni font przy regułach resetujących.)

Generalnie możesz chcieć przyjrzeć się jakiemuś rzetelnemu kursowi HTML
i CSS. Niestety nie mogę żadnego polecić, ponieważ sam nie uczyłem się
z kursów. Dużo podpowiedzi dają też artykuły publikowane na blogach
osób związanych z tworzeniem stron, bo tam często jest wytłumaczone
dlaczego zastosowany jest właśnie taki element i takie reguły.
No i pewnie jeśli po skończeniu strony poprosisz tutaj na grupie o
recenzję, to zostaną wskazane wszystkie, nawet najmniejsze, błędy.
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski