zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild hängt linksbündig stehen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.09.2006, 13:42
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.09.2006
Beiträge: 30
dabidu befindet sich auf einem aufstrebenden Ast
Standard 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="container">
<div id="header"> </div>
<div id="bildeinfuegen"> </div>
</div>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.09.2006, 13:50
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

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;
}
Die Background-Element kannst du auch zusammenfassen:

Code:
background: url(Hospiz_100.gif) no-repeat center center;
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.09.2006, 13:54
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.09.2006
Beiträge: 30
dabidu befindet sich auf einem aufstrebenden Ast
Standard




danke
Mit Zitat antworten
  #4 (permalink)  
Alt 21.09.2006, 14:02
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.09.2006
Beiträge: 30
dabidu befindet sich auf einem aufstrebenden Ast
Standard

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>
Mit Zitat antworten
  #5 (permalink)  
Alt 21.09.2006, 14:38
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:10 Uhr.