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

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