Bilder und Text bündig anzeigen

Schuhlove

Moin!

Ich habe das Problem, das bei mir der Text immer ein bisschen weiter links beginnt als die Bilder. Ist zwar nur ne Kleinigkeit, aber ich find das einfach unschön so.

Text formatiere ich grundsätzlich als Blocksatz. Bilder lasse ich immer linksbündig anzeigen.

Da ich mein Design gerade abändere, habe ich leider keinen Link. Bzw. nur zu der aktuellen Page. Da nutze ich WP 2.9, denke aber das wird keinen Unterschied machen. Dort tritt das Problem nämlich auch auf. Schaut euch z.B. den Beitrag vom 23.6. zu Kölncampus an. Da fängt der Banner, deutlich sichtbar, weiter rechts an als der Text.

Wäre klasse wenn ihr da ne Lösung parat habt.

Danke!

Werbepost

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)

Mehr erfahren

alchymyth

dann schau in die style.css des themes, und versuch die styles zu finden fuer:

Code

img { ... }
oder
.entry img { ...}
oder
.alignleft { ... }
bzw.
img.alignleft { ... }

oder was aehnliches.

es klingt als ob die bilder eine 'margin-left: 10px;' oder aehnlich haben.

am besten waere ein link zur seite, oder sonst eine kopie der style.css.

Schuhlove

PHP

/*  
Theme Name: Ambiru
Theme URI: http://ifelse.co.uk/ambiru/
Description: A calm, relaxing theme
Version: 1.0
Author: Phu Ly
Author URI: http://ifelse.co.uk/
*/


/*************************************
 +Containers
 *************************************/




body{
    background: #d0c8c8 url(./images/stripes.jpg) no-repeat;
    color:#444;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:67.5%;
    line-height:1.5;
    margin:0;
    padding:0;
    text-align:justify;
}
#wrap{
    background:#ffffff;
    border-left:7px solid #ffffff;
    border-right:7px solid #ffffff;
    margin:0 auto;
    padding:0 15px;
    text-align:left;    
    width:500px;
}
#content{
    font-size:1.1em;
    float:left;
    margin:0 0px;
    width:500px;
}
#frisch {
        background: url(./images/feed1.png) no-repeat;
        position:fixed;
        float:right;
        top:30;
        right:60;
        width:128px;
        height:128px;        
}
#sidebar{
    background:#7039BB  url(./images/sidebar.png) repeat-10;
    border:5px solid #ddd;
    border-bottom:none;
    color:#7039BB;
    float:right;
    margin:0 10px;
    padding:10px;
    width:460px;
}
#sidebar a{
color:#555;
}
#sidebar a:hover{
color:#eda;
}
#sidebar .sec-a{
    float:left; 
    width:200px;
    padding:0 10px;
}
#sidebar .sec-b{
    float:right;
    width:200px;
    padding:0 10px;
}


#footer{
    background:#333;
    border-top:1px solid #777;
    clear:both;
    color:#888;
    font-size:0.9em;
    padding:5px;
}
.navigation{
    margin-bottom:10px;
    padding:5px;
    text-align:center;
}
p img {
padding: 0;
max-width:500px;
border: 5px solid #ffffff;
}


/*************************************
 +Header
 *************************************/
h1, h2, h3{
    font-family: Sylfaen, Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    letter-spacing: -1px;
    margin:0;
}
#header{
    background: url(./images/header.jpg) no-repeat;
    height:138px;
    text-align:right;
    width:500px;
    padding:30px 0;
}
#header h1{
    font-size:2em;
    margin:0;
    margin-top:120px;
}
#header h1 a{
    color:#E5F2E9;
}
#header h1 a:hover{
    color:#F5FFF9;
}
#header p{
    color:#D5E2D9;
    font-size:1em;
    margin-top:-0.5em;
}
#header h1, #header p{
    margin-right:30px;
}
/*************************************
 +Entry
 *************************************/
.entry{
    margin-bottom:15px;
padding:5px 10px;
font-size:0.9em;
}


