PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS-Tipps/Links


maulwurf
15.01.2002, 19:12
hiho
sehr nette tipps für den anfang! häufige fehler etc...


~ ~ ~
Dr. Web Newsletter - Was Webworker wissen wollen
----------------------------------------------------------------

Website http://www.drweb.de


Das lesen Sie in dieser Ausgabe:

03) Hilfe, mein CSS laeuft nicht!
-----------------------------------------------------------------

Wenn der Browser das muehsam ausgetueftelte Stylesheet ignoriert, hat
das
meist triviale Ursachen.

Zu den Klassikern bei handcodierten Seiten gehoeren neben Tippfehlern
auch
Leerzeichen zwischen Zahlenangaben und deren Einheiten. Bei CSS muss
beides ohne Leerzeichen zusammengeschrieben werden, also z.B.
"font-size:
25px" statt "font-size: 25 px". Obacht bei der gleichzeitigen
Verwendung

von externen Stylesheets und CSS-Definitionen innerhalb einer
HTML-Datei:
Definitionen innerhalb des Style-Tags haben Vorrang vor externen
Stylesheets. Und: Verweise auf externe Stylesheets duerfen nicht
innerhalb
eines Style-Tags stehen, sonst wird der Verweis ignoriert. Ebenso wenig
hat das Style-Tag etwas in einer CSS-Definitionsdatei zu suchen; hier
gehoeren nur die reinen Definitionen hinein.

Ein CSS-Sorgenkind ist der Netscape-Browser: Manche Anweisungen versteht

der Browser gar nicht, andere erst ab Version 6.x - und auch dann noch
nicht den vollstaendigen Befehlssatz. Ganz uebel: Wenn beim Netscape 4.x

die JavaScript-Ausfuehrung deaktiviert ist, funktionieren auch CSS
nicht.
Abhilfe schafft eine Abfrage im HTML-Quellcode, wobei die
JavaScript-Ausfuehrung abgefragt und im negativen Fall eine Hinweisseite

ausgeben - am besten zusammen mit einer Erklaerung, wie
Netscape-Anwender
JavaScript einschalten koennen: Bearbeiten - Einstellungen - Erweitert.
(pb)
~ ~ ~

cya


DaRoot
12.02.2004, 17:09
dr.web ist keine gute seite für anfänger :(
der ist so auf den IE fixiert.

www.css4you.de www.w3schools.com/css www.w3.org/Style/CSS/

orofice
03.12.2004, 14:35
http://css4you.de/ - Sehr gute CSS Seite
http://de.selfhtml.org/css/ - Sollte bekannt sein ;)

Mit den beiden Seiten kommt man eigentlich ziemlich weit.

Externes Stylesheet einbinden:
link rel='stylesheet' type='text/css' href='datei.css'>

CSS-Angaben im Dokument selbst angeben:
<style type="text/css">
<!--
Angaben
//-->
</style>


mfg
orofice

orofice
26.01.2005, 14:51
Dünne Tabellenrahmen

<table style="border:1px solid #000000;">

Er gibt eine Tabelle mit einem 1px breiten, schwarzen Rahmen drumherum.

Man kann anstatt von solid natürlich auch folgende Sachen nehmen:

none
Keine Linie

dotted
Gepunktete Linie

dashed
Gestrichelte Linie

solid
Durchgezogene Linie

double
Doppelte Linie

groove
3D-Linie

ridge
3D-Linie

inset
3D-Linie

outset
3D-Linie

odd
21.09.2005, 21:36
Dynamische CSS durch PHP:

index.php:
echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"css.php\">\n";

css.php:
echo "body\n";
echo "{\n";
echo "...\n";
echo "}\n";


Kinderleicht und steht afaik in noch keinem Tutorial. =)

greets

bloodriver
28.09.2005, 20:28
sorry odd, aber was is daran dynamisch? der macht doch immer die css.php rein?! und ne css schreibt man doch nich jedes mal neu... von daher würd ich lieber per sql oder so abfragen welchen style der nutzer hat und dann die jeweilige css wählen =)

butterkeks
28.09.2005, 22:02
css über php zu generieren macht Sinn, weil man den Browser und dessen Version oftmals über den referrer auslesen und das css file entsprechend anpassen kann.

Das ist dann im Endeffekt übersichtlicher, als hundert hacks zu verwenden

odd:
sry, aber darauf sind sicher schon andere gekommen ^^

bloodriver
28.09.2005, 22:17
css über php zu generieren macht Sinn, weil man den Browser und dessen Version oftmals über den referrer auslesen und das css file entsprechend anpassen kann.

Das ist dann im Endeffekt übersichtlicher, als hundert hacks zu verwenden

odd:
sry, aber darauf sind sicher schon andere gekommen ^^

naja gut, ok... aber da könnte man ja auch wieder vorgefertigte ( also vorher geschrieben ) styles verwenden und diese dann einsetzen anstatt die css erneut zu generieren :)

odd
30.09.2005, 13:07
odd:
sry, aber darauf sind sicher schon andere gekommen ^^

Niemals!!! ;)

Kleine Fortschritte am Anfang pushen das Ego und da ich so n netter Mensch bin, teile ich mein Wissen doch gerne :D

DarkSpotInTheCorner
21.10.2005, 13:23
@ odd:

Wenn schon CSS via PHP generiert wird, dann schick noch den passenden
header mit raus, dass kann Fehler vermeiden:

header("Content-Type: text/css");

:)

maulwurf
09.03.2006, 17:55
nochmal ein link mit den häufigesten IE Darstellungsproblemen und die passenden Lösungen dazu:

http://www.positioniseverything.net/explorer.html

z.B: Probleme mit dem Box-Model, Doppelte Margin bei Floats oder der Text, der einfach nicht sichtbar ist...

Basic
10.01.2011, 20:30
Sehr sehr gutes Tutorial / Buch! Kann ich nur empfehlen

http://www.html-seminar.de/style-sheet.htm