html

xTc° · 03/05/2010, 21:27

Hi , ich hab ne metin2 hp gemacht mit html codes jetzt wollte ich auf der seite
links ein navi oder wo ich bilder rein machen kann son fenster machen (siehe bild) nur wenn ich da jetzt eins rein mach ist der text unter der navi und das sie eig net gut aus wäre toll wenn mir einer den code sagen könnt gibt auf jedenfall ein thx .

Mfg xTc

xNopex · 03/05/2010, 21:31

Wenn du nur HTML verwendest, musst du eine Tabelle erstellen und in die einzelnen Spalten deine Grafiken /Texte eintragen. Wenn du auch auf CSS zurückgreifst -> float

xTc° · 03/05/2010, 21:37

float? oO und wenn ich ne table mach verschiebt es sich nicht?

xNopex · 03/05/2010, 21:48

Für Float:

Du machst eine Tabelle mit einer Zeile und zwei Spalten. In die Linke Spalte haust du deine Navigation rein und in die Rechte deinen Text. Done.

xTc° · 03/05/2010, 21:56

k thx schönes we noch

Elite*Ruler · 03/07/2010, 12:40

Quote:

Originally Posted by xNopex

Wenn du nur HTML verwendest, musst du eine Tabelle erstellen und in die einzelnen Spalten deine Grafiken /Texte eintragen. Wenn du auch auf CSS zurückgreifst -> float

Jo, das stimmt.
Aber tabellen *sollten* nur noch zur Datendarstellung verwendet werden,
und nicht für das komplette layout. Das hat an sich nur nachteile.
Es zeugt von schlechter programmierung, und die ladezeiten sind länger.
Divs sind die lösung.
Ansonsten für diei seitenspalten: float left/right.
Die sorgen dafür dass der text dann rechts/links vom restlichen text umflossen
wird, was die spalten wirkung hat.
Wenn du noch hilfe brauchst mit html oder css, kannst du mich gern in
icq anschreiben-> guck sig

thx.

socressor · 03/10/2010, 08:40

Also ich mache es immer so das ich einen div erstelle und ihn um einen table herumlege zum positionieren und gegebenenfalls farben ändern etc...

zb so (Wobei ich hier nicht wirklich wert aufs äußere gelegt habe und margin und absolute fehlen ^^:

HTML Code:

<html>
<head>
<title>test</title>
<style type="text/css">
div.nav {
background-color:#000000;
width:200px;
height:200px;
padding:10px;

}

table.class
{

width:180px;
height:180px;
text-align:center;
}
td.class
{
color:#FFFFFF;
text-align:center;
border:1px solid #FFFFFF;
font-size:24px;
}
td.class:hover
{
background-color:#FFFFFF;
color:#000000;
border:1px solid #000000;
}
a.nav
{
text-decoration:none;

}
</style>
</head>
<body>

<div class="nav">
<table align="center" height="184" class="nav">
<tr>
<td width="175" class="class"><a class="nav" href="#">start</a></td>
</tr>
<tr>
<td class="class"><a class="nav" href="#">test</a></td>
</tr>
<tr>
<td class="class"><a class="nav" href="#">Impressum</a></td>
</tr>
</table>
</div>

</body>
</html>

ClOuDy. · 03/10/2010, 21:14

deine logik...ohje. man nimmt keine tabellen! außer bei bestimmten ausnahmen. nur weil du n div drum machst, machts das nich besser. das div drumherum macht, im gegenteil, garkeinen sinn...
besonders bei den 3 links da, was spricht gegen ein einfaches listenelement? viel kompakter, weniger code und für wichtigtuer auch noch barrierefrei