.entrymeta{
    font-size:0.9em;
color:#999;
}
.entrymeta a{
color:#677;
}
.entrymeta a:hover{
color:#255;
}
.entrytitle h2{
    color:#6633cc;
    font-size:2.2em;
}
.entrytitle h2 a{
color:#6633cc;
}
.entrytitle h2 a:hover{
    color:#C8A799;
}
.entrytitle h3{
    color:#6633cc;
    font-size:1.8em;
}
.postedby{
}
.filedto{
    background:url("./images/file.gif") no-repeat 0 2px;
    padding-left:15px;
}
.commentslink{
    background:url("./images/comments.gif") no-repeat 0 3px;
    padding-left:15px;
}
<?php the_tags( '<p>' . __('Tags:', 'kubrick') . ' ', ', ', '</p>'); ?>


body#home .entry-1
{
background:#f8f9f1;
border:1px solid #d8d9c8;
border:1px solid #fafbfa;
font-size:1em;
}
body#home .entry-1 .entrymeta{
background: #fafbfa;
border-top:1px solid #d8d9c8;
margin:-5px -10px;
padding:5px 10px;
}
.bigger {
font-family: 'Arial', Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
font-size: 2.2em;
line-height: 1.0em;
color: #333;
text-align: justify;
}
p img {
padding: 5;
max-width:480px;
}


/*************************************
 +Sidebar
 * note: sidebar is actually featured 
 * on the bottom.
 *************************************/


#sidebar h3{
    color:#sss;
    font-size:1.5em;
    font-weight:bold;
    margin:10px 0;
}
#sidebar ul li{
    border-bottom:1px dotted #414141;
    margin-bottom:3px;
    padding:3px;
}
/*************************************
 +Nav
 *************************************/
#nav{
    background:#d0c8c8;
    border:0px solid #000000;
    border-top:none;
    font-size:0.9em;
    margin-bottom:30px;
    padding:0;
    width:500px;
    margin-top:-60px;
}


#nav ul{
    list-style-type:none;
}
#nav ul li{
    font-weight:bold;    
    float:left;
    letter-spacing:1px;
    margin-bottom:-3px;
    margin-right:10px;
    padding:2px 5px;
}
#nav ul li a{
    color:#000000;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#nav ul li a:hover{
    color:#7039BB;
}


/*************************************
 +Comments
 *************************************/
.commentsblock{
    margin:0.5em;
    padding:1em;
font-size:1.1em;


}
.commentsblock textarea{
    width:410px;
}
.commentsblock input, .commentsblock textarea{
    border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
    background:#eee;
    border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
    background:#eee;
    border:1px solid #a1a1a1;
}
.commentauthor{
    display:block;
    font-size:1.5em;
}
ol.commentlist{
    color:#777;
    font-size:0.9em;
    list-style-type:none;
    margin:0;
    margin-top:1.5em;
    padding:0;
}
.commentlist li{
    margin-bottom:0.5em;
    padding:0.5em 1em;
}
.alt{
    background:#f3f3f3;
    border:1px solid #EEEEEE;
    padding:0.5em;
}
.avatar{
        
    float: right;
       
}
h3#comments{
font-size:1.6em;
}
/*************************************
 +Misc
 *************************************/


ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
a{
    color:#555;
    text-decoration:none;
}
a:hover{
    color:#7039BB;
}
.wp-smiley {
border: none;
padding: 0;
}
.clearfix:after{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden; 
}
* html .clearfix {height: 1%;}

Alles anzeigen

alchymyth

das hier koennte es sein:
ein 5px weiter weisser rahmen ums bild:

Code

p img {
padding: 0;
max-width:500px;
border: 5px solid #ffffff;
}

'border: 5px solid #ffffff;' versuchsweise mal entfernen; oder 'border-left: none;' danach einfuegen;

und weiter unten:

Code

p img {
padding: 5;
max-width:480px;
}

'padding: 5;' entfernen; obwohl 'padding: 5;' das nicht wirksam aussieht.

Schuhlove

top, das hat funktioniert.
danke!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bilder und Text bündig anzeigen

Jetzt mitmachen!