Autor |
Nachricht |
darkcobalt
Threadersteller
Dabei seit: 25.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 14.03.2010 11:05
Titel HTML Frage. |
|
|
wenn ich ein hintergundbild habe dass ich mit dem befehl "background-position:center top;" positioniere wird dieses bild auch wenn es 3000px breit ist immer zentriert angezeigt. das heisst ich sehe horizontal und vertikal immer die bildmitte egal wie gross das browserfenster ist.
wenn ich dassselbe bild als image in die seite laden und ihm die position align="center" verpasse, wird es trotzdem immer linksbündig angezeigt und nicht wie beim background bild. warum ist das so und wie kann ich das ändern? danke im voraus für die hilfe.
____________________________________
|
|
|
|
|
safer-print
Dabei seit: 11.03.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 14.03.2010 12:48
Titel
|
|
|
Das liegt daran, das es das Attribut align in css nicht gibt. Um Text zu zentrieren und in dem Fall verhält sich das Bild ja wie Text, musst du text-align verwenden.
|
|
|
|
|
Anzeige
|
|
|
darkcobalt
Threadersteller
Dabei seit: 25.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 14.03.2010 19:36
Titel
|
|
|
super, danke. werde mir das gleich mal ansehen und berichten. tausend dank schon mal im voraus für den tipp! schönen sonntag noch
|
|
|
|
|
darkcobalt
Threadersteller
Dabei seit: 25.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 14.03.2010 19:46
Titel
|
|
|
Hallo, anscheinend mache ich immer noch was falsch. Seht ihr den Fehler? mein bild (3000px breit) wird immer noch linksbündig angezeigt. es sollte aber zentriert und am oberen browserrand stehen.
<style type="text/css">
<!--
body {
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
overflow-x:hidden;
background-color: #FFFFFF;
background-position:center top;
background-repeat: no-repeat;
}
-->
</style></head>
<body>
<p align="center">
<div style="height:800px;" text-align:"center">
<img src="logo.jpg" border="0" text-align:"center" alt="DEPOT lesen" usemap="#Map">
<map name="Map" id="Map">
<area shape="poly" coords="1441,283,1479,566,1680,539,1640,257" href="hLINK.htm" target="_blank" />
</map></div>
</p>
</body>
</html>
|
|
|
|
|
darkcobalt
Threadersteller
Dabei seit: 25.09.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 15.03.2010 03:44
Titel
|
|
|
danke für die tipps. hat alles geklappt. hast jetzt mit einem kleinen zentriertem bild (breite 900px) und einer grossen hintergrundbild(3000px breit) gelöst.
unter chrome und IE funktioniert es auch nur mozilla stellt es nicht richtig dar...
hier der quelltext. warum stellt firefox das hintergrundbild nicht dar; firefox zeigt nur das zentrierte bild???
<!--
body {
background-image: url(logo_back.jpg);
margin-left: 0px;
margin-top: 0px;
overflow-x:hidden;
background-color: #FFFFFF;
background-repeat: no-repeat;
}
-->
</style></head>
<body>
<div align="center"><img src="logo_m.jpg" width="996" height="806" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="529,283,730,258,769,540,569,565" href="link.htm" target="_blank" />
<area shape="rect" coords="3,700,138,712" href="mailto:studio@link.de" target="_blank" />
</map></div>
</body>
</html>
|
|
|
|
|
|
|
|
Ähnliche Themen |
Ich hab da mal ne Frage zu Links in HTML
HTML- Frage zu Tabellen
Frage zu HTML - tabellenhintergrundfarbe
Frage zu Kontaktformular [HTML+PHP]
[frage html] pdf zum download anbieten ?
<html> frage zu checkboxen / radiobuttons...
|
|