Muss ich das dann einfach im footer einfügen Sempervivum ?
Boxen erstellen
-
-
Das könnte man einfach mal ausprobieren.
-
Ja viele haben so angefangen und einfach mal just for fun sachen ausprobiert.Mal klappts mal nicht und so lernt man auch dazu.
Aber wenn ich mich recht errinnere wahr in der letzten version doch alles wie du es wolltest ,.Ich hatte den abstand nur mit margin gemacht und wenn du den margin gelöscht hast ,hast du ja deine 2 container ohne abstand. Oder wolltest du das jetzt anders haben?
-
Ja viele haben so angefangen und einfach mal just for fun sachen ausprobiert.Mal klappts mal nicht und so lernt man auch dazu.
Aber wenn ich mich recht errinnere wahr in der letzten version doch alles wie du es wolltest ,.Ich hatte den abstand nur mit margin gemacht und wenn du den margin gelöscht hast ,hast du ja deine 2 container ohne abstand. Oder wolltest du das jetzt anders haben?
Hat jetzt alles geklappt, besten dank!
-
Nun habe ich noch zwei Fragen:
1. Ich möchte gerne im inneren der Webseite (also wo im Bild die roten Linien sind) ein anderen Hintergrund haben. Aber wirklich nur da wo die roten Linien sind und sollen sich je nach Länge der Webseite automatisch anpassen.
(Bin nicht der beste Zeichner am PC )
2. Ist es möglich die Webseite so anzupassen, das wenn sie z.b. am PC egal wie klein oder groß man das Fenster macht die Webseite immer komplett angezeigt wird, ohne das man scrollen muss?
-
zeig mal dein code .Weil wie ich dein bild sehe hast du ja jetzt einen anderen benutzt.
Wie ich das sehe ist das der hintergrund .
füge das
deinen Code hinzu
aber Sempervivum. Ich hatte eben mal versucht an meiner letzten Version hier da wo schon 2 Container im Footer sind ,einen Abstand mit space betwenn hinzubekommen. Irgendwie hat sich da nichts getan. Muss man dem Code da noch was andere hinzufügen damit das geht?
https://basti1012.bplaced.net/…rdner=html-seminar&id=309
und noch eine Frage ,kann man den space arround eine Pixel zahl mitgeben? Weil der TO wollte ja 6px haben . Mir fiel da nur die Lösung mit margin ein.
-
Ich habe die Grafik mit einem Grafikprogramm erstellt.....
Meine Seite sieht derzeit so aus:
-
Hast du noch kein Code geschrieben?
Hier hast du lienen
-
Doch habe ich, hier:
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Willko,,em</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="101028"> <style> html, body { height: 100%; width: 1440px; margin: auto; padding: 0; } #wrapper { display: flex; flex-direction: column; height: 100%; min-height: 100%; } header { background-image: url('titel-kopf-background-nacht.gif'); margin:6px; height: 80px; } #mehrspaltig { flex: 1; display: flex; margin:0 6px 0 6px; flex-direction: row; } nav { background-color: darkgray; margin:0 6px 6px 6px; } article { background-color: orange; margin-right:6px; flex: 5; } aside { background-color: gray; flex: 1;} footer { justify-content: space-between; background-color:aqua; margin:6px; display:flex; } </style> <div id="wrapper"> <header>Kopfzeile</header> <nav >Navigation</nav> <div id="mehrspaltig"> <article>Inhalt</article> <aside>Zusatz</aside> </div> <footer> <div id="foot_left">links</div> <div id="foot_right">rechts</div> </footer> </div> </body> </html>
-
hier hast du lienen
Vielen Dank! Ich möchte den Rand allerdings nur innen haben, also keinen Rand außen herum
-
Mit ein wenig nachdenken hättest du das auch hinbekommen .
Habe jetzt das bei mein code geändert, weil dein code den musst du ja noch etwas bearbeiten ,und die Arbeit wollte ich dir nicht abnehmen. Aber mach weiter so ,es wird ja langsam.
Ich habe es mitspace between versucht aber da bewegt sich nichts ,also habe ich
es mit marin gemacht . Keine Ahnung was ich mit Space falsch mache
-
Mit ein wennig nachdenken hättest du das auch hinbekommen .
Habe jetzt das bei mein code geändert weil dein code den must du ja noch etwas bearbeiten ,und die arbeit wollte ich dir nicht abnehmen. Aber mach weiter so ,es wird ja langsam
Ich habe es mitspace between versucht aber da bewegt sich nix ,also habe ich
es mit marin gemacht .Keine ahnung was ich mit space falsch mache
Vielen Dank! Ist es den richtig das ich das alles bei mir in den Index eingefügt habe?
-
Nein, ist nicht ideal, CSS gehört in eine externe Datei. Siehe https://www.w3schools.com/css/css_howto.asp
-
jaein . Kann man so machen ,ist aber nicht optimal. Eigentlich sollte man zum erleichtern der übericht die cssund javascript datein auslagern. Aber solange du nur rum spielst und noch nixganzes hast ,kannst du das ruhig so machen,schaden tust du damit auch keinen.
-
Okay, danke... ich probiere das mal aus
-
-
welches beispiel .?Das was ich zuletzt gemacht habe ? Oder wie soll es jetzt werden ? Mach mal notfals eine zeichnung wie das aussehen soll fals das letzte beispiel von mir nicht richtig ist.. Warum index.php ? willst du da noch php datein rein machen?
-
welches beispiel .?Das was ich zuletzt gemacht habe ? Oder wie soll es jetzt werden ? Mach mal notfals eine zeichnung wie das aussehen soll fals das letzte beispiel von mir nicht richtig ist.. Warum index.php ? willst du da noch php datein rein machen?
Ich habe es bei mir als php Datei gespeichert, weil ich dort z.B. noch eine Uhrzeit drin habe, etc.
Nun möchte ich mein Design ja auf style.css verschieben aber das klappt nicht, wieso?
-
Nun möchte ich mein Design ja auf style.css verschieben aber das klappt nicht, wieso?
Schade, meine Glaskugel ist in Reparatur, und Quellcode sehe ich auch keinen.
-
Mein Quellcode:
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Willko,,em</title> </head> <body bgcolor="101028"> <style> html, body { height: 100%; width: 1600px; margin: auto; padding: 0; } #wrapper { display: flex; background-color:aqua; flex-direction: column; height: 100%; min-height: 100%; } header { background-image: url('titel-kopf-background-nacht.gif'); margin:0px; height: 80px; } #mehrspaltig { flex: 1; display: flex; margin:0 6px 0 6px; flex-direction: row; } nav { background-color: darkgray; margin:6 6px 6px 6px; } article { background-color: orange; margin-right:6px; flex: 5; } aside { background-color: gray; flex: 1;} footer { justify-content: space-between; background-color:aqua; margin:6px; display:flex; } </style> <div id="wrapper"> <header>Kopfzeile</header> <nav >Navigation</nav> <div id="mehrspaltig"> <article>Inhalt</article> <aside>Zusatz</aside> </div> <footer> <div id="foot_left">links</div> <div id="foot_right"><script type="text/javascript"> var d=new Date(); document.write(d.toLocaleString()); </script> </div> </footer> </div> </body> </html>
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!