Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Hemsida - Några tips i min kod?

1
Skriv svar
Permalänk
Medlem
●

Hemsida - Några tips i min kod?

Tjenare. har börjat med att titta lite på hemsidor igen då min förra blev ett halv fjasko

så jag har knåpat ihop en ny kod lite snyggare men fortfarande lite skit här o var. inte färdigt alls utan det ska till färg text o bilder senare.

<HTML>
	<HEAD>
		<TITLE>-=Fullmoon=-</TITLE>
	</HEAD>
	
	<BODY BGCOLOR="#000000" TEXT="#000000" LINK="#000000" VLINK="#000000">

		<CENTER>
	
		<TABLE WIDTH="800" CELLPADDING="0" CELLSPACING="0" BORDER="0">
			<TR BGCOLOR="#A9A9A9" HEIGHT="50">

				
				<TD COLSPAN="4"><FONT FACE="Times,Times New Roman"><FONT SIZE="5"><B>  Filmer</B></FONT></FONT></TD>
				
				<TD WIDTH="10"></TD><img src="pics/fullmoona.jpg">
			</TR>
			
			<TR BGCOLOR="#FF0000" HEIGHT="17">
				<TD COLSPAN="4">
					<FONT FACE="Arial,Helvetica,Verdana">
					<FONT SIZE="1">
					>> <A HREF="1.html">test2</A>
					>> <A HREF="2.html">test3</A>
					>> <A HREF="3.html">test4</A>
					>> <A HREF="4.html">test5</A>
					>> <A HREF="5.html">Hem</A>
					
				
			
				<TD ALIGN="RIGHT">
					<FONT FACE="Arial,Helvetica,Verdana">
					<FONT SIZE="1">
				><A HREF="kontakt.html">Kontakt</A>
					</FONT>
				
			
			<TR BGCOLOR="#A9A9A9" HEIGHT="345" VALIGN="TOP">
				<TD WIDTH="10"><IMG SRC="" WIDTH="10" HEIGHT="375"></TD>

				<TD WIDTH="340"><IMG SRC="" WIDTH="340" HEIGHT="270"><BR>
					<FONT FACE="Arial,Helvetica,Verdana">
					<FONT COLOR="#A9A9A9">
					</FONT>
					<FONT SIZE="1"><H3>Tio i Topp.</H3>
En sjuhelvetes massa text sedan
 </FONT></FONT>
				</TD>
					<TD WIDTH="90"><IMG SRC="" WIDTH="120" HEIGHT="1"></TD>

					<TD WIDTH="291"><IMG SRC="" WIDTH="291" HEIGHT="324"></TD>

					<TD WIDTH="101"></TD>
			</TR>
			
			<TR BGCOLOR="#FF0000" HEIGHT="18">

				<TD COLSPAN="4"></TD>

			</TR>
			
		</TABLE>
	<TD WIDTH="10"></TD><img src="pics/fullmoon2.jpg">
	</CENTER>

	</BODY>
</HTML>

har säkert en del "bildeer" för mycket i denna kod som ska plocas bort.

Annars något jag bör ändra på?

Mvh Martin

EDIT: har ändrat en hel del i koden.

Senast redigerat
Visa signatur

I am Extrazz.

Redigera
Citera flera Citera
Permalänk
Hedersmedlem
●

Något som jag verkligen rekommenderar är att du tittar lite på CSS. Det är lika bra att lära sig rätt på en gång.

Visa signatur

Är du lycklig nu?

Frågor och funderingar angående modereringen tas med mail, inte genom forumet. dennizpop@sweclockers.com

Redigera
Citera flera Citera
Permalänk
Medlem
●

Denniz PoP: Vet att koden inte är den bästa. tog förövrigt och bytte ut den mot en mer rensad kod.

Denniz vad är det du tycker ser för djälvigt ut då

Visa signatur

I am Extrazz.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag tror han menar att det i slutändan lönar sig att använda sig av en stilmall (CSS). Då i synnerhet för dessa fall:

