#1 17. April 2009 Zuletzt von einem Moderator bearbeitet: 14. April 2017 Hallo liebe RR-Gemeinde, ich stehe momentan vor einem großen Problem, und zwar sind wir in unserem Informatik-Unterricht in 2 Gruppen eingeteilt: Die einen bauen einen Roboter, den Pall.E, die anderen wo ich auch zu gehöre machen eine Homepage darüber... Leider hat meine Gruppe nicht so wirklich Plan über HTML, CSS und PHP, nur ein paar Grundkenntnisse sind vorhanden... Unser größtes Problem zur Zeit ist das Layout, um dieses mal zu veranschaulichen, habe ich folgende (gammel-)Grafik erstellt xD - (CSS) Das Hintergrundbild soll fixiert sein und nicht mitscrollen... aber wie geht das, wenn mit PHP die Navigation eingebunden wird?? - Die beiden Pfeile links und rechts: Sie sollen zeigen, dass automatisch abstand von den Rändern gehalten werden soll, wenn man beispielsweise einen Breitbildmonitor benutzt. Dieser Abstand von den Rändern soll in etwa so aussehen wie hier bei RR... - Die Navigation: _____(CSS) soll von oben Abstand nehmen, damit "Inhalt des Films" in etwa in diese eine "Kuhle" eingebettet ist _____(PHP) soll als PHP eingebunden werden (mit dem include-Befehl), damit nicht auf jeder einzelnen Seite die Navigation beim Entfernen oder Hinzufügen eines Punktes geändert werden muss _____(CSS) soll etwas nach rechts verschoben sein, um etwas Abstand auf der linken Seite zu bekommen _____soll nicht mitscrollen, wenn der Haupttext gescrollt wird - Der Haupttext: _____soll scrollbar sein - Die blaue, senkrechte Linie zwischen Navigation und Haupttext soll nur zeigen, dass dort die Abgrenzung zwischen den beiden sachen ist Wie muss ich nun die Tabellen anordnen, das CSS und PHP programmieren, damit ich dieses Layout hinbekomme? Würde mich hammer freuen, wenn mir jemand einen Entwurf machen könnte!! Bewertung ist in jedem Fall drin, bei einem Entwurf jedoch noch dazu tausend dank =) Mit freundlichen Grüßen sit-in + Multi-Zitat Zitieren
#2 17. April 2009 AW: Layout-Frage So wirds gemacht: background-attachment: Hintergrund fixieren: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets Machst du am besten mit einem Div Container in den wiederum alles andere drin verschachtelt ist. Den Div Container kannste dann Positionieren wie du willst. CSS Container - Grundlagen - Dr. Web Abstände: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets Alles andere solltest du ebenso mit div containern machen, man geht mitlerweile dazu über, gar keine HTML-Tabellen zu benutzen, weil sich divs besser positionieren lassen. + Multi-Zitat Zitieren
#3 17. April 2009 AW: Layout-Frage HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> #content { width:800px; height:100px; overflow:auto; background-image: url(bild.jpg); background-attachment:fixed; } </style> </head> <body> <div id="content">Test<br />Test<br />Test<br />Test<br />Test<br />Test<br />Test<br /> Test<br />Test<br />Test<br />Test<br />Test<br /> Test<br />Test<br />Test<br />Test<br /> </div> </body> </html> Für den innenteil.. + Multi-Zitat Zitieren