ilch Forum » Ilch Clan 1.1 » Design und Templates » Design Endlos machen

Geschlossen
  1. #1
    User Pic
    floogie008 Mitglied
    Registriert seit
    06.10.2006
    Beiträge
    37
    Beitragswertungen
    0 Beitragspunkte
    Ich habe ein Design für ilch 1.1 erstellt, doch ich hab keine Ahnung wie man es endlos weiter laufen lässt.
    Bei mir verschieb sich immer alle Grafiken nach unten wenn der Inhalt zu groß wird, so das weiße felder entstehen.

    mein html code sieht wie folgt aus
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>{title}<title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body bgcolor="#FFFFFF">
    <!-- ImageReady Slices (ICQ.psd) -->
    <table id="Tabelle_01" width="981" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="8" rowspan="2">
    			<img id="ICQ_01" src="images/ICQ_01.png" width="697" height="222" alt="" /></td>
    		<td colspan="6">
    			<img id="ICQ_02" src="images/ICQ_02.png" width="283" height="188" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="188" alt="" /></td>
    	</tr>
    	<tr>
    		<td colspan="3">
    			<img id="ICQ_03" src="images/ICQ_03.png" width="133" height="34" alt="" /></td>
    		<td colspan="3">
    			<img id="ICQ_04" src="images/ICQ_04.png" width="150" height="34" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="34" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="23">
    			<img id="ICQ_05" src="images/ICQ_05.png" width="6" height="746" alt="" /></td>
    		<td>
    			<img id="ICQ_06" src="images/ICQ_06.png" width="138" height="37" alt="" /></td>
    		<td rowspan="2">
    			<img id="ICQ_07" src="images/ICQ_07.png" width="21" height="67" alt="" /></td>
    		<td colspan="9" background="images/ICQ_08.png">
    			<font size="1">{HMENU}</font></td>
    		<td>
    			<img id="ICQ_09" src="images/ICQ_09.png" width="138" height="37" alt="" /></td>
    		<td rowspan="21">
    			<img id="ICQ_10" src="images/ICQ_10.png" width="6" height="715" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="37" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="2" background="images/ICQ_11.png" align="left" valign="top">
    			<font size="1">{_list_menunr1@%1%2}</font></td>
    		<td>
    			<img id="ICQ_12" src="images/ICQ_12.png" width="129" height="30" alt="" /></td>
    		<td>
    			<img id="ICQ_13" src="images/ICQ_13.png" width="133" height="30" alt="" /></td>
    		<td>
    			<img id="ICQ_14" src="images/ICQ_14.png" width="132" height="30" alt="" /></td>
    		<td>
    			<img id="ICQ_15" src="images/ICQ_15.png" width="133" height="30" alt="" /></td>
    		<td colspan="2">
    			<img id="ICQ_16" src="images/ICQ_16.png" width="128" height="30" alt="" /></td>
    		<td colspan="3">
    			<img id="ICQ_17" src="images/ICQ_17.png" width="16" height="30" alt="" /></td>
    		<td rowspan="2" background="images/ICQ_18.png">
    			<font size="1">{_boxes_login}</font></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="30" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="19" background="images/ICQ_19.png">
    			&nbsp;</td>
    		<td width="658" height="648" colspan="7" rowspan="19" align="left" valign="top">
            <font size="1">{EXPLODE}</font></td>
    		<td colspan="2" rowspan="19" background="images/ICQ_21.png">
    			&nbsp;</td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="58" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img id="ICQ_22" src="images/ICQ_22.png" width="138" height="7" alt="" /></td>
    		<td>
    			<img id="ICQ_23" src="images/ICQ_23.png" width="138" height="7" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="7" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="2">
    			<img id="ICQ_24" src="images/ICQ_24.png" width="138" height="41" alt="" /></td>
    		<td>
    			<img id="ICQ_25" src="images/ICQ_25.png" width="138" height="5" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="5" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="2">
    			<img id="ICQ_26" src="images/ICQ_26.png" width="138" height="37" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="36" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="2" background="images/ICQ_27.png" align="left" valign="top">
    			&nbsp;</td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="1" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="2" background="images/ICQ_28.png">
    			<font size="1">{_boxes_online}</font></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="89" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="2">
    			<img id="ICQ_29" src="images/ICQ_29.png" width="138" height="6" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="1" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="2">
    			<img id="ICQ_30" src="images/ICQ_30.png" width="138" height="10" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="5" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="11" background="images/ICQ_31.png">
    			&nbsp;</td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="5" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img id="ICQ_32" src="images/ICQ_32.png" width="138" height="37" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="37" alt="" /></td>
    	</tr>
    	<tr>
    		<td background="images/ICQ_33.png">
    			<font size="1">{_boxes_lastnews}</font></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="90" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img id="ICQ_34" src="images/ICQ_34.png" width="138" height="10" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="10" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img id="ICQ_35" src="images/ICQ_35.png" width="138" height="37" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="37" alt="" /></td>
    	</tr>
    	<tr>
    		<td background="images/ICQ_36.png">
    			<font size="1">{_boxes_lastforum}</font></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="90" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img id="ICQ_37" src="images/ICQ_37.png" width="138" height="5" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="5" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img id="ICQ_38" src="images/ICQ_38.png" width="138" height="42" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="42" alt="" /></td>
    	</tr>
    	<tr>
    		<td background="images/ICQ_39.png">
    			<font size="1">{_boxes_statistik}</font></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="90" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img id="ICQ_40" src="images/ICQ_40.png" width="138" height="5" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="5" alt="" /></td>
    	</tr>
    	<tr>
    		<td background="images/ICQ_41.png">
    			&nbsp;<p>&nbsp;</td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="35" alt="" /></td>
    	</tr>
    	<tr>
    		<td colspan="13">
    			<img id="ICQ_42" src="images/ICQ_42.png" width="974" height="13" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="13" alt="" /></td>
    	</tr>
    	<tr>
    		<td colspan="13">
    			<img id="ICQ_43" src="images/ICQ_43.png" width="974" height="18" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="1" height="18" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="images/Abstandhalter.gif" width="6" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="138" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="21" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="129" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="133" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="132" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="133" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="5" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="123" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="3" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="7" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="6" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="138" height="1" alt="" /></td>
    		<td>
    			<img src="images/Abstandhalter.gif" width="6" height="1" alt="" /></td>
    		<td></td>
    	</tr>
    </table>
    <!-- End ImageReady Slices -->
    </body>
    </html>

    könnte mir es bitte jemand anpassen oder mir sagen wie es geht???

    P.S. ich bin am verzweifeln:'(


    verwendete ilchClan Version: 1.1
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Jan-E Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    der code hilft eigentlich nicht ... du musst einfach silcen lernen, das ist alles zwinker
    Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Syncronix Mitglied
    Registriert seit
    21.10.2006
    Beiträge
    1.935
    Beitragswertungen
    0 Beitragspunkte
    Lol, er hats doch schon wunderbar gesliced! Ich versteh nicht warum dir der code nix bringt?! Mir hats was gebracht!


    also... die slices, links und rechts neber dem {EXPLODE}, die entfernst du mit entf.. Dann fügst du eine Tabele mit de rjeweiligen bild größe ein: Strg+Alt+T. Danach ganz unten bei eigenschaften noch die bildhöhe eintragen.

    Dann wieder da Bild einfügen mit Strg+Alt+I.

    Das ganze machst du mit den teilen links und rechts neber dem {EXPLODE}. UND der Navigation + Boxen Navigation, sprich: Bild entfernen, Tabelle einfügen, größe anpassen, Bild wieder einfügen.


    Und NICHT DEN {EXPLODE} VERGESSEN, also das bild wo {EXPLODE} drine steht, genauso bearbeiten!


    MfG
    Syncronix
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    floogie008 Mitglied
    Registriert seit
    06.10.2006
    Beiträge
    37
    Beitragswertungen
    0 Beitragspunkte
    dank

    werd es morgen mal gleich versuchen
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Son!c Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    @ Syncronix:

    sry, war zu faul den code durchzulesen zunge
    Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    floogie008 Mitglied
    Registriert seit
    06.10.2006
    Beiträge
    37
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Syncronix

    also... die slices, links und rechts neber dem {EXPLODE}, die entfernst du mit entf.. Dann fügst du eine Tabele mit de rjeweiligen bild größe ein: Strg+Alt+T. Danach ganz unten bei eigenschaften noch die bildhöhe eintragen.

    Dann wieder da Bild einfügen mit Strg+Alt+I.

    Das ganze machst du mit den teilen links und rechts neber dem {EXPLODE}. UND der Navigation + Boxen Navigation, sprich: Bild entfernen, Tabelle einfügen, größe anpassen, Bild wieder einfügen.

    Irgendwie funktionieren bei mir die Tastenkombinationen nicht, verwende frontpage 2000 (glaub mal das es 200 ist)

    kann mir das evtl. bitte jemand anpassen???
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Son!c Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    jap, ich ...vllt zwinker

    Melde dich einfach bei mir in ICQ

    274-121-661
    Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Syncronix Mitglied
    Registriert seit
    21.10.2006
    Beiträge
    1.935
    Beitragswertungen
    0 Beitragspunkte
    Ne... man muss nicht unbedingt die Tasten Combis nehmen, das sind nur die von Dreamweaver, ... aber einfach die funktion in frontPage raussuchen!
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    no2 Mitglied
    Registriert seit
    18.02.2006
    Beiträge
    217
    Beitragswertungen
    0 Beitragspunkte
    warum murkst ihr alle eigentlich noch mit tabellenlayouts rum ?
    Wenn man schön CSS lernt geht das auch ganz ohne Tabellen und das mit einem viertel des codes hier.
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Syncronix Mitglied
    Registriert seit
    21.10.2006
    Beiträge
    1.935
    Beitragswertungen
    0 Beitragspunkte
    Gibst ein Design Tutorial mit CSS?
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    no2 Mitglied
    Registriert seit
    18.02.2006
    Beiträge
    217
    Beitragswertungen
    0 Beitragspunkte
    Ja gibt es und das mehr als genug ^^ In Form eines Buches z.b
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    floogie008 Mitglied
    Registriert seit
    06.10.2006
    Beiträge
    37
    Beitragswertungen
    0 Beitragspunkte
    vielleicht liegt´s ja auch da dran das manche keine Zeit haben um noch richtig css zu lernen

    und ich komm mit html schon nicht richtig klar wie man bei dem Topic wohl merkt zwinker
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten