Alles rechts wieso?

david2502

Hallo,

wenn ihr auf http://funbutler.de/ seht ihr ja den ersten Beitrag warum ist das Bild und der Smilie so weit Rechts obwohl ich alles nach Links gemacht habe?

MFG David2502

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

S.i.T.

im Beitrag links ausgerichtet, dennoch rechts? Vielleicht in der css eine Anweisung. Kann aber nicht schauen, habe gleich Bettruhe und bin mit Hauptprofil hier, was ohne die Helferleins für solche dinge bestückt ist.

david2502

Habs bochmal probiert geht nach wie vor nicht, hier mal die CSS Datei:

Code

/*
Theme Name: Bernie
Theme URL: http://www.barninfrance.co.uk
Description: Clean theme by <a href="http://www.barninfrance.co.uk" title="French Villa">Bernie</a>.<br/><br/>Valid XHTML strict and tested in IE, Firefox and Netscape.<br/><br/>Ideal for a personal blog. 
Version: v1.0
Author: Bernie
Author URL: http://www.barninfrance.co.uk
Latest updated: 25th May 2007
*/


/* CSS for Body */
*{margin:0; padding:0;}
body{color:#333333; background: url(img/back.gif); font:76% Tahoma,Arial,sans-serif;}
#page{color:#333333; background: url(img/bg.gif) top center repeat-y; width:100%;}
#bg{background: url(img/main_bg.gif) top repeat-y; color:#333333; margin:0 auto; width:100%; }
#top{color:#333333; margin: auto; width:820px; height:300px; background: url(img/top.jpg) no-repeat;}
#wrap{h5 color:#333333; margin:0 auto; width:760px; }


/* CSS for Links */
a{background-color:inherit; color:#0066CC; font-weight: none; text-decoration:none;}
a:hover{background-color:inherit; color:#333333; font-weight: none; text-decoration:underline;}
a img{border:0;}




/* CSS for Header */
#header{margin:5px 0 5; }
#header h1{ color:#0066CC; float:left; font-size:1em; margin:10 0 10 0px; width:760px; font-weight: none;}
#header h1 a{background-color:inherit; color:#0066CC; text-decoration:none;}
#header p a{background-color:inherit; color:#808080; float:right; font-size:1em; font-weight:none; line-height:1.3em; margin:6px 0 0; text-align:center;}
#frontphoto{margin:0 0 10px;}
#header_title{color:#0066CC; font-size:18px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; padding-left:35px; padding-top:225px; letter-spacing:1px; text-transform:uppercase;  }
#header_title a{background-color:inherit; color:#FFFFFF; text-decoration:none;}
#header_title a:hover{background-color:inherit; color:#333333; text-decoration:none;}
#header_title2{ color:#333333; letter-spacing:1px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:35px; padding-top:14px; text-transform:uppercase; }


/* CSS for Sidebars */
#leftside{clear:right; float:right; line-height:1.4em; margin:0 0 10px; width:145px;}
#extras{float:right; line-height:1.4em; margin:0 0 5px; width:145px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget{font-size:1em; margin:0 0 18px;}
#leftside li, #extras li{line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul{margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li{margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a{font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist{font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul{margin:0 0 18px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a{font-weight:none;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3{background-color:inherit; color:#333333; font-size:1.1em; margin:0 0 10px;}
#leftside label, #extras label{display:none;}


/* CSS for Main menu */
ul.page{list-style:none; margin:0 0 18px; width:144px;}
ul.page li{display:inline; line-height:1.4em; width:144px; text-transform:uppercase; font-weight:bold;}
ul.page li a{background-color:#f4f4f4; color:#333333; float:left; font-weight:none; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:134px;}
ul.page li a:hover, ul.page li.current_page_item a{background-color:#BFDFFF; color:#0066CC; text-decoration:none;}
ul.page ul{font-size:0.9em;margin:0 0 0 15px;padding:0 0 5px;width:129px;}
ul.page ul a{padding:3px 1px 3px 5px;width:119px;}
ul.page ul ul{width:117px;}
ul.page ul ul a{width:104px;}


/* CSS for Content */
#content{line-height:1.8em;margin:0px 173px 5px 5px;padding:0; letter-spacing:1px; }
#contentwide{line-height:1.6em;margin:0px 163px 5px 5px;padding:0;}
#content h2,#contentwide h2 {font-size:1.2em;margin:0 0 10px; color: #0066CC; text-transform:uppercase;font-family: Arial, Helvetica, sans-serif;}
#content h3,#contentwide h3{font-size:1.2em;margin:0 0 10px; color: #0066CC;text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
#content img,#contentwide img{border:0px;float:right;margin:0px 0px 10px 10px;}
#content ul,#contentwide ul,#content ol,#contentwide ol{margin:0 0 16px 30px;}
#content li,#contentwide li{padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol{margin:0 0 0 16px;}


/* CSS for Footer */
#footer{background: url(img/base_bg.jpg) top center no-repeat; border-top:0px;clear:both;color:#808080;font-size:0.9em;font-weight:normal;line-height:1.3em;margin:0 auto;padding:13px 0;text-align:center;width:100%; height: 60px;}
#footer p{margin:0;padding:0;}
#footer a{background-color:inherit;color:#808080;font-weight:normal;text-decoration:none;}
#footer a:hover{background-color:inherit;color:#333333;text-decoration:underline;}




/* CSS for Submenu */
#subpages {border-bottom:0px; border-left:0px; font-weight:none;line-height:1.3em;float:right;margin:0px 0px 8px 15px;padding:0 0 10px 10px;width:150px;}
#subpages h2{font-size:1.2em;font-weight:bold; margin:0 0 10px; padding-top: 5px; color:#0066CC;}
#subpages ul.submenu{font-size:1.2em; line-height:1.4em;list-style:none; margin:0;}
#subpages ul.submenu li{display:inline; line-height:1.4em; width:140px; padding:0; text-transform:uppercase; font-weight:bold;}
#subpages ul.submenu li a{font-size:0.9em; background-color:#f4f4f4; border:0px;color:#333333;float:left;margin-bottom:5px;margin-right: 6px;padding:3px 1px 3px 5px;text-decoration:none;width:140px;}
#subpages ul.submenu li ul{margin:0 0 5px 10px;width:120px;}
#subpages ul.submenu li ul li a{width:120px;}
#subpages ul.submenu li ul ul{margin:0 0 5px 10px;width:110px;}
#subpages ul.submenu li ul ul li a{width:110px;}
#subpages ul.submenu li ul ul ul{margin:0 0 5px 10px;width:100px;}
#subpages ul.submenu li ul ul ul li a{width:100px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a{background-color:#BFDFFF;border:0px;color:#0066CC;}
#subpages ul.submenu li.current_page_item ul li a{background-color:#f4f4f4;border:0px;color:#333333;}


/* CSS for Tags */
p,ul,ol{margin:0 0 16px;}
blockquote{border-left:4px solid #e0e0e0;margin:20px;padding:8px 8px 8px 15px;}
blockquote p{background-color:inherit;color:#333333;font-size:0.9em;line-height:1.3em;}
label{background-color:inherit;color:#333333;}
table#wp-calendar{margin:0 0 18px;width:140px;}


/* CSS for Forms */
#s,#submit{background-color:#ffffff;border:1px solid #cccccc;color:#333333;font-size:0.9em;margin:0 0 5px;padding:4px;width:130px;}
#searchsubmit{background-color:#ffffff;border:1px solid #cccccc;color:#333333;font-size:0.9em;margin:0 0 0px;padding:2px;width:50px;}
#author,#email,#url,#comment{border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;}
#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}


/* CSS for Float fix */
.contenttext{overflow:hidden;}
* html .contenttext{height:1px;overflow:visible;}
* html .contenttext p{overflow:hidden;width:99%;}


/* CSS for Various classes */
.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}
.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}
.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}
.textright{text-align:right;}
.sub{width: 99%;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.hide{display:none;}
.post{margin:0 0 25px;}
.divider{height: 25px; width:99%; background: url(img/divider.jpg) no-repeat; text-align:center;}
.postinfo{background-color:#ffffff;border:0px;color:#333333;font-size:0.9em;font-weight:bold;line-height:1.5em;margin:1px 0 20px;padding:0px;}
.comment{background-color:#ffffff;border:0px;color:#333333;margin:0 0 10px;padding:0px 0px 0 0px;}
.comment p.commenthead{line-height:1.6em;}
.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}
.navigation{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}
.navigation p{margin:0;padding:0;}
.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}

Alles anzeigen

Wäre super wenn mir jemand helfen könnte.Falls ihr noch z.B. die Sidebar.php oder so braucht sagts einfach!

MFG David2502

ronan

weil du alle bilder in #content nach rechts floatest:

Code

(line 65)
#content img, #contentwide img {
style.css
border:0px none;
float:right;
}

marX

Die Zeile

Code

#content img,#contentwide img{border:0px;[B]float:right[/B]; ... }

sorgt dafür, dass alle Bilder in Beiträgen rechts ausgerichtet werden, und der Text links daneben. Vielleicht solltest du den Bildern, die ausgerichtet werden eine eigene CSS-Klasse mitgeben.

david2502

Kann mir des vielleicht jemand machen ich kann kein css.

MFG David2502

marX

Nimm einfach die von mir hervorgehobene Eigenschaft "float:right;" an der angegebenen Stelle raus.

david2502

Jetzt gehts kann man es aber noch machen das die Überschrift und das Bild auf gleicher Breite sind? Den grad ist die Überschrift ja bissel linkser als das Bild!

MFG David2502

Abalone

Ersetze

Code

#content h2,#contentwide h2 {font-size:1.2em;margin:0 0 10px; color: #0066CC; text-transform:uppercase;font-family: Arial, Helvetica, sans-serif;}

durch

Code

#content h2,#contentwide h2 {font-size:1.2em;margin:0 0 10px 10px; color: #0066CC; text-transform:uppercase;font-family: Arial, Helvetica, sans-serif;}

Wenn's noch nicht reicht (oder zuviel ist), dann spiele bei "margin:0 0 10px 10px;" mit den hinteren 10px herum, bis es passt.

marX

Selbe Stelle:

Code

#content img,#contentwide img{border:0px;float:right;[B]margin:0px 0px 10px 10px;[/B]}

in margin:0 ändern.

Falls du dich mal ein wenig in CSS einlesen willst (keine Angst, ist nicht wirklich kompliziert): CSS 4 You - The Finest in Stylesheets und SELFHTML: Stylesheets (CSS) sind gute Ausgangspunkte.

EDIT: Mannomann, was is denn heut los. Schon zum 2. Mal 2 Minuten zu spät dran... :-D

EDIT2: Abalone: Ich würde nicht an der Überschrift rumspielen, sonst passts hinterher bei Beiträgen ohne Bild nicht...

Abalone

Zitat von marX

EDIT2: Abalone: Ich würde nicht an der Überschrift rumspielen, sonst passts hinterher bei Beiträgen ohne Bild nicht...

Jo, hast recht.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Alles rechts wieso?

Jetzt mitmachen!