html - Menu som udvikleren - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #9828 @ 22.04.06 09:43

Hej folkens

Jeg sidder lige og arbejder på en startside som skal op på nettet, men jeg er har et problem.

Jeg har arbejdet mig frem til denne kode:

Kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
	<TITLE>Din startside!</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#000000">

<center>
<FONT FACE="Trebuchet MS"><table bordercolor="#008800" style="BORDER-COLLAPSE: collapse" border="1" width="800">
  <tr>
    <td height="100" colspan="3">Logo</td>
  </tr>
  <tr>
		<td width="130" height="430">Menu1</td>
    <td width="400" height="430">Main</td>
		<td width="130" height="430">Menu2</td>
  </tr>
</table></FONT>
</center>

</BODY>
</HTML>

Problemet er at jeg vil placerer en tabel inde i "Menu1" og "Menu2" hvor der skal være en lille overskift ligesom der er her på siden. Eks. "Teknologier"

Men når jeg placerer mine tabel der så ligger teksten midt nede på siden, og den tabel som tabelen er placeret i bliver større end de 130 som jeg har tilladt den

Nogen der kan hjælpe?

6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #8223 @ 22.04.06 11:34

1.065

Kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
	<TITLE>Din startside!</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">

<STYLE>
.menuoverskrift{

	width: 99%;
	border: 1px solid #008800;
	background: silver;
	color: white;

	}
</STYLE>

</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#000000">


<FONT FACE="Trebuchet MS"><table bordercolor="#008800" style="BORDER-COLLAPSE: collapse" border="1" width="800" align="center">
  <tr>
    <td height="100" colspan="3">Logo</td>
  </tr>
  <tr>
		<td width="130" height="430" valign="top">
<table style="BORDER-COLLAPSE: collapse" border="0" width="130">

	<tr><td><div class="menuoverskrift">Menuoverskrift</div></td></tr>
	<tr><td>Menupunkt</td></tr>
	<tr><td>Menupunkt</td></tr>
	<tr><td>Menupunkt</td></tr>
	<tr><td>Menupunkt</td></tr>
	<tr><td>Menupunkt</td></tr>

	<tr><td><div class="menuoverskrift">Menuoverskrift</div></td></tr>
	<tr><td>Menupunkt</td></tr>
	<tr><td>Menupunkt</td></tr>
	<tr><td>Menupunkt</td></tr>
	<tr><td>Menupunkt</td></tr>
	<tr><td>Menupunkt</td></tr>

</table>


		</td>


    <td width="540" height="430" valign="top">Main</td>
		<td width="130" height="430" valign="top">Menu2</td>
  </tr>
</table></FONT>


</BODY>
</HTML>

hvad jeg har ændret:

jeg har sat dine td's til valign="top" for at undgå at teksten placeres midt på siden. Dernæst har jeg lavet en class ved navn "menuoverskrift" til at bestemme udseendet af dine menu-hovedpunkter. Du kan selv lave om på det så det ser ud som du vil have det. Du kan også bruge CSS til at lave om på udseendet af indholdsspalten, menupunkter etc.

derudover har jeg sat din table til align="center" istedet for at bruge <center> tagget, da det i nogle browsere ikke kun vil centrere din table, men også teksten i den.

Og som et forslag til forbedring kunne det være en idé at sænke font-sizen en smule. Og brug CSS istedet for <FONT></FONT> før og efter table. Det er meget mere brugbart.

http://www.sikker-hansen.dk/tjk.html - hvordan det ser ud

Indlæg senest redigeret d. 22.04.2006 11:36 af Bruger #8223

Bruger #9828 @ 22.04.06 11:38

Per Sikker Hansen > Tak
Har overvejet det med CSS, men føler mig ikke helt rustet til det endnu + at der hvor jeg vil ligge mit site om kun understætter HTML

Men regner med at finde en bedre host, og derved gøre min side dynamisk med PHP og en MySQL database. I v. 2 til jeg derfor klart tage CSS med

Men tusind tak

Bruger #8223 @ 22.04.06 11:42

1.065

CSS understøttes skam af alle hosts, vil jeg med 99,9% sikkerhed garantere dig for, eftersom CSS er noget der fortolkes af browseren, og ikke af serveren

Desuden er CSS pærenemt, når man lige har brugt de første 10-15 minutter på at sætte sig ind i det. Men selv tak ^^

Bruger #9828 @ 22.04.06 13:03

Per Sikker Hansen > Glemte det

Fordi at jeg helst vil bruge SSI til at include den.
Kan man include den på en anden måde?

Bruger #9828 @ 22.04.06 13:15

Nu har jeg så den her kode:

Kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
	<TITLE>Din startside!</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">

<STYLE>
.menuoverskrift{

	width: 99%;
	border: 1px solid #000000;
	background: darkred;
	color: white;

	}
</STYLE>

</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#000000">


<FONT SIZE="2" FACE="Trebuchet MS"><table bordercolor="#000000" style="BORDER-COLLAPSE: collapse" border="1" width="800" align="center">
  <tr>
    <td height="100" colspan="3">Logo</td>
  </tr>
  <tr>
		<td width="130" height="430" valign="top">
