Hi zusammen,
ich habe bei meinen Bildern eine gepunktete Linie oben und unten festgelegt. Der Text bei einem linksbündigen Bild schließt aber weder oben noch unten schön mit dieser Linie ab: http://kreativgedacht.de/2014/01/16/slam-auf-der-couch/
ich habe schon nach margin beim Bild geschaut und erreiche mit keinem Wert die gleiche Höhe... KÖnnt ihr mir sagen wo ich genau was ändern muss, damit es oben und unten schön abschließt?
Danke!!
Bild auf Höhe vom Text
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
So beginnt die gepunktete Linie bei dem Text und endet dort auch wieder.
Das Problem ist, dass diese Einstellungen für alle Bilder verwendet werden.
Dieses Problem kannst du lösen indem du einen Div-Container um das Bild legst und diesen bearbeitest und somit wird nur dieses Bild verändert.Code
Alles anzeigen[COLOR=#888888][FONT=Consolas][COLOR=#222222].entry-content img[/COLOR][/FONT][/COLOR][FONT=Consolas] {[/FONT] [LIST] [*] [COLOR=#C80000]margin[/COLOR]: auto; [*] [COLOR=#C80000]margin-top[/COLOR]: 7px; [*] [COLOR=#C80000]margin-right[/COLOR]: 20px; [*] [COLOR=#C80000]margin-left[/COLOR]: 0px; [*] [COLOR=#C80000]margin-bottom[/COLOR]: 15px; [*] [COLOR=#C80000]border-top[/COLOR]: 3px dotted #5d5c5c; [*] [COLOR=#C80000]border-bottom[/COLOR]: 3px dotted #5d5c5c; [*] [COLOR=#C80000]padding-top[/COLOR]: 5px; [*] [COLOR=#C80000]padding-bottom[/COLOR]: 5px; [*] height: 380px; [/LIST] [FONT=Consolas]}[/FONT]Dieser Beitrag gehört in die Kategorie "Design".
-
Super, vielen lieben Dank!
-
Hi,
ich habe irgendwie wieder das Problem, nur stimmt die Linie jetzt mit nichts überein...
http://kreativgedacht.de/about/
Kannst du mir da helfen?
.alignleft,
img.alignleft {
display: inline;
float: left;
margin: auto;
margin-top: 0px;
margin-right: 22px;
margin-left: 0px;
margin-bottom: 7px;
border-top: 3px dotted #5d5c5c;
border-bottom: 3px dotted #5d5c5c;
padding-top: 5px;
padding-bottom: 5px;
} -
Du hast mind. einen Fehler im Theme. Und zwar geht der DIV #header nicht wieder zu. Daher sind alle img von der CSS #header img betroffen. Schau mal ob du das repariert bekommst.
Ansonsten gibt es noch die Möglichkeit das so zu machen:
Aber damit bliebe dein Theme/Template fehlerhaft. -
Hi,
danke für die Info, aber leider funktioniert der Code nicht, oder ich gebe ihn falsch ein...
Im Header Template finde ich kein div, der nicht mehr geschlossen wird.
und komischerweise wird auf der Startseite das Bild auf Höhe des Textes angezeigt. http://kreativgedacht.de/
Seltsam :/
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!