Unterhaltung
Menschen Wissenschaft Politik Mystery Kriminalfälle Spiritualität Verschwörungen Technologie Ufologie Natur Umfragen Unterhaltung
weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturAstronomieHelpdeskGruppenGamingFilmeMusikClashVerbesserungenAllmysteryEnglish
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

CSS/HTML benötige Hilfe!

53 Beiträge ▪ Schlüsselwörter: Html, CSS ▪ Abonnieren: Feed E-Mail

CSS/HTML benötige Hilfe!

14.12.2009 um 19:53
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?


1x zitiertmelden

CSS/HTML benötige Hilfe!

14.12.2009 um 19:57
@kisa

http://www.css4you.de/


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 19:58
@Befen
ich bin jetzt schon bei selfhtml

quasi dasselbe

aber es hilft mir nicht.


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:00
hab grad keine zeit.....leider :D

@kisa


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:03
@kisa


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


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:04
->. 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%}


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:11
@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 :)


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:12
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


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:13
: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>


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:15
@kisa


weil der rahmen nicht drin steht ^^


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:15
Anhang: Info.css (1,30 KB)

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


melden

CSS/HTML benötige Hilfe!

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


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:23
@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?


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:26
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


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:27
<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


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:28
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!


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:31
@martialis
und was pack ich in den body?

den ganzen text?


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:32
Ja na sicher. Warte mal nen Augenblick. Ich versuche dir mal was hinzubasteln nach deinen Bedingungen.


melden

CSS/HTML benötige Hilfe!

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

@kisa


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:35
@Befen
is mir aufgefallen, aber die aufgabe ist nicht sehr strukturiert >,<

@martialis
ok mom ich mach das gleich mal


melden

CSS/HTML benötige Hilfe!

14.12.2009 um 20:42
@kisa


Den Rest solltest du alleine schaffen, oder?

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


melden