Seite 1 von 3
Probleme bei der grafischen Anpassung
Verfasst: 12.03.2006 12:27
von 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!
Verfasst: 12.03.2006 12:31
von 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
Verfasst: 12.03.2006 12:36
von 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?
Verfasst: 12.03.2006 12:48
von 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.
Verfasst: 12.03.2006 12:56
von FarmerJohn
Wenn ich mich nicht sehr täusche, soll ich den Code durch den selben ersetzen?
Ich glaube du hast den falschen Ersetzungscode reinkopiert...
Verfasst: 12.03.2006 12:57
von Valerie Raghnall
nein, das ist schon richtig, da ist nur ein <br> mit drin, das man leicht übersehen kann
Verfasst: 12.03.2006 13:01
von 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...
Verfasst: 12.03.2006 13:06
von 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
Verfasst: 12.03.2006 13:08
von 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
Verfasst: 12.03.2006 13:13
von 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> <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 -->
<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>
<!-- END switch_user_logged_out -->
<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> <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> <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 -->
<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>
<!-- END switch_user_logged_out -->
<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> <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.