Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wiele dokumentow xHTML = wiele CSS
y3ti
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 19.08.2004
Skąd: Pruszków

Ostrzeżenie: (0%)
-----


Czesc,

Ostatnio glowkuje sobie jak rozwiazac pewnien blachy z pozoru problem.
Mam strone www, ktora sklada sie z powiedzmy 10 dokumentow xhtml.
Kazdy z tych dokumentow budowany jest na podstawie danego szablonu, czyli
ten sam layout.

Problem pojawia sie w momencie kiedy chce, aby np.

1) w pierwszym dokumencie xhtml pierwszy akapit ma byc zielony, drugi czerwony
2) w drugim dokumencie xhtml pierwszy akapit ma byc niebieski, drugi brazowy
3) ....
4) ....
5) i tak dalej.

Chodzi mi o to, ze na kazdej stronie sa inne style css. Tutaj jeden wyraz moze miec kolor inny. Oczywiscie mozna uzyc klasy, ale gdy taki "czerwony akapit" wystepuje tylko w jednym dokumencie xhtml rozwiazanie jest brzydkie. Poza tym
takich oryginalnych fragmentow strony moze byc pelno i co kazdemu dawac klase?

Jedyne co mi przychodzi do glowy to:
- wszystko do jednego globalnego pliku css i tam takie male szczegoly dawac w klasy
- jeden artkusz styli css - globalny w ktorym bedziemy trzymac defincje calego niezmieniajacego sie layoutu, nawigacji oraz podstawowych selektorow dla body, p, h1, h2 itp. a takie oryginalne fragmenty jak czerwony akapit, ktore wystepuja tylko w jednym akapicie robic jako style wewnatrz atrybutu style="" np.

  1. <p style="color: red">Czerwony tekst</p>


- trzecie rozwiazanie, ktore m najbardziej by pasowalo to globalne definicje wrzucic do jednego zewnetrznego arkusza stylow oraz by kazda dokument xhtml posiadal swoj wlasny arkusz styli css np:

dokument1.html -> dokument.css
dokument2.html -> dokument.css

I wszystko bylo by ladnie gdyby nie nurtujace pytanie jak to zrealizowac, czy

1) globalny arkusz styli zaladowac poprzez <link rel=".. a drugi umiescic w <style>
2) globalny i lokalny arkusz styli zaladowac poprzez <link rel="..."

Co do punktu drugiego to jak bedzie wygladac sprawa jesli bedziemy robis "skorki" dla strony, czyli alternatywne arkusze stylow?

Z gory dziekuje za cenne uwagi i wskazowki.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
gekon
post
Post #2





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

Ostrzeżenie: (0%)
-----


Ja raczej proponowałbym trzecie rozwiązanie: jeden główny oraz kilka, które zawierają szczegóły charakterystyczne dla danej strony.
Szczegóły ładnie można zrobić nadając id dla elementu body, np:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <title>Strona</title>
  4. </head>
  5. <body id="blue">
  6.  
  7. <p class="first">foo</p>
  8. <p class="second">bar</p>
  9.  
  10. </body>
  11. </html>

Kod
body#blue p.first { color:#0000FF; }
body#blue p.second { color:#00FF00; }

body#red p.first { color:#FF0000; }
body#red p.second { color:#00FF00; }


A jak wrzucać?

  1. <link rel="stylesheet" type="text/css" href="main.css" media="screen" />
  2. <link rel="stylesheet" type="text/css" href="shop.css" media="screen" />
  3.  
  4. <link rel="alternate" type="text/css" href="shop-light.css" media="screen" />


Ten post edytował gekon 16.02.2006, 21:36:13
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 22:50