Ausrichtung Bilder immer Links!!!

Hallo Forum

Wir haben bei unserem Blog http://www.blog.lilu24.de ein Problem bei der Ausrichtung der Bilder. Sie erscheinen egal was wir eingeben immer Links.

Liegt das am CSS? Kann leider den Programmierer nicht merh Fragen. Der ist verstorben und wir kennen uns mit CSS nicht so aus:

In der CSS habe ich nur das gefunden:

#inhalte img {
float : left;
margin : 6px 10px 3px 0;
}

Kann uns jemand Helfen

Danke

Jupp, da bist du richtig.Schau mal im Default-Theme:

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}


img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}


.alignright {
	float: right;
	}


.alignleft {
	float: left
	}

und

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

Du solltest vielleicht jeweils noch den Selektor "#inhalte" davor setzen.

Soll ich komlett das was Du hier geschrieben hast rein kopieren an die Stelle? Sorry kenn mich da leider nicht so aus....

Kann ich da was kaputt machen?

Hab es jetzt einfach mal versuch und alles rein kopiert zusätzlich zu dem was schon drin stand und habe immer #inhalte davor geschrieben.

Rechts und Links geht jetzt nur nicht zentriert.

Zitat von lilu24

Soll ich komlett das was Du hier geschrieben hast rein kopieren an die Stelle? Sorry kenn mich da leider nicht so aus....

Im Prinzip ja. Eventuell musst du noch die Abstände (margin) etwas anpassen. Keine Angst, CSS ist nicht so schwer, das sind nur Formatierungsanweisungen. ;-)

Aus

#inhalte img {
float : left; 
margin : 6px 10px 3px 0;
}

wird

#inhalte img[COLOR="Red"].alignleft[/COLOR] {
float : left; 
margin : 6px 10px 3px 0;
}

Die weiteren Anweisungen übernimmst du darunter, etwa so:

[COLOR="#ff0000"]#inhalte[/COLOR] img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
[COLOR="#ff0000"]#inhalte[/COLOR] img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

Die weiteren bekommst du sicher selbst hin. ;-)

Zitat

Kann ich da was kaputt machen?

Im schlimmsten Fall zerschießt du dir das Layout. Mach dir eine Kopie der style.css bevor du anfängst. Geht was schief, dann spiel einfach die Kopie zurück.

Nochmals Danke

Hast du meinen zweiten Post gesehen?

Zitat von lilu24

Hast du meinen zweiten Post gesehen?

Hat sich überschnitten, sorry. :-) Hast du mal einen Post wo alle 3 Varianten drin sind? Oder wenigstens die die nicht funktioniert.

Habe jetzt den ersten Post (Gewinnspiel) auf Zentriert gesetzt.

Das zentriert Bild bekommt noch ein float vom normalen Bild mit. Änder das am besten mal so:

#inhalte img.centered {
	display: block;
	[COLOR="Blue"]float: none;[/COLOR]
	margin-left: auto;
	margin-right: auto;
	}

Ich habe es jetzt geändert leider ohne Erflog. Hier mal der Komplette Auszug für den img Bereich wie er in der Css drin steht.

#inhalte img {
  float    : left; 
  margin   : 6px 10px 3px 0;
} 
#inhalte img.alignright {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
 }
#inhalte img.alignleft {
 padding: 4px;
 margin: 0 7px 2px 0;
 display: inline;
 }
#inhalte .alignright {
 float: right;
 }
#inhalte .alignleft {
 float: left
 }
#inhalte img.centered {
 display: block;
         float: none;
 margin-left: auto;
 margin-right: auto;
 }
#inhalte .aligncenter,
div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

Zitat von lilu24

Ich habe es jetzt geändert leider ohne Erflog. Hier mal der Komplette Auszug für den img Bereich wie er in der Css drin steht.

Sorry, da fehlte noch was bei der 2. "center"-Angabe:

#inhalte .aligncenter,
[COLOR="Blue"]#inhalte [/COLOR]div.aligncenter {
 display: block;
 [COLOR="Blue"]float:none;[/COLOR]
 margin-left: auto;
 margin-right: auto;
}

Du kannst evtl. auch die ursprüngliche Angabe weglassen/auskommentieren:

[COLOR="DarkSlateGray"]/*
#inhalte img {
  float    : left; 
  margin   : 6px 10px 3px 0;
} 
*/[/COLOR]

und schauen ob das irgendwelche negativen Auswirkungen hat.

Klasse Hilfe und vielen, vielen Dank. Funktioniert alles!!!

Gruss und schönen Abend Andy