logo inn die mitte

[Soccout]

Hier auf meiner Seite soccerstylez.com würde ich gerne das logo oben in der Mitte haben, aber ich kriege es nicht hin, was muss ich verändern

hier auszug aus overall_header.html, glaub daran liegts

Code: Alles auswählen

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters))
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }   
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

[/code]

[franki]

Das ist aber nicht die ganze overall_header.html
Welcher Style ist es denn?

[JFooty]

Hallo Soccout!

Ersetze mal:

Code: Alles auswählen

<div id="logodesc">
<table width="100%" cellspacing="0">
<tbody><tr><td>
<a href="./index.php?sid=56fdd5fa505373df553eb76c4546df09">
<img width="480" height="80" title="" alt="" src="./styles/X-Treme/imageset/site_logo.png"/></a>
</td>
<td width="100%" align="center"><h1/><span class="gen"/></td>
</tr></tbody></table>
</div>

damit:

Code: Alles auswählen

<div id="logodesc" align="center">
<a href="./index.php?sid=56fdd5fa505373df553eb76c4546df09"><img width="480" height="80" title="" alt="" src="./styles/X-Treme/imageset/site_logo.png"/></a></div>

Das sollte eigentlich dein Problem beheben und das Logo in die Mitte rücken.

//edit: natürlich in der overall_header.html

[Soccout]

hmm habe ich gemacht, klappt leider dennoch nicht

[franki]

Dein Logo als site_logo.png abspeichern in style/x-Treme/imageset/

Code: Alles auswählen

                         <div id="logodesc">
		                    <table width="100%" cellspacing="0">
		                        <tr>
			                     <td><a href="./index.php?sid=56fdd5fa505373df553eb76c4546df09">{SITE_LOGO_IMG}</a></td>
			                     <td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
		                        </tr>
		                    </table>
	                  </div>

Nach der Änderung Cache leeren

[Soccout]

top jez hats geklappt


danke dir vielmals

[Soccout]

hmm fuck jetzt ist des in der mitte aber ich will des nun vergrößern wie geht das, also mit photoshop habe ichs ja schon gemacht, aber auf der site bleibts dann gleich groß

[JFooty]

... aber auf der site bleibts dann gleich groß

Das ist auch kein Wunder. Denn mit

Code: Alles auswählen

<div align="center" id="logodesc"><img width="480" height="80" src="./styles/X-Treme/imageset/site_logo.png" alt="" title=""/>

wird die Anzeigegröße des Bildes unabhängig von der Originalgröße festgelegt. Versuche z. B. mal

Code: Alles auswählen

width="480" height="80"

durch

Code: Alles auswählen

width="100%" height="80"

zu ersetzen. Dann wird das Bild so breit angezeigt, wie es die Tabellenzelle zulässt. Bei

Code: Alles auswählen

height="80"

kannst du auch den Wert (ohne%)so abändern, bis es dir gefällt.

Nach der Änderung Cache leeren

... natürlich nicht vergessen.
//edit: In der css.datei sehe ich auch noch folgendes

Code: Alles auswählen

#logodesc {background:transparent none repeat scroll 0%;
border-bottom:0px solid #4787A7;
padding:2px 25px;
position:relative;}

Eventuell solltest du noch die padding-Werte anpassen.

[franki]

Dann sehe der Code so aus

Code: Alles auswählen

       <div id="logodesc"> 
              <table width="100%" cellspacing="0"> 
             <tr> 
            <td><a href="./index.php?sid=56fdd5fa505373df553eb76c4546df09"><img width="100%" height="80" src="./styles/X-Treme/imageset/site_logo.png" alt="" title=""/></a></td> 
            <td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td> 
            </tr> 
            </table> 
         </div>

Code:
height="80"
kannst du auch den Wert (ohne%)so abändern, bis es dir gefällt.

[Soccout]

danke euch vielmals