Css Anfängerfragen

[Maik]

Der Text lässt sich auch in meiner Variante mit CSS formatieren, und erfordert hierfür kein weiteres DIV.

Außerdem muß eine ID in einem Dokument eindeutig sein und darf darin nicht mehrmals vergeben werden. Aus diesem Grund habe ich in meinem Vorschlag die IDs in Klassen umgewandelt, da sie unbegrenzt vorkommen dürfen, und du die Boxen bild1 und bild2 wohl mehrmals in der Seite einsetzen willst.

 

[xkoy79]

HI, ja richtig, benutze sie ja mehrmals.

Merkwürdigerweise reagiert die CLASS nicht wenn ich meine css datei ändere, zb. anahnd eines Rahmens. Passiert einfach nichts !

<div style="width:700px;height:100%;margin:auto;" class="clearfix">
     <div class="bild1"><img src="bilder/title1.jpg">Text von Bild 1</div>
     <div class="bild2">Text von Bild 2<img src="bilder/title1-1.jpg"></div>
</div>

Und hier:

#bild1 {
border-style:solid;
border-color:black;
border-width:1px;
}

#bild2 {
border-style:solid;
border-color:black;
border-width:1px;
text-align: right;
}

 

[Maik]

Dann schau dir doch bitte einfach meinen CSS-Code genauer an.

ID-Namen werden im Stylesheet mit dem #-Zeichen, und Klassen-Namen mit einem Punkt benannt.

Ich empfehle dir an dieser Stelle auch SELFHTML: Stylesheets (CSS) als Lektüre und Nachschlagewerk, denn darin werden u.a. solche grundlegenden Fragen behandelt.

 

[xkoy79]

Ja die Seite ist schon in meinen Favouriten !

Das mit der Raute und dem Pukt wusst ich nicht...

Schau mal hier:

<style>
body { margin: 0 9em; }
img { float: left; margin-right: 1em; }
</style>

<style>
body { margin: 0 9em; }
img { float: left; margin-right: 1em; }
</style>

<div style="width:700px;height:100%;margin:auto;"class="clearfix">
<p><img src="bilder/title1.jpg" width="240" height="182">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi placerat varius tortor. Ut dolor eros, pharetra vel, imperdiet condimentum, tincidunt ac, urna … </p>
<p>In pharetra. Praesent aliquet neque. Integer in felis nec libero eleifend tincidunt. Quisque consequat velit vitae orci. Suspendisse potenti. Nulla facilisi. Proin ullamcorper, neque quis suscipit gravida, augue dolor pellentesque purus, sed viverra nulla nulla consequat leo … </p>
</div>

Bekomme den css Code oben nicht da raus, bzw, weiss einfach nicht wie ich den verlinken soll

#bild {
body { margin: 0 9em; }
img { float: left; margin-right: 1em; }
}


Vielleicht weisst du mal wieder was

 

[Maik]

Ich versteh gerade nicht, worauf du hinaus willst.

 

[xkoy79]

So sieht mein Code aus:

<style>
body { margin: 0 9em; }
img { float: left; margin-right: 1em; }
</style>

<div style="width:700px;height:100%;margin:auto;"class="clearfix">
<p><img src="bilder/title1.jpg" width="240" height="182" border="1px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi placerat varius tortor. Ut dolor eros, pharetra vel, imperdiet condimentum, tincidunt ac, urna … </p>
<p>In pharetra. Praesent aliquet neque. Integer in felis nec libero eleifend tincidunt. Quisque consequat velit vitae orci. Suspendisse potenti. Nulla facilisi. Proin ullamcorper, neque quis suscipit gravida, augue dolor pellentesque purus, sed viverra nulla nulla consequat leo … </p>
</div>

Oben steht da ja CSS code drin, möchte aber gerne das der in der CSS datei steht, also extern.

Und das IMG SRC kann man das auch extern setzen, also auch in die CSS datei ?

Weiss halt nicht wo und wie ich die ID einfügen kann das er es aus der externen css datei liest !! und natürlich anwendet

 

[Maik]

Und wo ist da jetzt bitte das Problem, den CSS-Code in der CSS-Datei http://www.kitzbühler-musig.at/style.css einzufügen?

Zumal die beiden Zeilen schon darin enthalten sind, wenn auch in der syntaktisch falschen Form :suspekt:

Der Pfad zur Grafik-Datei lässt sich für ein img-Element nicht im Stylesheet festlegen.

 

[xkoy79]

Den in der CSS datei reinzuschreiben ist nicht das Probem, aber den zu VERLINKEN, im Start.php dokument

Aber habs mal anders gemacht:

hab einfach eine Start.css angelegt, und die im Start.php verlinkt:

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

Kann ich das so machen ? Funktionieren tuts mal...

Syntaktisch falscher Form ? Was meinst du ?

 

[Maik]

Ich meinte dieses "Konstrukt":

#bild {
body { margin: 0 9em; }
img { float: left; margin-right: 1em; }
}

Ja, auf diese Weise wird eine externe CSS-Datei in das Dokument geladen. Wenn du dir aber nicht sicher bist, wie ein Stylesheet in ein HTML-Dokument eingebunden wird, schlag doch einfach bei deinen "Favoriten" Stylesheets in HTML einbinden nach.

 

[xkoy79]

Du verstehst mich anscheinend nicht...

Ich weiss doch wie ich eine externe CSS einbinde. Mir gings drum nicht noch eine CSS Datei anzulegen.

Wollte nur die CSS Datei verlinken in einem DIV Container !! Das meinte ich !

Und was ist an dem Konstrukt komisch ? Die längenangaben ?

Eigentlich brauche ich ja nur das:

img { 
float: left; margin-right:10px;
border: 1px;
border-color: black;
border-style: solid;
}