CSS/HTML benötige Hilfe!

Heyho, ich mach hier grade meine Hausaufgaben und komm mit den ganzen Atributen oder was weiß ich wie man das alles nennt, nicht klar.

folgendes

ErsteHen Sie ein HTML-Dokument und definieren Sie mindestens die folgenden Layouteigenschaften
in einer externen css-Datei und binden Sie diese ein!

. blaue Dberschrift 1. Ordnung in doppelt gerahmter Box, die über gesamte Fensterbreite
reicht, mit passender Hintergrundfdrbe in 20-Punkt Schrift fett, mittig (vertikal und
horizontal) in dieser Box ausgerichtet

. Bild einbinden mit Rahmen, das vom Text rechts umflossen wird. Bitte Wert auf ansprechenden
Abstand des Textes vom Bild legen

. im Fließtext mehrere Wörter hervorheben, durch Schriftart Courier, Farbe rQt

. Einbinden von 3 externen Links ohne Unterstreichung, fett, dunkelblau mit Hintergrundfarbe
orange, die beim "Darüberfahren" zu Schriftfarbe orange mit Hintergrundfarbe blau
wechseln

. Einbinden eines Bildlinks


Also ich habe bis jetzt:




blaue Überschrift


<style type="text/css">
h1 { outline:4px double blue; padding-bottom:4px; margin:0px; }
h2 { outline:1px double blue; margin:0px; }
p { line-height:1000%; }
p.info { outline:4px solid invert; background-color:yellow; padding:4px; margin:0px; }
span.rahmen { outline:2px solid red; }
body { font-family:Tahoma,Helvetica,sans-serif; }
Überschrift mal anders[/size]
Eine Überschrift
muss nicht immer einen langweiligen, über die ganze
Breite des Anzeigefensters gehenden Block erzeugen. Sie kann auch mal
seitlich vom Text stehen, und der Text fließt um die
Überschrift. Auch so kann man lange Texte mal anders gestalten als
sonst üblich.

</style>



wobei ich nicht weiß wie ich jetzt bei diesen rahmen die seiten größe festlegen soll <,<

kennt sich da jemand aus?

@Befen
ich bin jetzt schon bei selfhtml

quasi dasselbe

aber es hilft mir nicht.

hab grad keine zeit.....leider :D

@kisa

@kisa


aber guck mal in den link rein...da steht eigentlich alles drin was du brauchst...schaust mal unter rahmen oder so nach

->. blaue Dberschrift 1. Ordnung in doppelt gerahmter Box, die über gesamte Fensterbreite
reicht, mit passender Hintergrundfdrbe in 20-Punkt Schrift fett, mittig (vertikal und
horizontal) in dieser Box ausgerichtet

h1{color:blue;font-size:20px; font-weight:bold;text-align:center; width:100%}

@kisa


die Hausaufgabe ist doch Schrott....mal ehrlich....dabei lernst du garnix mit so dämlichen Aufgaben....sag dem Lehrer mal nen schönen Gruß von mir :D

nee....im ernst....das ist Blödsinn solche Übungen....die sollten euch lieber das nötige PHP beibringen...das css ist am ende pillepalle und das findest in jeder Buchreferenz und Foren was du brauchst...da lernst es dreimal besser.....aber is nur meine Meinung :)

also nochmal von vorn, danke @martialis

also ich hab das jetzt so :



blaue Überschrift


<style type="text/css">
h1 { outline:4px double blue; padding-bottom:4px; margin:0px; }
h1{color:blue;font-size:20px; font-weight:bold;text-align:center; width:100%}

