Suche im Forum:
Suchen


Autor Nachricht
Beitrag17.02.2017 um 09:01 (UTC)    
Titel: Bild rechts und links umflossen / Float (Iceblue) [erledigt}

Hallo zusammen,
ich mal wieder Very Happy
Ich würde gerne einen Standard für rechts/linksumflossene Bilder ins CSS bringen.
Aktuell schaut das so aus:
Code:
/* Bild links*/
img.links{
float:left;
margin-right: 20px;
margin-left: 20px;
color: #2F4F4F;
border-width: 5px;
border-style: solid;
}

/* Bild rechts*/
img.rechts{
float:right;
margin-right: 20px;
margin-left: 20px;
color: #2F4F4F;
border-width: 5px;
border-style: solid;
}


Das sieht soweit schon mal ganz gut aus, wenn ich den HTML Code so verwende:
Code:

<img class="rechts" alt="ALTTEXT"  titel="TITEL" src="BILD URL">

ABER: Auf der gleichen Seite, etwas weiter unten stehen jetzt jeweils 2 Standardbilder untereinander statt nebeneinander.

http://sifletest.de.tl/Vergesellschaftung-TEST.htm

Ich vermute, dass sich die beiden margin (left/right) Befehle von oben, auch auf das Standardbild beziehen.

Code:
/* Standard Bilder mit Rahmen */
img.standard {
color: #2F4F4F;
border-width: 5px;
border-style: solid;
display: block;
margin-left: auto;
margin-right: auto
}


Wie kann ich das passend ändern? Oder ist der Code korrekt und ich muss woanders nach dem Fehler suchen?
______________
Gruß von Sven von



Zuletzt bearbeitet von sifle am 22.02.2017, 06:47, insgesamt 2-mal bearbeitet
Beitrag17.02.2017 um 17:31 (UTC)    
Titel:

Hallo,

Du meinst die beiden Bilder unter der Überschrift "Wie lange dauert eine Vergesellschaftung?"

Diese beiden Bilder haben die Klasse "standard".
Und im CSS-Code hat .standard { die Eigenschaften für mittig ausgerichtet. (durch margin: auto; )

Hier müsstest Du dann wie bei den anderen auch das class="left" und class="right" verwenden.

Beachte aber : Die Bilder sind je 350 Pixel Breit.
.left { und .right { haben je 20 Pixel Außenabstand nach Links und Rechts.
Dadurch nimmt jedes Bild - 390 Pixel - Breite ein.
Der Seiteninhalt müsste 780 Pixel Breite haben, hat aber nur 750 Pixel.

Die Bilder müssten in der Breite angepasst werden, sonst funktioniert auch left und right nicht Wink

Gruß Wolle
Beitrag17.02.2017 um 18:31 (UTC)    
Titel:

Mmmmh. Nicht ganz.
Es geht, wie du richtig gesehen hast, um die Bilder unter Wie lange dauert eine Vergesellschaftung?

Auf der Testseite wurden nur die o.s. Bild rechts und Bild links Codes ergänzt.
Trotzdem weicht die Testseite von der identischen Seite (nur ohne Bild links/rechts Codes) ab: http://sifletest.de.tl/Vergesellschaftung-TEST.htm
http://sifle.de/Vergesellschaftung.htm

Dass unter Wie lange dauert eine Vergesellschaftung? zwei Bilder jeweils nebeneinander stehen ist so gewollt.
______________
Gruß von Sven von

Beitrag20.02.2017 um 13:31 (UTC)    
Titel:

Dann mal anders gefragt.
Sind die Codes denn inhaltlich korrekt? Kann ich die so verwenden? Oder sollte noch etwas angepasst/verändert werden?

Code:
/* Bild links*/
img.links{
float:left;
margin-right: 20px;
margin-left: 20px;
color: #2F4F4F;
border-width: 5px;
border-style: solid;
}

/* Bild rechts*/
img.rechts{
float:right;
margin-right: 20px;
margin-left: 20px;
color: #2F4F4F;
border-width: 5px;
border-style: solid;
}
[/quote]
______________
Gruß von Sven von

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de