✔ Bild in Banner zentrieren

[Freakt]

Hallo zusammen, ich habe eine Homepage so zusammen gebastelt, problem ist, das ist wohl alles php und ich keinen Schimmer davon.
Auf der Seite http://www.kitebuggy-friends.de ist oben ein Banner und in dem Banner ein Bild, ich schaffe es aber nicht, das Bild innerhalb des Banners zu Zentrieren, kann mir da einer helfen?

Das hier wäre der Code:

<?php
if (!empty($_SERVER['SCRIPT_FILENAME']) && 'banner.php' == basename($_SERVER['SCRIPT_FILENAME']))
die ('Please do not load this page directly. Thanks!');
?>
<!-- Welcome Banner -->
<div id="wrapper"></div>
<div class="bant"><img src="<?php bloginfo('template_directory'); ?>/images/1pxtrans.gif" alt=" " /></div>
<div class="banm">
<div class="banner">
<center> <img class="blogicon" src="<?php bloginfo('template_directory'); ?>/images/blogicon.png" alt="Blog Icon" /></center>
<?php
$blog_title = get_bloginfo();
if ($blog_title==""){echo '';}
else {echo '<h1><a href="'.get_bloginfo('url').'">'.$blog_title.'</a></h1>';}
?>
<div class="blogdesc"><?php bloginfo('description'); ?></div>
</div>
</div>
<div class="banb"><img src="<?php bloginfo('template_directory'); ?>/images/1pxtrans.gif" alt=" " /></div>
<hr class="rule" />

<!--[if gte IE 5.5]>
<![if lt IE 7]>
<div class="bant"><img src="<?php bloginfo('template_directory'); ?>/images/1pxtrans.gif" alt=" " /></div>
<div class="banm">
<div class="banner">
<h4 class="ie6">
<?php _e('You are using Internet Explorer 6, or older. We highly suggest that you seek out an alternative or newer web browser, to bring your web surfing experience up to current standards.','inanis');?>
</h4>
</div>
</div>
<div class="banb"><img src="<?php bloginfo('template_directory'); ?>/images/1pxtrans.gif" alt=" " /></div>
<![endif]>
<![endif]-->

Ich bedanke mich schon mal!
Tom

 

[Maik]

Hi,

interessante Methode, mittels des Conditional Comments den HTML-Code für den IE (<7) zu wiederholen, um in diesem Codesnippet den Seitenbesucher von seinem genutzten Browser abzuraten :suspekt:

Dein Problem, das nichts mit PHP zu tun hat, ist im CSS-Forum besser aufgehoben, denn die Ursache ist die float:left-Deklaration für .blogicon.

mfg Maik

 

[Freakt]

Naja ich habe da eigentlich so gut wie gar nichts gemacht das ist mehr oder weniger so ein Baukasten
und mit IE habe ich da nichts reingeschrieben ^^

Aber bitte wo steht: float:left-Deklaration für .blogicon ... das denn?
Ich finde das nicht :-(

 

[Maik]

Dann werf mal einen Blick in das Stylesheet http://www.kitebuggy-friends.de/wp-content/themes/inanis-glass/style.css:

.blogicon{float:left; margin:0 8px 0 0}

mfg Maik

 

[Freakt]

und wie kann ich das ändern?
Ich meine bei diesem Baukasten habe ich auf dieses css doch gar kein Zugriff oder?
Und wie wäre der Befehl dazu?

 

[Maik]

Wieso solltest du keinen Zugriff auf dieses Stylesheet haben?

Diese Deklaration gehört entfernt, wenn das Grafikelement horizontal zentriert werden soll.

mfg Maik

 

[Freakt]

Naja das geht hier alles Online mit Word Press oder so ähnlich!
Ich kann auf diesen Banner extra zugreifen, das wäre aber dann wieder der Code den ich ganz am Anfang gepostet habe!
Ich weiß deine Hilfe wirklich zu schätzen... habe leider wirklich "0" Ahnung! ^^


Alles klar ich habs gefunden!! Ich denke die, aber noch ganz kurz, was von der Deklaration muß ich denn entfernen?, nur das Left oder die ganze Zeile, bisher sieht die ja so aus: blogicon{float:left; margin:0 8px 0 0}

Edit again: Ich habs, habe das Left einfach durch Center ersetzt

vielen vielen dank,d a wäre ich nie drauf gekommen mit dem css....

Tutorials.de ist in allen Bereichen doch noch das beste Forum
Tom

 

[Maik]

Dann hilft hier nur ein Inline-Style weiter, um besagte Formatierung zu überschreiben:

<img class="blogicon" style="float:none;" src="http://www.kitebuggy-friends.de/wp-content/themes/inanis-glass/images/blogicon.png" alt="Blog Icon" />

//edit: Wie gesagt, float:left gehört aus der Regel entfernt.

mfg Maik

 

[Maik]

Edit again: Ich habs, habe das Left einfach durch Center ersetzt

Einen Wert center gibt es überhaupt nicht für die float-Eigenschaft, sondern:

• left
• right
• none
• inherit

mfg Maik

 

[Freakt]

Naja, kann naürlich sein das es "center" nicht gibt, dennoch ist der Banner bzw. das Bild im Banner nun in der Mitte! Kann vielleicht möglich sein, das durch ein Falscheingabe, in Fall "center" der Befehl automatisch außer Kraft gesetzt wird!
Ich weiß es auch nicht, aber trotzdem noch mal vielen Dank für deine Hilfe Und dann auch so schnell!
Tom