Logo ohne Rand

[giete]

Hallo,

ich versuche gerade das subsilver2 Theme zu modifizieren und bin dabei auf ein Problem gestoßen, für das ich keine Lösung finde. Mir gelingt es nicht, das Logo ohne Innenenabstand einzubinden. Wenn ich eine Hintergrundfarbe definiere bekomme ich somit immer einen farbigen Rand. Werden mehrere Elemente eingebunden haben diese einen gewissen Abstand zueinander, sind also nicht bündig positioniert.

Zur Veranschaulichung mal ein Bild:

http://sportfotoforum.de/tmp/logo.jpg
Große Bilder bitte nur verlinken - KB:16 - Dr.Death

Kann mir da jemand weiterhelfen?

Schöne Grüße
Giete

[Shuichi]

Sicher, dass du in der CSS alles richtig definiert hast? Oder es liegt eventuell daran, dass das Bild in einer Table ist und somit einen Abstand von links und rechts hat. Am besten postest du mal den Forumlink...

[giete]

Hallo,

das Bild befindet sich in einer Tabelle. Es sollte aber dennoch möglich sein, die Anzeige des Randes zu unterdrücken. Genau das habe ich nämlich bei der phpbb 2.0.22 geschafft, nur bei phpbb3 gelingt mir dies nicht. Ich habe in der Tabelle die Werte für border, cellpadding und cellspacing auf 0 gesetzt und auch die Eigenschaften margin, padding und border in der CSS Datei angepasst. Dennoch ist immer ein Abstand zwischen den Elementen vorhanden. Steht das Bild nicht in einer Tabelle, sondern zum Beispiel in einem div Element, gibt es das Problem nicht. Nur das nützt mir nicht viel, da ich mehrere Elemente in der overall_head gruppieren möchte.

Hier habe ich Änderungen vorgenommen:

stylesheet.css

Code: Alles auswählen

#logodesc {
margin: 0px;
padding: 0px;
background: #3D3D3D;
border: 0;
}

overall_header

Code: Alles auswählen

	<div id="logodesc">
		<table width="100%" cellspacing="0" cellpadding"0" border="0">
		<tr>
			<td><div align="left"><a href="{U_INDEX}"><img src="./styles/subsilver2/logo/logo.jpg" alt=""></a></div></td>
      </tr>
		</table>
	</div>

Leider kann ich im Moment keinen Link zu dem Forum angegeben, da ich es vorerst nur lokal auf dem Rechner installiert habe.

Schöne Grüße
Giete

[JFooty]

@giete: Warum packst du überhaupt das Logo noch einmal extra in eine Tabelle (vor allem mit einer einzigen Zelle)? Das macht keinen Sinn.

Code: Alles auswählen

<div id="logodesc">
<table width="100%" cellspacing="0" cellpadding"0" border="0"> 
<tr>
<td><div align="left"><a href="{U_INDEX}"><img src="./styles/subsilver2/logo/logo.jpg" alt=""></a></div></td>
</tr> 
</table> 
</div>

So sollte es schon reichen:

Code: Alles auswählen

<div id="logodesc" align="left">
<a href="{U_INDEX}"><img src="./styles/subsilver2/logo/logo.jpg" alt=""></a>
</div>

Du bist dir auch sicher, dass der Rand durch den logodesc-div erzeugt wird?

[giete]

Ich habe das Logo in eine Tabelle eingefügt, weil ich später noch weitere Elemente hinzufügen möchte und sich dafür eine Tabellenstruktur am besten eignet. Wenn ich das Logo in ein div Element packe wird kein Rand angzeigt, aber sobald ich eine Tabelle verwende tritt das Problem mit dem Innenabstand auf.

Schöne Grüße
Giete