Probleme bei der grafischen Anpassung

[FarmerJohn]

Hallo,

bin gerade dabei mein Template grafisch anzupassen, jedoch bekomme ich zwei Sachen nicht in den Griff.

Das Forum soll auf eine Fix-Breite von 740px, das war auch kein Problem, jedoch habe ich jetzt noch einen häßlichen Strich durchs Forum, den ich nicht wegbekomme, seht selbst:
http://www.homepages4u.net/escforum

Zwischen dem Header und dem Body scheint noch irgendwie eine Tabellenzeile oder ähnliches in Backgroundcolor zu sein, habe aber keinen blassen Schimmer, wie ich es wegbekomme.


Mein 2. Problem:
Habe alle Sachen soweit angepasst, jedoch passt die Bestätigungsbox ("Information") nach hinzugefügten Beiträgen noch nicht, wo kann ich davon die Breite anpassen?

Für eure Hilfe schon mal vielen Dank!

[Valerie Raghnall]

hi,

versuch mal folgendes...

öffne die overall_header.tpl und ändere

Code: Alles auswählen

<td height="200"><a href="{U_INDEX}"><img src="http://www.homepages4u.net

auf

Code: Alles auswählen

<td><a href="{U_INDEX}"><img src="http://www.homepages4u.net

(also die height angabe rausnehmen)

und dann

Code: Alles auswählen

<table width="100%" border="0" align="center" cellpadding="2" cellspacing="0">

ändern zu

Code: Alles auswählen

<table width="100%" border="0" align="center" cellspacing="0">

(also das cellpadding rausnehmen. ich kann darauf jetzt zwar nicht schwören, aber versuch mal

[FarmerJohn]

Danke für die schnelle Antwort, jedoch haben die beiden Änderungen nichts bewirkt...

Übrigens im IE sieht es noch schlimmer aus, als im Firefox...

Vielleicht noch andere Ideen?

[Valerie Raghnall]

hi,

hmmm... also ich hab interessanterweise die striche weg, wenn ich die neuen table definitionen nicht in einer neuen zeile habe. das klingt blöd, aber so manches internetproblem ist das ja auch *g* ansonsten fällt mir jetzt keine lösung ein... außer vielleicht die setzung der variablen zu überprüfen... laut deinem code hast du nämlich die tabelle für die navi direkt hinter das bild gepackt...


jap, da scheint das problem zu sein...

suche:

Code: Alles auswählen

<td><a href="index.php"><img src="http://www.homepages4u.net/escforum/templates/subSilver/images/kubrickheader.jpg" width="740" height="190" border="0"></a>
				  <table width="100%" border="0" align="center" cellspacing="0">

und ersetze das durch

Code: Alles auswählen

<td><a href="index.php"><img src="http://www.homepages4u.net/escforum/templates/subSilver/images/kubrickheader.jpg" width="740" height="190" border="0"></a><br>
				  <table width="100%" border="0" align="center" cellspacing="0">

das sollte den ersten strich löschen.

[FarmerJohn]

Wenn ich mich nicht sehr täusche, soll ich den Code durch den selben ersetzen?

Ich glaube du hast den falschen Ersetzungscode reinkopiert...

[Valerie Raghnall]

nein, das ist schon richtig, da ist nur ein <br> mit drin, das man leicht übersehen kann

[FarmerJohn]

Oh stimmt. Sorry, tatsächlich übersehen...

Mit dem <br> ist im IE immerhin der eine blaue Balken weg, jedoch ist sowohl im IE, Firefox als auch Opera noch immer ein Balken da.

Ich verzweifel langsam echt...

[Valerie Raghnall]

immer mit der ruhe
den ersten blauen balken haben wir in allen browsern weg (hab ich grade angeguckt) den zweiten kriegen wir auch noch los

[FarmerJohn]

Es ist eh fürchterlich, dass man für eine vernünftige Darstellung in allen Browsern tausende Work-Arounds machen muss, weil jeder Browser den Code anders interpretiert.

Warum können die nicht einfach das CSS alle identisch interpretieren...

Aber dann hätte man Sonntags nachmittag ja nichts zu tun

[Valerie Raghnall]

glaub mir... du bist nicht allein mit dieser frage versuchen wir mal das:

suche:

Code: Alles auswählen

</a><br>
				  <table width="100%" border="0" align="center" cellspacing="0">
					<tr> 
						<td height="30" align="center" valign="bottom" nowrap="nowrap" background="http://www.homepages4u.net/escforum/templates/subSilver/images/kubricksubheader.gif"><div align="center"><span class="mainmenu"><a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>
			            <!-- BEGIN switch_user_logged_out -->
					    &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
					    <!-- END switch_user_logged_out -->
				      &nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;&nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a></span></div></td>
					</tr>
			  </table></td>

und ersezte das durch:

Code: Alles auswählen

 			<tr> 
				<td><a href="index.php"><img src="http://www.homepages4u.net/escforum/templates/subSilver/images/kubrickheader.jpg" width="740" height="190" border="0"></a></td>
			</tr>
			<tr> 
				<td height="30" align="center" valign="bottom" nowrap="nowrap" background="http://www.homepages4u.net/escforum/templates/subSilver/images/kubricksubheader.gif"><div align="center"><span class="mainmenu"><a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>
			    <!-- BEGIN switch_user_logged_out -->
				&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
				<!-- END switch_user_logged_out -->
				&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;&nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a></span></div></td>
			</tr>

das macht noch nicht unbedingt den strich weg, aber es bereinigt den code. mal sehen was dabei rauskommt.