phpBB.de

Verfasst: **11.01.2008 10:41**

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]

Verfasst: **11.01.2008 11:56**

Das ist aber nicht die ganze overall_header.html

Welcher Style ist es denn?

Verfasst: **11.01.2008 13:30**

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

Verfasst: **11.01.2008 22:10**

hmm habe ich gemacht, klappt leider dennoch nicht

Verfasst: **12.01.2008 01:34**

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

Verfasst: **12.01.2008 08:27**

top jez hats geklappt

danke dir vielmals

Verfasst: **12.01.2008 08:34**

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ß

Verfasst: **12.01.2008 09:29**

Soccout hat geschrieben:... 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.

franki hat geschrieben: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.

Verfasst: **12.01.2008 19:55**

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>

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

Verfasst: **13.01.2008 11:40**

danke euch vielmals

phpBB.de

logo inn die mitte

logo inn die mitte