Delphi-PRAXiS - Css Code Die ersten Zeilen!

Delphi-PRAXiS

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - Css Code Die ersten Zeilen! (https://www.delphipraxis.net/130479-css-code-die-ersten-zeilen.html)

Erkan Frey

9. Mär 2009 10:33

Css Code Die ersten Zeilen!

Liste der Anhänge anzeigen (Anzahl: 1)

Hallo habe hier ein css layout
aber ich weis nicht genau was ich in die ersten zeilen schreiben soll das er funktioniert hab schon vieles ausprobiert!

Luckie

9. Mär 2009 10:38

Re: Css Code Die ersten Zeilen!

Eigentlich gar nichts. Oder was meinst du jetzt. Allerdings ist die erste Zeile mit der padding-Anweisung falsch. Da fehlt zum einen das Element, auf das sich die Formatierung beziehen soll. Und das Sternchen gehört da nicht hin.

Erkan Frey

9. Mär 2009 10:41

Re: Css Code Die ersten Zeilen!

Also wenn ich das so in meinen firefox schmeis dann kommt da net wirklich das raus was ich mir erhoft habe !

Matze

9. Mär 2009 11:09

Re: Css Code Die ersten Zeilen!

Zitat:

Zitat von Luckie

Da fehlt zum einen das Element, auf das sich die Formatierung beziehen soll. Und das Sternchen gehört da nicht hin.

Nein das passt schon. Die Angabe des Sternchens bezieht sich auf alle Elemente. Ich mache es ebenfalls so, dass ich "padding" und "margin" auf diese Weise für alle Elemente auf 0 setze.
Edit: Hier noch ein Link zum Nachlesen.

@Erkan: Was soll den herauskommen? Wie sieht es aktuell aus?
So können wir nur raten.

Grüße, Matze

Puhbaehr

9. Mär 2009 11:13

Re: Css Code Die ersten Zeilen!

Hast du die CSS in dein HTML eingebunden? Ohne funktioniert das nicht wirklich.

XML-Code:

			<html>

<head>

<title>Dein Titel bla</title>

<link rel="stylesheet" type="text/css" href="deine/css/definition.css">

</head>

<body>

bla bla</p>

</body>

</html>

SelfHTML *klick* ist eine großartige Hilfe.

Und warum txt? Benenne Sie um zu .css dadurch wirds überschaubarer. Und vermeide Leerzeichen in Dateinamen sowie Umlaute/Sonderzeichen sonst bekommst wohlmöglich irgendwann Ärger wenn du auf einem fremden System arbeitest :D

jaenicke

9. Mär 2009 11:23

Re: Css Code Die ersten Zeilen!

Ich würde dir Microsoft Expression Web empfehlen:

http://www.microsoft.com/germany/exp...w.aspx?key=web

Das Tool erzeugt recht guten Code inkl. CSS-Formatierungen per visuellem Design. Zudem werden Abweichungen von den Standards direkt im Code als Fehler markiert.

Luckie

9. Mär 2009 11:25

Re: Css Code Die ersten Zeilen!

@Matze: Wieder was gelernt.

Zitat:

Zitat von jaenicke

Ich würde dir Microsoft Expression Web empfehlen:
Zudem werden Abweichungen von den Standards direkt im Code als Fehler markiert.

Welche Standards? Die von Micorosft oder die vom W3c?

:mrgreen: SCNR

jaenicke

9. Mär 2009 11:39

Re: Css Code Die ersten Zeilen!

Liste der Anhänge anzeigen (Anzahl: 1)

Laut dem Validierungstool des W3C ist es valider XHTML- und CSS-Code. ;-)
Beispiel für die Anzeige (border habe ich manuell eingetippt):

http://www.sj-berlin.de/service/dp/E...rordisplay.png
(selbes Bild im Anhang)

fragile

9. Mär 2009 12:55

Re: Css Code Die ersten Zeilen!

wie sieht deine html-datei dazu aus ? bindest du das Stylesheet inline oder extern ein ?

Pfoto

9. Mär 2009 14:09

Re: Css Code Die ersten Zeilen!

Diese Zeilen hier wiedersprechen sich:

Zitat:

#wrapper {
margin: 0 auto;
width: 100%;
}

Über "auto" sagst du dem Wrapper, er solle links und rechts den gleich
Platz lassen -- sich also letztendlich relativ zum Elternelement zentrieren.

Deshalb macht es keinen Sinn, die Breite dananch wieder auf 100% zu setzen.

Hier ist mal eine Basis für eine Html-Datei:

Zitat:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>TYPOlight webCMS - Home</title>

<style type="text/css" media="screen">

</style>

<link rel="stylesheet" href="DeinStylesheet.css" type="text/css" media="screen" />

</head>
<body>

<div id="wrapper" style="background-color: yellow">

</div>

</body>
</html>

Bedenke noch:
Die Prioriät, wie der Browser die Styles abarbeitet lauten:
- externe Stylesheet-Datei
- intern definierte Styles
- Inline-Style

Du könntes also z.B. gezielt im Inline-Style den
extern definierten Style überschreiben.

Gruß
Jürgen

Alle Zeitangaben in WEZ +1. Es ist jetzt 17:44 Uhr.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024-2025 by Thomas Breitkreuz