<BODY BGCOLOR="#000000" TEXT="#000000" LINK="#000000" VLINK="#000000">
<TR BGCOLOR="#A9A9A9" HEIGHT="50">
<FONT FACE="Arial,Helvetica,Verdana">
<FONT SIZE="1">
<FONT COLOR="#A9A9A9">
Visa signatur

Jag ser så dåligt när jag blundar. Jag ser nästan...nästan ingenting alls.

Redigera
Citera flera Citera
Permalänk
Medlem
●

och att köra div istället för tabell

Redigera
Citera flera Citera
Permalänk
Medlem
●

Okey. ska säga att jag inte förstår redigt men ni vill att jag börjar stapla alla'koder' i början av koden istället för att ha de utspridda där de börjar och slutar?

Hur skulle nuvarande kod se ut enligt erat tycke o smak då?

Visa signatur

I am Extrazz.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av -=FULLMOON=-
Okey. ska säga att jag inte förstår redigt men ni vill att jag börjar stapla alla'koder' i början av koden istället för att ha de utspridda där de börjar och slutar?

Hur skulle nuvarande kod se ut enligt erat tycke o smak då?

Nej, de vill att du ska skapa ett separat css dokument som du länkar in i html i början. Därefter byta ut alla table, td och tr mot divs.

Visa signatur

Antec P180 | Intel C2Q | Corsair 2048mb| Gigabyte GA-P35-DS3 | Albatron 8800GT | Maxtor 200GB, Seagate 500GB, WD MyBook 500GB | 24" Samsung 2493HM
Foto: Nikon D80 18-135 Kit | SB800 | 70-200 VR

Redigera
Citera flera Citera
Permalänk
Medlem
●

Sök på cascading style sheets och läs på lite om det så förstår du ganska snart vad vi menar och vilka fördelar det finns med att använda det tillsammans med html istället för bara html.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av -=FULLMOON=-
Tjenare. har börjat med att titta lite på hemsidor igen då min förra blev ett halv fjasko

så jag har knåpat ihop en ny kod lite snyggare men fortfarande lite skit här o var. inte färdigt alls utan det ska till färg text o bilder senare.

<HTML>
	<HEAD>
		<TITLE>-=Fullmoon=-</TITLE>
	</HEAD>
	
	<BODY BGCOLOR="#000000" TEXT="#000000" LINK="#000000" VLINK="#000000">

		<CENTER>
	
		<TABLE WIDTH="800" CELLPADDING="0" CELLSPACING="0" BORDER="0">
			<TR BGCOLOR="#A9A9A9" HEIGHT="50">

				
				<TD COLSPAN="4"><FONT FACE="Times,Times New Roman"><FONT SIZE="5"><B>  Filmer</B></FONT></FONT></TD>
				
				<TD WIDTH="10"></TD><img src="pics/fullmoona.jpg">
			</TR>
			
			<TR BGCOLOR="#FF0000" HEIGHT="17">
				<TD COLSPAN="4">
					<FONT FACE="Arial,Helvetica,Verdana">
					<FONT SIZE="1">
					>> <A HREF="1.html">test2</A>
					>> <A HREF="2.html">test3</A>
					>> <A HREF="3.html">test4</A>
					>> <A HREF="4.html">test5</A>
					>> <A HREF="5.html">Hem</A>
					
				
			
				<TD ALIGN="RIGHT">
					<FONT FACE="Arial,Helvetica,Verdana">
					<FONT SIZE="1">
				><A HREF="kontakt.html">Kontakt</A>
					</FONT>
				
			
			<TR BGCOLOR="#A9A9A9" HEIGHT="345" VALIGN="TOP">
				<TD WIDTH="10"><IMG SRC="" WIDTH="10" HEIGHT="375"></TD>

				<TD WIDTH="340"><IMG SRC="" WIDTH="340" HEIGHT="270"><BR>
					<FONT FACE="Arial,Helvetica,Verdana">
					<FONT COLOR="#A9A9A9">
					</FONT>
					<FONT SIZE="1"><H3>Tio i Topp.</H3>
