|
|||
Navigation zentrieren, verschiebt sich im Moment nach links
Hallo,
Ich habe die Grafik im Header zentriert aber die Navigation verschiebt sich nach links. Hier mal die URL.: http://mainzer-freischuetzen-garde.de Die Navi sollte im Fenster auch zentriert sein. Bekomme es einfach nicht hin. Über Hilfe würde ich micch sehr freuen da ich noch am lernen bin und froh war die Seite überhaupt hinbekommen zu haben. Ich habe auch gesagt bekopmmen, das ich die absolute Positionierung weglassen soll und eher floaten. Würde ich gerne auch machen, aber wie? Ist der Umbau sehr aufwendig? Gruß Garfield Geändert von garfield1711 (14.12.2010 um 21:30 Uhr) |
Sponsored Links |
|
|||
Oh, Sorry.
Habe den Text rüberkopiert und da ist die Adresse verloren gegangen: Mainzer Freischützen-Garde e.V. Jetzt ist alles da. |
|
||||
Ui ui ui... Die Seite ist schon ziemlich aus dem Ruder. Da würd ich von Grund auf neu aufbauen. Viel Inhalt gibt es ja nicht.
Auf der Seite sind 6!!! css Dateien. Zusätzlich noch interne styles. Lesenswerte Links: Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller) Vorsprung durch Webstandards | Retro-Coding: Semantischer Code ist der Anfang von gutem Design BTW: dieses drehende gif ist... Hier mal eine einfache Datei: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta name="generator" content="HTML Tidy for Windows (vers 25 March 2009), see www.w3.org" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="generator" content="PSPad editor, www.pspad.com" /> <title> Untitled </title> <style type="text/css"> /* <![CDATA[ */ * {margin: 0;padding: 0;} body {background:#83E015;color:#000;font: 100%/1.3 Arial, sans-serif;} #wrapper {width: 990px;margin: 0 auto;} #header {height:135px;} #navi {color:#fff;background:#000;height:40px;} #seite {width:190px;float:left;} #inhalt {background:#ECE9C6;width:800px;float:left;} #footer {background: #EFEFEF;clear:both;height:50px;text-align:center;} #inhalt p {padding: 10px 20px;} h1 {font-size: 250%;} /* ]]> */ </style> </head> <body> <div id="wrapper"> <div id="header"> <h1> Logo und Überschrift </h1> </div> <div id="navi"> <p> Navigation </p> </div> <div id="seite"> <p> Logos </p> <p> Logos </p> </div> <div id="inhalt"> <p> Lorem ipsum dolor sit amet consectetuer et rutrum Nullam id ac. Porta Sed condimentum vel pede id cursus elit nunc ipsum tincidunt. Malesuada augue Vestibulum Morbi. At id nec arcu Vivamus Sed lobortis pede velit ante nonummy. Congue Nam urna cursus lacus tempus porttitor dui sociis tellus libero. Et est tempor et justo ipsum Donec. Enim quis ac at augue enim platea sagittis non at iaculis. Non eros magna commodo ligula turpis vitae augue vel leo justo. Vitae cursus dolor accumsan quis amet. Id Nulla id tristique commodo Nulla cursus neque Vestibulum laoreet justo. Interdum a scelerisque congue semper massa scelerisque urna ipsum vel purus. Dolor nibh odio. </p> </div> <div id="footer"> <p> Text Text </p> </div> </div> </body> </html> |
|
|||
Zitat:
Habe alles mal auf einen Testserver gelegt. Hier mal die Adresse: Untitled Wie bekomme ich jetzt das Logo zentriert und die Navigation wieder hin? Lasse ich die CSS Dateien im Quellcode oder lege ich die in einen seperaten Ordner? Geändert von garfield1711 (15.12.2010 um 18:43 Uhr) |
|
||||
Logo: der einfachste Weg --> text-align: center
Der bessere semantische Weg --> per Image Replacement D.h. eine h1 in Textform steht in der html, wird optisch von der Grafik überdeckt. Dann per margin: 0 auto; zentrieren Die navi: versuch, deinen Navi-Code von vorher wieder einzubauen? Die css bitte in eine externe Datei packen. Gruß Manfred |
|
||||
Ääh... und bitte nicht einfach blind per copy + paste reinklatschen!!
[Invalid] Markup Validation of http://www.meinaccount.spacequadrat.de/ - W3C Markup Validator Fehlende Tags, charset stimmt nicht, inline styles ... Gruß Manfred |
|
||||
Oha, die Farbe ist ja immernoch augenkrebsverdächtig.
Mensch Manfred! Warum lieferst du keine fertigen Seiten, immer muss man nacharbeiten...
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
|||
Zitat:
Werde es mal probieren. Danke schon mal für die Tips. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten | mazzo | CSS | 10 | 05.04.2012 18:32 |
Navigation im Boxmodell und Text in Boxmodell zentrieren | bikersw | CSS | 2 | 04.10.2006 10:52 |
navigation will sich nicht horizontal zentrieren lassen | mrParker | CSS | 24 | 30.05.2006 21:03 |
Links vertikal zentrieren / Divbox hover bei IE | klopfdreh | CSS | 5 | 15.12.2005 13:57 |
Container mit 2 Container darin -> Hintergrund anzeigen | bendar | CSS | 4 | 05.04.2005 19:18 |