p { line-height:1000%; }
p.info { outline:4px solid invert; background-color:yellow; padding:4px; margin:0px; }
span.rahmen { outline:2px solid red; }
body { font-family:Tahoma,Helvetica,sans-serif; }
&Uuml;berschrift mal anders[/size]
Eine &Uuml;berschrift
muss nicht immer einen langweiligen, &uuml;ber die ganze
Breite des Anzeigefensters gehenden Block erzeugen. Sie kann auch mal
seitlich vom Text stehen, und der Text flie&szlig;t um die
&Uuml;berschrift. Auch so kann man lange Texte mal anders gestalten als
sonst &uuml;blich.
<style type="text/css">{ background-color:#FFDDDD; padding:6px; margin:0px; }</style>








allerdings zeigt es nur die blaue überschrift an :( kein rahmen kein text kein bild

:D vorführ effekt ^^ seht ihr es zeigt nix an



blaue Überschrift


<style type="text/css">
h1 { outline:4px double blue; padding-bottom:4px; margin:0px; }
h1{color:blue;font-size:20px; font-weight:bold;text-align:center; width:100%}

p { line-height:1000%; }
p.info { outline:4px solid invert; background-color:yellow; padding:4px; margin:0px; }
span.rahmen { outline:2px solid red; }
body { font-family:Tahoma,Helvetica,sans-serif; }
&Uuml;berschrift mal anders[/size]
Eine &Uuml;berschrift
muss nicht immer einen langweiligen, &uuml;ber die ganze
Breite des Anzeigefensters gehenden Block erzeugen. Sie kann auch mal
seitlich vom Text stehen, und der Text flie&szlig;t um die
&Uuml;berschrift. Auch so kann man lange Texte mal anders gestalten als
sonst &uuml;blich.
<style type="text/css">{ background-color:#FFDDDD; padding:6px; margin:0px; }</style>

@kisa


weil der rahmen nicht drin steht ^^

Anhang: Info.css (1,30 KB)

@Befen
das ist wohlwahr aber ich muss es machen :(

natürlich siehe datei: der ist auch doppelt, das ging vorhin auch noch aber jetzt wo die schrift und so dazu kam....

@kisa


du hast dreamweaver? ...ich bin mir nicht sicher...aber gibts da nicht die vorlagen was du brauchst....die du dann nur noch anpassen mußt?

ich benutze phase 5

aber das ist ja nicht das problem, man muss das ja schachteln und irgendwie haut das bei mir nicht hin, ich hab da was falsch gemacht -.- weiß nich was....weil es funktioniert ja nicht obwohl ich eigentlichalle elemente eingefügt habe

@martialis
@Befen

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
h1 { outline:4px double blue; padding-bottom:4px; margin:0px; }
h1{color:blue;font-size:20px; font-weight:bold;text-align:center; width:100%}

p { line-height:1000%; }
p.info { outline:4px solid invert; background-color:yellow; padding:4px; margin:0px; }
span.rahmen { outline:2px solid red; }
body { font-family:Tahoma,Helvetica,sans-serif; }</style>
</head>

Hier den Inhalt

Hmm, Mist. Du musst -style type="text/css"
h1 { outline:4px double blue; padding-bottom:4px; margin:0px; }
h1{color:blue;font-size:20px; font-weight:bold;text-align:center; width:100%}

p { line-height:1000%; }
p.info { outline:4px solid invert; background-color:yellow; padding:4px; margin:0px; }
span.rahmen { outline:2px solid red; }
body { font-family:Tahoma,Helvetica,sans-serif; }</style> im head-bereich einfügen, nicht im body!

@martialis
und was pack ich in den body?

den ganzen text?

Ja na sicher. Warte mal nen Augenblick. Ich versuche dir mal was hinzubasteln nach deinen Bedingungen.

ich denk da is einiges durcheinander....du mußt das von vornherein übersichtlicher schreiben sonst wirst völlig irre :D

@kisa

@Befen
is mir aufgefallen, aber die aufgabe ist nicht sehr strukturiert >,<

@martialis
ok mom ich mach das gleich mal

@kisa


Den Rest solltest du alleine schaffen, oder?

http://www.designeratwork.eu/Unbenannt-3.html