|
|||
Gesamte Website zentrieren
Wieder einmal stehe ich an und wende mich an euch! Ich moechte gerne die gesamte Website zentrieren, leider funktioniert das nicht so wie ich moechte.
Code:
* { margin: 0; padding: 0; } html { background: #fff; color: #000; } body { text-align: center; } div#main { margin: auto; width: 936px; text-align: center; } .rollover_bild1 a { display:block; float:left; width:468px; height:80px; background-image:url(images/bild1.gif);} .rollover_bild a:hover { width:468px; height:80px; background-image:url(images/bild1_active.gif);} .rollover_bild2 a { display:block; width:468px; float:right; height:80px; background-image:url(images/bild2.gif);} .rollover_bild2 a:hover { width:468px; height:80px; background-image:url(images/bild2_active.gif);} Und so sieht die html Datei aus: HTML-Code:
</head> <body> <div id="container"> <img src="banner.gif" width="936" height="100" alt=""> <img src="howto.gif" width="936" height="103" alt=""> <div class="rollover_bild1"> <a href="http://www.google.at" target="_blank"></a> </div> <div class="rollover_bild2"> <a href="http://www.google.at" target="_blank"></a> </div> </body> </html> Also die beiden grauen Bilder moechte ich auch zentriert haben und zwischen den beiden blauen Bildern ist ein Abstand den ich wegmachen moechte. Leider habe ich das auch nach Recherche nicht hinbekommen. Wuerde mich ueber eine Rueckmeldung/Lösungsansaetze freuen! Dank im Voraus, Thomas |
Sponsored Links |
|
|||
Da stimmt noch nichts
Der div #container ist im CSS nicht vorhanden. Im HTML ist er nicht geschlossen. Bitte schließen ( vor /body). Der container #main ist im HTML nicht vorhanden. Die Angabe margin: auto würde so nicht funktionieren. Es müsste heißen: Code:
margin: 0 auto;
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
||||
<img> sind Inline-Elemente und verhalten sich deshalb wie Text. Was du da siehst ist einfach der Zeilen Abstand bzw. die Abhängigkeit des Schriftgrads, den du dort wohl nicht gebrauchen kannst. Also setze ihn auf 0.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
Unabhängig von der Verwendung der Bilder, welche ich aus dem Screenshot und der Beschreibung mit dem Abstand nicht entnehmen kann, würde sich auch
Code:
img { display: block; } |
|
||||
Ich hab das jetzt nicht gestest und die Sache nur dem total unscharfen Bild entnommen, ich hoffe mal, dass war gemeint.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
...und auch das funktioniert einwandfrei! Danke euch dafuer!
Gleich noch eine weitere Frage: Ich seht ja, dass ich per CSS einen Rollover eingebaut habe. Wie kann ich das laestige Nachladen der Bilder vermeiden? Gibt es da eine Aenderung, die ich hier einfach vornehmen kann? |
|
|||
Du kannst das HG-Bild in beiden Zuständen(aktiv/nichtaktiv) als ein einziges HG-Bild "zusammenkleben" und dann einfach per background-position verschieben.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Website zentrieren | ElJohnny | (X)HTML | 37 | 06.11.2010 11:55 |
analysetool für websites | opa-rudi | Site- und Layoutcheck | 23 | 05.08.2008 15:33 |
Bitte um Feedback zu meiner überarbeiteten Website | Sen-nefer | Site- und Layoutcheck | 9 | 08.02.2008 16:49 |