Beiträge von alchymyth

mit diesen einstellungen sieht es besser aus, es bleibt nur noch ein kleiner unterschied zum IE:
in der style.css (nur die geaenderten zeilen gezeigt)

#header {
 height: 220px;
 }

#header ul {
 margin: 0px 15px 0 0;
 padding: 0px 20px 0 20px;
 }

da musst du im footer.php was aendern - und zwar das letzte </div> vom ende an die stelle vor dem <div id="footer"> verschieben.
im zweifelsfall hier die footer.php posten.

PS: ist leider nicht so ganz einfach - hat den folgefehler, dass der graue hintergrund im content verschwindet.

PPS: kann mit einer aenderung in der style.css gutgemacht werden:

#content {
 float: right;
 width: 79%;
 overflow: hidden;background:#464646;padding-right:8px;
 }

PPPS: noch was - 1px padding unter der sidebar:

#sidebar {
 font-family:  verdana, arial, sans-serif;
 font-size:8.5pt;
 width: 20%;
 float:right;
        background-color:#464646;
padding-bottom:1px;
 }

ja, da fehlt was - einfach am ende der style.css einfuegen:

.wp-caption-text {text-align:center;}
.wp-caption  {border:1px solid #000;margin:5px;padding:3px;}
.wp-caption a img {margin:5px;}

damit sieht es zumindest im firefox akzeptabel aus - abgesehen von sehr schmalen bildern mit sehr langen caption-worten.

die schriftgroesse kann in der style.css mit

.blog-entry-body {font-size:15px;
}

beeinflusst werden.

das bild fuer den hintergrund kann in die style.css; and zwar sollte das bild mindestens 1024px weit sein, dass es auch einen groesseren monitor ueberdeckt. (zB: bigimage.jpg). das bild muss in den images ordner des themes hochgeladen werden. 'background-attachment:fixed' sorgt dafuer, dass das bild nicht mit dem bloginhalt scrollt.

body{background-color:#2C2C29;background:url(images/bigimage.jpg);background-attachment:fixed;font-family:Tahoma;font-size:11px;width:811px;text-align:left;margin:0 auto;color:#2C2C29;}

wahrscheinlich muss das bild mit einem grafikprogramm so zusammengestellt werden, dass der bereich hinter dem blog dunkelgrau ist, und rechts und links das gesplittete bild angefuegt ist.

hi, das hatte ich in deiner pm falsch verstanden.

aber so sollte es gehen: am ende von sidebar.php einfuegen:

<img src="<?php bloginfo('stylesheet_directory'); ?>/images/Werbefrau.jpg" />

Link zum Blog?

das hat zwei ursachen:
erstens ist das bild beim einfuegen im editor mit 'alignleft' eingegeben - also im artikel mit dem editor aendern!
zweitens zwingt eine zeile in der 'compressed.css' jedes bild im absatz im artikel nach links:

p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}

da einfach in der 'compressed.css' das 'float:left;' entfernen!

in der style.css des themes suchen:

#inhalt .post img {
  float      : left;
  border     : 1px solid #ccc;
  margin-left:0; margin-right:10px; margin-top:5px; margin-bottom:3px
}

darin das 'float:left' entfernen, und auch 'margin-left:0; margin-right:10px;' rausnehmen.
und dann am ende der style.css einfuegen:

.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}

danach sollten die bilder der ausrichtung folgen, die sie im editor beim einfuegen erhalten haben.
bei 'aligncenter' fliesst der text natuerlich nicht ums bild.

scheint ein problem mit dem 'display:table-cell' zu sein - wenn ich das durch 'display:block' ersetze, sieht es im firefox besser aus.
hab's aber nicht in anderen browsern getestet.
in der style.css des themes:

.main_cent {
width:557px;
height:100%;
vertical-align:top;
display:block;
text-align:left;
}

am besten geht die hilfe mit einem link zu deinem blog.
wahrscheinlich sind in der style.css des themes die 'alignleft' 'aligncenter' und 'alignright' nicht richtig definiert.

einige schritte:
zuerst das 'float:right;' hier entfernen:

#content img
{
    float: right;     
    clear:right;
    margin: 10px;   
    clear: both;
    border: 1px #fff solid;
}

dann ebenfalls hier das 'margin: 10px;' in 'margin-top: 10px; margin-bottom: 10px' umwandeln.
das ergebnis sollte dann so aussehen:

#content img
{
    clear:right;
    margin-top: 10px; margin-bottom: 10px;
    clear: both;
    border: 1px #fff solid;
}

danach sollten die bilder (hoffentlich) der ausrichtung folgen, die du im editor beim einfuegen der bilder angibst.

in der style.css die zeile mit 'background' einfuegen:

.sidebar {
 padding:0px 0 0 0;
 width:235px;
 float:left; 
 color:#777; font:13px/1.4em Arial, sans-serif;
background: url(images/stuhl-sidebar.png) top left no-repeat;
}

- und natuerlich das bild aus der sidebar entfernen.

ohne link kann ich nur raten - die position der werbung sollte durch aenderung der margin in '.ads' einstellbar sein (style.css):

.ads{ 
 float: right;
 margin-right: 28px; 
        margin-top: 8px;
        margin-bottom: 0px;
}

der code steht wahrscheinlich eher in der sidebar.php.

ich glaube, beim wordpress.COM kannst du nur die widgets anordnen, die im theme mitgegeben werden.
wordpress.com hat ausserdem ein eigenes hilfsforum.

in der style.css einfuegen:

#sidebar ul h2 {margin-top:5px; margin-right:5px; border-top:1px solid #000;}

und in der style.css das 'text-transform:uppercase;' entfernen.

#branding h1{
		font-size: 44px;
		text-transform: uppercase;
		padding-top: 25px;
		padding-left: 10px;
	}

in einem meiner wordpress installationen habe ich das so gemacht:

<?php if (have_posts()) : ?>
<!-- FIRST LOOP-->
  <?php while (have_posts()) : the_post(); ?>
  <div <?php post_class() ?>>
    <h3 id="post-<?php the_ID(); ?>"><a href="#anchor<?php the_ID(); ?>" rel="bookmark" ><?php the_title(); ?></a></h3>    
   </div>
  <?php endwhile; ?>  
<!--END FIRST LOOP-->
<?php rewind_posts(); ?>
<!--SECOND LOOP-->
<?php while (have_posts()) : the_post(); ?>
<a name="anchor<?php the_ID(); ?>" class="anchor" />    
<div <?php post_class() ?>>
    <h3 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h3>    
    <div class="entry">
     <?php the_content() ?>
    </div>
</div>
  <?php endwhile; ?>  
<!--END SECOND LOOP-->
<?php else : ?>
  <h2 class="center">Nothing found</h2>
<?php endif; ?>

die allgemeine sprachdatei (die hat verwirrender weise den gleichen namen wie die im theme) findest du im verzeichnis:
/deinwordpressverzeichnis/wp-[COLOR=#000000]content[/COLOR]/languages/de_DE.po

h1 hat zB auch eine font-family:verdana;
ausserdem konnte ich keine definition fuer #logo in der style.css finden:confused: - abgesehen von margin und padding.
der titel ist im wesentlichen durch #title a gestyled.