Vse, kar ste si želeli vprašati o CSS, pa si niste upali.

HairMan?

Vseeno bi bilo, če bi namesto
[font class="font_type_01 font_color1 font_x-large"]
pisal
[font style="font-family: arial; color: #000099; font-size: 15px;"]

dej šeenkrat premisli kaj si napisal :)

P.S.: A tale zadeva z večimi class-i sploh validira?

Se. Ampak če imaš več kot dva, je tole že hudo nepregledno (sploh da bi imel class za vsak tip pisave, velikost pisave, barvo, obrobo... posebej!) Že res, da so okusi različni, ampak IMHO je bolje deklarirat par class-ov za različne tabele, naslove, novice..., ne pa takole komplicirat. ;)

Letez, lepo prosim, ne piši velikosti pisav v px, IE na to gleda kot na fiksno velikost in posledično uporabniki ne morejo spremenit velikosti pisave ("saj imam srednjo velikost pisav, pa je ponekod tekst tako droben, da se ne da nič prebrat"). Relativne velikosti: npr 90% ali .9em so precej bolj prijazne uporabnikom.

letez mislim da si popolnoma zgrešil poanto cssja.

predvsem se gre za ločevanje vsebine od oblikovanja. da iz tega narediš to: http://www.csszengarden.com/.
nekdo ki napiše vsebino.. reče, to je glavni tekst, to je naslov na prvem nivoju, to je naslov na drugem nivoju, ta tekst naj bo povdarjen ker je pomemben in to vrši na nivoju classov ali IDjev: .glavnoBesedilo .glava .novica .naslov1 .naslov2

nato je na oblikovalcu, da se odloči kak bo ta vsebina prikazana. ideja cssja je tudi v tem da se določi ali bo id=glava prikazan na vrhu, ali na strani ali pa na drugi strani, ali pa da se sploh ne prikaže.

s tem ko pa ti v vsebino (beri: html) vpisuješ te nepotrebne atribute, pa že delaš design.
in če sem lahko malo predvidljiv.. bom povprašal če postavljaš stran s pomočjo tabel, to namreč močno sumim.

alpa pač rečeš

.font_color1 { color:#008; }

:) no ja, čudn primer anyway :>

CaqKa popolnoma se strinjam..vendar v praksi je vedno tako..., da neglede kakšen problem imaš in kako ga rešuješ je rezultat isti. Popolnoma isto sranje a ga narediš po PSu ali pa po svoje. Nisem rekel, da je moj način fantastičen ( daleč stran od tega )... je pa uporaben in preprost.

Kot prvo kako bom jaz oblikoval pisavo na sajtu je isti drek al napišem v html class ali pa v CSS obliko. Kar sem želel predstaviti je to, da lahko z malo truda in znanja + kmečke pameti narediš rezultat isti.

Nikoli nisem zasledil koga, ki bi CSS pisal po PSu tako kot URL ki si ga posredoval. Dvomim, da si tudi ti, ker če bi... bi se lahko pohvalil z svojim URLjem. Moja namen uporabe CSSja je, da z eno spremembno lahko popravim n strani.. če pa imam samo eno stran pa je nesmiselno sploh pisati CSS.

Ker jaz ločim vsebino od designa z XML / XSL + ( css ) .. je moje oblikovanje poudarjeno na tabelah. Vedno v htmlju določim cellspacing / cellpadding / width / height attribute in nikoli ne v CCSju ( spacing / padding and stuff). Nikoli ne uporabljam [div] ker moje grupe so v XMLju. Za primer mi je lažje oblikovati del XSLja tako, da napišem...

[table border="0" cellspacing="0" cellpadding="0" width="100%" class="border_bottom_color1_050"]
[xsl:for-each select="root/path"]
[tr]
[td][font class="font_type_01 font_color1 font_medium"][xsl:value-of select="title"/][/font][/td]
[/tr]
[/xsl:for-each]
[/table]

