• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

5 Spalten: Zellen verbinden Nur wie?

Status
Für weitere Antworten geschlossen.
T

team-lpinside

Neues Mitglied
Erst einmal ein Hallo an alle Threadlesenden!

Ich habe folgendes Problem: Ich habe eine Homepage mit drei Teilen gebastelt. Diese Teile habe ich unterschiedliche Spalten einer Tabelle gepackt. Dadurch passen sich diese Spalten aber leider auch dem jeweils größten <td>-Element an. Ich brauche aber unabhängige Spalten, die sich dynamisch vergrößern bzw. verkleinern. Ich habe es schon mit der Zellenverbindung versucht, habe es aber nicht geschafft. Hier sind mal die Codes:

unveränderter Code:
HTML: 
<html>
<head>
<title>Demon Hunter Access | <?php echo $news; ?></title>
<meta name="keywords" lang="de" content="Demon Hunter 2008, Demon Hunter Access, Ryan Clark, Don Clark, Ethan Luck, Jon Dunn, Timothy Watts, Yogi, Storm The Gates Of Hell, The Triptych, Summer Of Darkness, Undying, 1000 Apologies, Fading Away, Carry Me Down, The Gauntlet, Storm The Gates Of Mercy, I Am You, Incision, Follow The Wolves, Fiction Kingdom, The Wrath Of God, Thorns, No Reason To Exist, Grand Finale, Infected, Not I, Undying Tour, Ribcage, The Tide Began To Rise, Not Ready To Die, Less Than Nothing, Demon Hunter Lyrics, Demon Hunter Songtexte, Ryan Clark Biografie, Don Clark Biografie, Jon Dunn Biografie, Ethan Luck Biografie, Timothy Watts Biografie, Stronger Than Hell Tour, Demon Hunter Fanpage, Demon Hunter Community, Demon Hunter Access Board, Demon Hunter Info, Demon Hunter Board, Demon Hunter Forum, Demon Hunter Konzert, Diskografie Demon Hunter, Videografie Demon Hunter, Demon Hunter Downloads, MTV Headbangers Ball, Jesse Sprinkle">
<meta name="description" content="Die erste Fanpage der Band Demon Hunter. Alle Biografien, brandheiße News sowie ein Forum erwarten euch bei einem Besuch. Sei ein Teil einer Revolution und der größten deutschen Demon Hunter Community">
<meta name="language" content="German, de, deutsch">
<meta name="author" content="Demon Hunter Access">
<meta name="publisher" content="Demon Hunter Access">
<meta name="copyright" content="Demon Hunter Access">
<meta name="revisit-after" content="after 20 days">
<meta name="page-type" content="Fanpage">
<meta name="page-topic" content="Demon Hunter">
<meta name="audience" content="alle">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<link rel="stylesheet" href="style.css">
<!-- COPYRIGHT by Demon Hunter Access-->
<!-- Bei Bedarf des Quelltextes oder der Grafiken kann über das Kontaktformular nachgefragt werden -->
</head>

<body bgcolor="#1d1d1d">
<center>
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td><img src="http://www.html.de/images/header.jpg" border="0" alt="Header"></td>
	</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="45">
	<tr>
		<td bgcolor="#545454">&nbsp;</td>
	</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#353535" height="x">
	<tr>
		<td><?php include ("side_l.tpl"); ?></td>
		<td width="6"></td>
		<td><?php include ("content.tpl"); ?></td>
		<td width="6"></td>
		<td><?php include ("side_r.tpl"); ?></td>
	</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td><img src="http://www.html.de/images/footer.png"></td>
	</tr>
</table>
</body>
</html>

Code mit Zellenverbindung:
HTML: 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="45">
	<tr>
		<td bgcolor="#545454">&nbsp;</td>
	</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#353535" height="x">
	<tr>
		<td rowspan="2"><?php include ("side_l.tpl"); ?></td>
		<td width="6"></td>
		<td><?php include ("content.tpl"); ?></td>
		<td width="6"></td>
		<td><?php include ("side_r.tpl"); ?></td>
	</tr>
	<tr>
		<td></td>
	</tr>
</table>
Die .tpl Dateien sind die Files, die eine eigene Zelle bekommen sollen.

Hier ist auch noch mal der Link: Demon Hunter Access |

Ich würde mich über ein paar Lösungsvorschläge freuen. Divs wollte ich für das Grundgerüst eigentlich nicht nutzen, wenn sich dies aber nicht vermeiden lässt, wäre eine Verwendung auch nicht schlimm.

MfG
team-lpinside
 
Werbung:
team-lpinside schrieb:
Ich habe eine Homepage mit drei Teilen gebastelt. Diese Teile habe ich unterschiedliche Spalten einer Tabelle gepackt. Dadurch passen sich diese Spalten aber leider auch dem jeweils größten <td>-Element an. Ich brauche aber unabhängige Spalten, die sich dynamisch vergrößern bzw. verkleinern.
Zum Vergrößern anklicken....
Du verwendest eine Tabelle, obwohl Du keine brauchst, ärgerst Dich dann aber, dass sich die Tabelle verhält, wie eine Tabelle.
Das ist so, wie wenn Du Dir ein Auto kaufst, damit ins Meer fährst, und Dich ärgerst, wieso es nicht schwimmt und fragst uns, wie Du Dein Auto umbauen kannst, damit es schwimmt.
Warum also kaufst Du Dir kein Boot?

Divs wollte ich für das Grundgerüst eigentlich nicht nutzen, wenn sich dies aber nicht vermeiden lässt, wäre eine Verwendung auch nicht schlimm.
Zum Vergrößern anklicken....
Nein, sowas macht man ja auch nicht. Genausowenig, wie man eine Tabelle für das Layout nimmt.
Man nutzt HTML in seinem wirklichen Sinne für die Basis, d.h. man zeichnet seinen Inhalt logisch aus (Semantik!). Hin und wieder, zum Gruppieren mehrerer Elemente zwecks gemeinsamer Formatierung mit CSS, verwendet man auch mal das ein oder andere <div>. Aber ein Mittel zum Layout ist das allgemeine Blockelement nicht.
Man zeichnet Überschriften als solche aus, Adressen, Textabsätze, Listen, wichtige Textpassagen usw. Dazu ist HTML. Mit dem Aussehen oder Layout hat das noch nichts zu tun. Das kommt auf die fertige Struktur mit CSS.

Gruß,
-Efchen
 
Werbung:
Was genau?
Es ist alles nicht unglaublich schwer, aber es ist ne Menge Arbeit.
Anfangen solltest Du mit sauberem HTML.
 
Aber der Code mit der Zellenverbindung geht eigetnlich recht gut. Also die linke und rechte Seite waren auf gleicher Höhe, gäbe es auch noch eine Möglichkeit die Spalte "content.tpl" mit so einer Zelle zu versehen, auch wenn es nicht ganz sauber ist.
Ich habe meine modifizierte index.php Datie auch mal hochgeladen (einfach auf den Link klicken) dann kann mein Problem vielleicht besser nachvollziehen.

Trotzdem schon mal danke für deine Hilfe.

EDIT:
Mir fällt auf, dass side_l.tpl auch noch eine leere Zelle brkommen müsste damit sich das auch dynamisch verändert.
 
schau dir das mal an

Code: 
<html>
<head>
<style>

        body   { 
            background-color: #545454;
            }

        #over     {
            height: 50em;
            width: 65em;
            margin: 10px auto;
            border: #000000 2px solid;
            }

        #main   {
            height: 100%;
            width: 30em;
            margin: 0px auto;
            border: #000000 2px solid;
            }

        #side1 {
              float: left;
              margin-left: 15px;
              width: 15em;
              height: 45em;
            border: #000000 2px solid;
            }


        .vid {
            display: block; 
            height: 5em; 
            margin-top: 20px;
            border: #000000 2px solid;
            }

        .termin {
            display: block; 
            height: 5em; 
            margin-top: 20px;
            border: #000000 2px solid;
            }

        .shout {
            display: block; 
            height: 5em; 
            margin-top: 20px;
            border: #000000 2px solid;
            }

        #side2 {
              float: right;
              margin-right: 15px;
              width: 15em;
              height: 45em;
            border: #000000 2px solid;
            }


        .stats {
            display: block; 
            height: 5em; 
            margin-top: 20px;
            border: #000000 2px solid;
            }

        .minigal {
            display: block; 
            height:5em; 
            margin-top: 20px;
            border: #000000 2px solid;
            }

        .links {
            display: block; 
            height: 5em; 
            margin-top: 20px;
            border: #000000 2px solid;
            }
</style>
</head>

<body>

<div id="over">

<h6><img src="http://lpterritory.lp.funpic.org/dha_v.2.0/images/header.jpg" /></h6>

    <div id="side1">
        <p class="vid"> vid     </p>
        <p class="termin"> termine     </p>
        <p class="shout">    shoutbox  </p>        
    </div>


    <div id="side2">
        <p class="stats">   stats   </p>
        <p class="minigal">   minigalerie   </p>
        <p class="links">   links   </p>
    </div>

    <div id="main"> mainfenster 
    </div>

</div>

</body>

</html>
viel spass..

sry das ich keinen passenden namen für die side1 und side2 gefunden hab, aber ist au net meine seite...ka was dabei sich gedacht wird *grmml*
 
Werbung:
Hey super ;Jump! Vielen Dank, dass du dir so viel Mühe gegeben hast. Mir ist gerade auch aufgefallen, dass man das gar nicht anders lösen kann ;).
Nunja ich werde den Code noch ein bisschen umschreiben, damit er dann ganz passt, scheint aber wirklich zu funktionieren.

Wenn ich Probleme haben sollte, melde ich mich noch einmal.
 
such dir erstmal dein passenden doctype und erstelle noch eine .css-datei. den rest kannst du ja dann alles machen (denke das sollte sich dadrauß ableiten können), das grundgerüst dafür hast du ja jetzt.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben