html

03/05/2010 21:27 xTc°#1
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
03/05/2010 21:31 xNopex#2
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
03/05/2010 21:37 xTc°#3
float? oO und wenn ich ne table mach verschiebt es sich nicht?
03/05/2010 21:48 xNopex#4
Für Float: [Only registered and activated users can see links. Click Here To Register...]

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.
03/05/2010 21:56 xTc°#5
k thx schönes we noch :D
03/07/2010 12:40 Elite*Ruler#6
Quote:
Originally Posted by xNopex View Post
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.
03/10/2010 08:40 socressor#7
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>
03/10/2010 21:14 ClOuDy.#8
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