na koncu je rezultat popolnoma enak :) .. in ni mi mar za % tistih, ki gledajo v kodo in se ji krohotajo..češ kako je napisana ( zavedajmo se, da imamo slovenčki manjšinsjki problem in da to sploh ni čudno :).... ko delaš websajte zato, da se preživljaš je važno, da stranka vizualno vidi to kar si je želela imeti.. in vrjemi mi 99% je takšnih, ki sploh ne vejo kaj je "koda" kaj HTML in kaj šele CSS.. in če bi komu od teh razlagal dobesedno kako pravilno in lepo je napisana tvoja koda in kako po PSu si ločil vsebino od oblike... mi vrjemi, da bi bilo isto kot razlagati stari mami kak uber PC imaš doma.

še enkrat.. nikomur nisem rekel, da uporablja karkoli narobe .. nikogar nisem flamal ali karkoli podobnega.. vse kar sem želel je to, da mogoče KDO, ki je ravnokar začel raziskovaiti CSS ali pa tisti, ki mu je zadeva za enkrat trda ( kak samouk mogoče.. ) najde rešitev in idejo.. ker napiflane stvari je težko razumeti ;)

letez:

> na koncu je rezultat popolnoma enak :) .. in ni mi mar za % tistih, ki gledajo v kodo in se ji krohotajo..češ kako je napisana ( zavedajmo se, da imamo slovenčki manjšinsjki problem in da to sploh ni čudno :)....

Output je popolnoma nerelevanten. Tudi jaz sem jih že enkrat [od "znalca"] slišal, ker output moje skripte ni bil lepo "poformatiran". Bistveno s tega vidika je le, kakšne so tvoje "izvorne" datoteke in kako poteka njih urejanje. Če na tvoji strani za spremembo celostnega designa določenega site-wide ponavljajočega se elementa zadostuje ena sama sprememba classa, super.

[Vseeno pa pomisli, ali je s tvojim načinom dejansko ločen prikaz od strukture. Še vedno se mi zdi, da ni. Vprašanje je tudi, če ti je to sploh v interesu. Na večini strani, ki niso zen-garten, to ni.]

Ali je mogoče, in če je, kako določiti charset kar v CSS-ju?

Prvič se spravim nad CSS pa že ne dela kot bi moralo

Torej v dokument s končnico .php v katerem je večina html kode sem dodal sledeče;

<style type="text/css">
		h50 {font-size: 45pt}
		h35 {font-size: 30pt}
		h30 {font-size: 25pt}
		h24 {font-size: 19pt}
		h20 {font-size: 15pt}
		h18 {font-size: 13pt}
		h10 {font-size: 5pt}
		hi {font-style: italic}
		hb {font-weight: bold}
</style>

Rezultat! V Firefoxu dela v IE pa ne. Zadeva je podprta že od najmanj IE 4 naprej. Kje je problem?
Gre se za tole stran.

lol html validator se zbuni za hxx elemente css pa ne (zgleda kot da je bug v css validatorju :))

spremeniti bo treba html pa si tam namesto hxx izmislit classe ali pa idje
poleg tega pa mislim da tudi gnezdenje h1 znotraj h2 ni dovoljeno, čeprav dela na ie, na ffju pa kr nekak po svoje.

CSS se nima kaj bunit za razne h50 selektorje. Ti LAHKO obstajajo [user v htmlju lahko definira svoje tage].

Če pa si v htmlju zmišljuje nove tage in jih ne definira pravilno oz. sploh ne, pa zna bit težavno.

po standardu imaš 6 naslovov in nič več, ostalo je loterija (bo delalo ali pa ne):

<!ENTITY % heading "h1|h2|h3|h4|h5|h6">

<!--
  There are six levels of headings from h1 (the most important)
  to h6 (the least important).
-->

Če rabiš kaj več, piši npr takole:

h6 class="h50"

veteran, če bi jz vedel o čem govoriš Na CSS se ne spoznam kaj prida. Po sili razmer sem ga uporabil včeraj, ko sem ga potreboval. Od HTML-ja pa poznam bolj kot ne osnove.

Kristalno. Oz popravimo tole uzjavo. Ne prepozna ga IE. Firefox ga čist lepo.

Torej kako se lotim, da dopovem brskalniku definicijo h50 taga?

js bi se počas vprašu kakšne userje maš da jih ne boš zmedu s 60 različnimi tipi naslovov.

Raje delaj s span-i, pa jim potem določaj classe - h1 do hmilijon če rabiš - te classe pa potem oblikuj s CSSom.

Lp!

Sej to nucam samo tokrat za vabilo objavit...

No, če je samo za enkratno uporabo, ni potrebe po class-ih (te narediš, če jih boš še kje na strani kdaj ponucal, sicer ne). Kar inline oblikovanje naredi, npr:

<div style="font-size:3em;color:#f0f;">vabimo vas</div>
<div style="font-size:2em;color:#ff0;">na</div>
<div style="font-size:5em;color:#f00;">koncert leta</div>

z-index

tale razlaga je bila meni mogoče še najbolj všeč.

Using ems however, allows all browsers to resize text and also provides pixel-level precision and so they tend to be my unit of choice.

Caqka:

body { margin: 0; padding: 0; }
#div1, #div2 { width: 160px; height: 160px; position: absolute; }	
#div1 { background: #008; z-index: 1; top: 10px; left: 10px; }
#div2 { background: #080; z-index: 2; top: 30px; left: 30px; }

<body>
<div id="div1"></div>
<div id="div2"></div>
</body>

Tako da daš notranjega v zunanjega. Zunanjemu in notranjemu ne določiš višine. Ko boš v pisoval tekst v notranjega, bo le-ta raztegoval tudi zunanjega.

navpičn align ne dela..
načeloma bi pomojem lahko dal spodaj pa zgoraj margin ali pa padding, kar ti pač bolj ustreza.
slika pa je čist ajnfoh..
v cssju: h1 {background: url('slika.gif') white /*ali katera druga barva*/ ; padding-top:2em; padding-top:2em; text-align:center;}

Ehm, preden rečete, da nekaj ne dela, najprej poglejte, kako bi sploh moralo delati. ;) Še podrobnejša razlaga.

Če bi rad vrstici dal samo malo prostora uporabi zgornjo rešitev. Če bi pa rad postavil nek block element na sredino ekrana, potem je ena od možnih rešitev:

position: absolute;
top: 50%;
left: 50%;
margin: -100px 0 0 -200px;

Vrednosti za margin veljajo, če je element visok 200px, širok pa 400px (odmakneš v levo za polovico velikosti, ker sta lastnosti top in left element potisnila zgornji levi kot elementa točno na sredini strani).

Če bi rad, da je slika klikabilna, še ne pomeni, da ne sme biti podana kot background-image.

Najprej se vprašaj, čemu je slika namenjena, kaj predstavlja. Je samo del predstavitve? Se na strani večkrat ponavlja? Gre morebiti celo za tekst na sliki? V tem primeru imaš še dve možnosti:
1) slika pelje na isto mesto kot tekst v sredini
2) slika pelje drugam.

V prvem primeru samo zagotoviš, da se link zavzame celotno širino, nato sliko za ozadje poravnaš levo.

V drugem primeru pa dodaš drug link, mu spet dodaš sliko za ozadje in ga nato recimo floataš levo.


Stvari se obrnejo, če je slika del vsebine, če nekaj pomeni. V tem primeru boš potreboval IMG element, ki ga ravno na nek način spraviš na levo stran.

OK, nekako mi je uspelo tako poravnati sliko na levo kot poravnati zadevo vertikalno. Dela na vseh resolucijah in v treh brskalnikih (FF, Opera, IE). Malo se je sicer zamaknilo vse skupaj na desno (nekako logično, ker sem noter vrgel par px veliko sliko, ampak mislim da se ne bo poznalo. Pomagal sem si pa ravno s tem position. Sicer sem najprej imel absolute, vendar sem imel določene težave z resolucijami, relative pa sedaj nima problemov.
Če koga zanima je tu testna verzija.
Hvala vsem za pomoč. Zagotovo bom še rabil pomoč. LP

Tudi to deluje in postavi sliko tam kjer naj bi bila, vendar ne kot bi želel, saj se tisto ozadje h1 ne raztegne, čeprav....
Bom še malo eksperimentiral, mogoče pa uporabim ravno nekaj takega...