<table style="BORDER-COLLAPSE: collapse" border="0" width="130">

	<tr><td><div class="menuoverskrift"><b>Nyttige</b></div></td></tr>
	<tr><td><A HREF="http://www.arto.dk" TARGET="_blank">Arto.dk</A></td></tr>
	<tr><td><A HREF="http://www.html.dk" TARGET="_blank">Html.dk</A></td></tr>
	<tr><td><A HREF="http://www.webcafe.dk" TARGET="_blank">Webcafe.dk</A></td></tr>
	<tr><td><A HREF="http://www.kortlink.dk" TARGET="_blank">Kortlink.dk</A></td></tr>
	<tr><td><A HREF="http://www.qxl.dk" TARGET="_blank">QXL.dk</A></td></tr>
	<tr><td><A HREF="http://www.microsoft.dk" TARGET="_blank">Microsoft.dk</A></td></tr>
	<tr><td><A HREF="http://update.microsoft.com/microsoftupdate/v6/default.aspx?ln=da-dk" 		TARGET="_blank">Microsoft Update</A></td></tr>
	<tr><td><A HREF="http://www.apple.com/dk/macosx/" TARGET="_blank">Mac</A></td></tr>
	<tr><td><A HREF="http://rejseplanen.dk/" TARGET="_blank">Rejseplanen.dk</A></td></tr>

	<tr><td><div class="menuoverskrift"><b>Mail-sites</b></div></td></tr>
	<tr><td><A HREF="http://www.gmail.com" TARGET="_blank">Gmail.com</A></td></tr>
	<tr><td><A HREF="http://www.acmilan.dk/portal/page.php?url2=http://webmail02.talkactive.net/src/login.php" TARGET="_blank">Acmilan.dk(Webmail)</A></td></tr>
	<tr><td><A HREF="http://www.sol.dk" TARGET="_blank">Sol.dk</A></td></tr>
	<tr><td><A HREF="http://www.tdconline.dk" TARGET="_blank">Tdconline.dk</A></td></tr>
	<tr><td>

	<tr><td><div class="menuoverskrift"><b>Downloads</b></div></td></tr>
	<tr><td><A HREF="http://www.download.dk" TARGET="_blank">Download.dk</A></td></tr>
	<tr><td><A HREF="http://www.download.com" TARGET="_blank">Download.com</A></td></tr>
	<tr><td><A HREF="http://www.tucows.com" TARGET="_blank">Tucows.com</A></td></tr>
	</td></tr>

</table>


		</td>


    <td width="540" height="430" valign="top">Main</td>
		<td width="130" height="430" valign="top">Menu2</td>
  </tr>
</table></FONT>


</BODY>
</HTML>

Hvordan laver jeg så den samme menu i den anden side?

Bruger #8223 @ 22.04.06 13:33

1.065

du inkluderer et stylesheet meget simpelt med

Kode

<LINK rel="stylesheet" HREF="/stylesheetnavn.css">

i dit <HEAD> element.

Hvordan du får den samme menu over i den anden side? Du kopierer da bare den ene menu over til den anden

altså

Kode

<table style="BORDER-COLLAPSE: collapse" border="0" width="130">

	<tr><td><div class="menuoverskrift"><b>Nyttige</b></div></td></tr>
	<tr><td><A HREF="http://www.arto.dk" TARGET="_blank">Arto.dk</A></td></tr>
	<tr><td><A HREF="http://www.html.dk" TARGET="_blank">Html.dk</A></td></tr>
	<tr><td><A HREF="http://www.webcafe.dk" TARGET="_blank">Webcafe.dk</A></td></tr>
	<tr><td><A HREF="http://www.kortlink.dk" TARGET="_blank">Kortlink.dk</A></td></tr>
	<tr><td><A HREF="http://www.qxl.dk" TARGET="_blank">QXL.dk</A></td></tr>
	<tr><td><A HREF="http://www.microsoft.dk" TARGET="_blank">Microsoft.dk</A></td></tr>
	<tr><td><A HREF="http://update.microsoft.com/microsoftupdate/v6/default.aspx?ln=da-dk" 		TARGET="_blank">Microsoft Update</A></td></tr>
	<tr><td><A HREF="http://www.apple.com/dk/macosx/" TARGET="_blank">Mac</A></td></tr>
	<tr><td><A HREF="http://rejseplanen.dk/" TARGET="_blank">Rejseplanen.dk</A></td></tr>

	<tr><td><div class="menuoverskrift"><b>Mail-sites</b></div></td></tr>
	<tr><td><A HREF="http://www.gmail.com" TARGET="_blank">Gmail.com</A></td></tr>
	<tr><td><A HREF="http://www.acmilan.dk/portal/page.php?url2=http://webmail02.talkactive.net/src/login.php" TARGET="_blank">Acmilan.dk(Webmail)</A></td></tr>
	<tr><td><A HREF="http://www.sol.dk" TARGET="_blank">Sol.dk</A></td></tr>
	<tr><td><A HREF="http://www.tdconline.dk" TARGET="_blank">Tdconline.dk</A></td></tr>
	<tr><td>

	<tr><td><div class="menuoverskrift"><b>Downloads</b></div></td></tr>
	<tr><td><A HREF="http://www.download.dk" TARGET="_blank">Download.dk</A></td></tr>
	<tr><td><A HREF="http://www.download.com" TARGET="_blank">Download.com</A></td></tr>
	<tr><td><A HREF="http://www.tucows.com" TARGET="_blank">Tucows.com</A></td></tr>
	</td></tr>

</table>

kopierer du over i din anden menu-td

Menu som udvikleren

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler