Box aus 4 Grafiken

wurmax

moin,
ich würde meine hp gerne links in boxen unterteilen. Also, das die Links in einer Boch sind. Ich habe eine grafik für die senkrechten seiten und eine für die wagerrechten. ICh steh jetzt nen bissl auf schlauch. den einen winkel hab ich mittels tabellen zusammengefügt gekriegt bei rest haperts. Wie kann ich das machen ?

driver

poste doch mal den quelltext oder den link und beschreib
genau was da falsch is bzw welche boxen du willst...
genau kann ich mir grad nix vorstellen...

oder willst du einfach ne einspaltige tabelle und in jede zeile n link ?

ich bins wurmax

moin,
bin als gast weil ich mein passwort falsch eingegeben habe und mich jetzt ne stunde nit einloggen kann!
hier der quelltext:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Max Homepage-Startseite</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table align="center" border="0" width="660" cellpadding="0" cellspacing="0">


  <tr>
    <td id="header" width="660" height="120">[img]grafiken/Banner.jpg[/img] </td>
  </tr>
  <tr>
   <td width="250" border="0">
   [img]grafiken/Strich.jpg[/img]
  </td>
  </tr>
  <tr>
   <td width="250" border="0">
   [img]grafiken/Strich_senkrecht.jpg[/img]
   <td width="250" border="0">
   [img]grafiken/Strich_senkrecht.jpg[/img]
  </td>
  </tr>
  </table>


</td>
</tr>
</table>
</body>
</html>

Alles anzeigen

driver

öhm... und was genau läuft etz falsch ?

wurmax

ja ich weiß nit wie ich aus diesen 4 teilen ne box machen soll ? ich hab meien vermutungen ausprobiert aber ich kam dann nit weiter. Siehste ja im quelltext wusste nit wie ich das teil unten und rechts machen sollte
denn das rechts ist dann immer nach ganz rechts gegangen. ka warum. deswegen wollt ich hier fragen wie du oder sinst wer hier im forum das machen würde.

driver

hm... ne box... gehts um die box oder die grafik im hintergrund ?

also für ne box würd ich evtl den border auf 1 setzen und dann
evtl noch alles in eine zelle schreiben, so hast auch keine balken zwischen
den menüpunkten...

wurmax

so ich habs jetzt mit diesem queltext probiert. Ich find das sieht ganz logisch aus, aber komischer weise, also trotz Größenangaben und allem ist die grafik unter dem banner nit nur 250 breit sonder komplett durchgezogen.
Hier der Quelltext der html datei:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Max Homepage-Startseite</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table align="center" border="0" width="660" cellpadding="0" cellspacing="0">


  <tr>
    <td id="header" width="660" height="120">[img]grafiken/Banner.jpg[/img] </td>
  </tr>
 <tr width="250" height="20"><td width="250" height"20" id="obereleiste"></td></tr>
<tr><td width="3" height"3" id="linkeseite"></td>
<td width="394" height"3" id="main"></td>
<td width="400" height"3" id="rechteseite"></td></tr>
<tr><td width="400" height"3" id="untereleiste"></td></tr>


  </table>


</td>
</tr>
</table>
</body>
</html>

Alles anzeigen

Quelltext css datei:

Code

body
{
	background
	color:                  #000000;
	margin-left: 		px;
	margin-right: 		0px;
	margin-top:		0px;
	padding: 		0px;
	font-size:		small;
	font-family: 		Verdana,Arial,;
         color:                  #FFFFFF;
         height:			100%;
}
.Schrift
{
         font-size:               small;
         color:                  #AF0000;
}
#header
{
         width:                   660px;
         height:                  120px;
}
a.navi  {background-image:url(grafiken/link_anders.jpg);  background-repeat: repeat;  text-decoration:none; width: 170px; height: 30px; display: block;}
a.navi:visited {background-image:url(grafiken/link_anders.jpg);background-repeat: repeat; text-decoration: none; width: 170px; height: 30px; display: block;}
a.navi:hover  {background-image:url(grafiken/link_normal.jpg); background-repeat: repeat; text-decoration:underline; width: 170px; height: 30px; display: block;}
a.navi:active {background-image:url(grafiken/link_normal.jpg); background-repeat: repeat; text-decoration: none; width: 170px; height: 30px; display: block;}


.navi {
padding-right: 0;
}


.active {
background-image:url(grafiken/link_normal.jpg); background-repeat: repeat; text-decoration: none; width: 170px; height: 30px; display: block;
}


#obereleiste
{
background-image:url(grafiken/Strich.jpg);
width: 250px;
height: 20px;
repeat: no-repeat
}

Alles anzeigen

Hier der Link: http://maxwurm.splithost.de Da seht ihr was ich für eine Leiste meine. Die hab ich auch noch mal in senkrecht und daraus soll ne box entstehn!

driver

des is nicht nur 250 breit weil du oben als breite schonmal 660 angegeben hast.

am besten du machst in des obere (mit den 660) noch ein colspan=2 rein.
und unten machst hinter des 250 noch eine tabellenzelle mit den restlichen 410.

Tags