En sjuhelvetes massa text sedan
 </FONT></FONT>
				</TD>
					<TD WIDTH="90"><IMG SRC="" WIDTH="120" HEIGHT="1"></TD>

					<TD WIDTH="291"><IMG SRC="" WIDTH="291" HEIGHT="324"></TD>

					<TD WIDTH="101"></TD>
			</TR>
			
			<TR BGCOLOR="#FF0000" HEIGHT="18">

				<TD COLSPAN="4"></TD>

			</TR>
			
		</TABLE>
	<TD WIDTH="10"></TD><img src="pics/fullmoon2.jpg">
	</CENTER>

	</BODY>
</HTML>

har säkert en del "bildeer" för mycket i denna kod som ska plocas bort.

Annars något jag bör ändra på?

Mvh Martin

EDIT: har ändrat en hel del i koden.

Som de andra redan har sagt, använd div istället för table. Separera stilen från innehållet med hjälp av css (läs mer på w3chools.com). Din kod borde se ut något i stil med det här:

Testa om din kod validierar (validator.w3c.org), din gör det inte.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
	<head>
		<title>-=Fullmoon=-</title>
        <link href="style.css" type="text/css" rel="stylesheet">
	</head>
	<body>
        <div id="container">
            <div id="head">
            </div>
            <div id="menu">
                >> <a href="1.html">test2</A>
                >> <a href="2.html">test3</A>
                >> <a href="3.html">test4</A>
                >> <a href="4.html">test5</A>
                >> <a href="5.html">Hem</A>
                ><A HREF="kontakt.html">Kontakt</A>
            </div>
            <div id="content">
                <p>En sjuhelvetes massa text sedan</p>
            </div>
            <div id="footer">
            </div>
        </div>
	</body>
</html>
Redigera
Citera flera Citera
Permalänk
Medlem
●

hmm... Nu ställer ni mig ju för en massa extra saker man måste ta i tur emd

får dock ta itur med detta efter lovet då jag har tid till att sitta och lära mig ett nytt språk.

Få ta och tacka för hjälpen jag fått så här långt. Visar jag min gamlakod så hänger ni mig nog typ som man kommer tillbaka till 95 fast stilrent sida som buggar satan i FF

Känns ju rätt lönlöst att sitta och fortsätta med med koden jag har nu om jag ändå måste göra om stora delar av den.

Visa signatur

I am Extrazz.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av -=FULLMOON=-
hmm... Nu ställer ni mig ju för en massa extra saker man måste ta i tur emd

får dock ta itur med detta efter lovet då jag har tid till att sitta och lära mig ett nytt språk.

Få ta och tacka för hjälpen jag fått så här långt. Visar jag min gamlakod så hänger ni mig nog typ som man kommer tillbaka till 95 fast stilrent sida som buggar satan i FF

Känns ju rätt lönlöst att sitta och fortsätta med med koden jag har nu om jag ändå måste göra om stora delar av den.

Här har du en länk till en sida med mycket info om css + en del stilmallar du kan använda dig av.

http://www.webdesignskolan.se/

Visa signatur

helgonet

"All around the watchtower"

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag gör lite skamlös reklam för min egen sida där du kan hitta en artikel i ämnet:
http://www.klientsidan.se/artiklar/20080121/Layout_utan_tabel...

Att bara "byta ut tables mot div" är inget vidare.

Visa signatur

/Mvh Stefan

Redigera
Citera flera Citera
Permalänk
Medlem
●

helgonet: Har varit inne där och lärt mig en hel del som sagt står tillräkligt bra där om man bara vill lära sig som sagt

Citat:

Ursprungligen inskrivet av
Guru Meditation
Jag gör lite skamlös reklam för min egen sida där du kan hitta en artikel i ämnet:
http://www.klientsidan.se/artiklar/20080121/Layout_utan_tabel...

Att bara "byta ut tables mot div" är inget vidare.

Hehe, reklam i alla ära är väl inget. Ska ta och kolla in det om jag hittar något smakligt.

Tackar ännu en gång!

Mvh Martin

Visa signatur

I am Extrazz.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara