|
|||
Bild hängt linksbündig stehen
Hallo und ein wunderschönen Morgen .......... alle zusammen
Das Bild bleibt, direkt links, dicht an der Container.. wie kann ich das Bild zentrieren. Code:
#bildeinfuegen { clear: both; border: 1px solid black; background-image: url(Hospiz_100.gif); background-repeat: no-repeat; height: 100px; text-align: center; /* Hab mit center ausprobiert funktioniert nicht */ } <div id="header"> </div> <div id="bildeinfuegen"> </div> </div> |
Sponsored Links |
|
|||
text-align ist dafür da Text (bzw. Inline-Elemente) zu zentrieren. Du hast hier ein Hintergrund-Bild, den du mit background-position positionieren kannst:
Code:
#bildeinfuegen { clear: both; border: 1px solid black; background-image: url(Hospiz_100.gif); background-repeat: no-repeat; background-postion: center center; /* verticale und horizontale Position; möglich wäre auch z.B. "top center" height: 100px; } Code:
background: url(Hospiz_100.gif) no-repeat center center; |
Sponsored Links |
|
|||
Hallo
Ich möchte, dass die Überschrift links ist und direkt daneben in kleiner Schrift zwei Wörter stehen, die zum anklicken ist... um in eine andere Seite zu wechseln... hoffentlichh hab ich mich richtig ausgedruckt Code:
#header { background-color: yellow; text-align: left; } #header h1 { border: 1px solid gray; float: left; width: 150px; } #header p { float: right; width: 150px; border: 1px solid gray; background-color: fuchsia; } #header li{ background-color: red; font: 12px arial, verdana, sans-serif; } /*==================================================*/ <div id="header"> <h1> Ueberschrift </h1> <p> <ul> <li> <a href="#"> deutsch </a></li> <li> <a href="#"> englisch </a></li> </ul> </p> </div> |
|
|||
das P um das UL ist unnötig. Du musst nur <ul> auch links floaten, dann legt es sich neben die h1-Überschrift.
Da die Breite von h1 aber nur 150px sind, wird eine Überschrift (je nach Schriftgröße) schnell darüber hinausragen bzw. am Ende verschwinden, wenn das daneben gefloatete <ul> dies mit einer Hintergrundfarbe verdeckt. Entweder h1 wird breiter, oder <ul> erhält einen margin-left (oder padding-left, probier es aus was welchen Effekt erzielt) oder Du achtest auf kurze Überschriften. Ich würde die Breiten aber in % festlegen. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bild durch Bild ersetzten! (a:hover) | Prof. Awesome | CSS | 11 | 16.03.2011 15:33 |
Bild als Active makieren | siriussmarty | CSS | 0 | 08.07.2010 15:37 |
Bild über Bild | rafa | CSS | 2 | 24.01.2010 19:46 |
Bild mit Rahmen aus Bild | Holger (HMR) | CSS | 3 | 21.05.2008 13:55 |
Verflixter Rahmen um ein Bild | Webelix | CSS | 6 | 22.07.2007 13:32 |