Hjälp med HTML kod

29 svar · 1 139 visningar · startad av HittiS 6 feb. 2004

HittiSMedlem sedan aug. 200334 inlägg

6 feb. 2004 17:47#1

Hej gott folk!

Jag håller på med en sida och så klart så har jag nu vimsat bort mig totalt (polare etc har varit inblandade och nu så har jag "gjort" en massa saker hit och dit och nu är det bara kaos).

För någon som har lite bättre koll på HTML än mig så är säkert problemen inget stort utan löses på 20 minuter!

Vet inte om det är "ofint" eller om man får göra så här, men jag testar och lägger upp sidan här (mycket lite sida, inga länkar eller annat tjafs) så får vi se om det finns någon HTML ängel som kan tänka sig att fixa till sidan. (medföljer instruktion) Någon form av belöning har jag inte tänkt på ännu men....jag vore så mycket tacksam =)

<html>
<title>Här kommer det att stå en titel</title>
<body bgcolor=000 alink=black vlink=black link=black topmargin=0>

<table cellspacing="5" width=100%><tr><td>
Objekt 1<br><br>
Den här spalten är OK, så här ska det vara.</tr></td></table>

</td><td background="bild.jpg" width=3>
<img border="0" src="bild.jpg" width="1" height="290">
<tr><td colspan="3" height="10">
<img src="bild.jpg" border=0 width="161" height="13"></tr>
</td>
</table>

Objekt2 -

Den här är OK</table>
</td>
<td background="bild.jpg" width=3 rowspan=3>
<tr><td bgcolor=#FFFFFF width=363>
<table><tr><td>
<font face="Times New Roman">Objekt 4 - Den här är också OK, här ska det stå en massa etc
dock så vill jag ha samma cellspacing i denna (5) som i objekt 1 och 2</font><font face=verdana size=1><br>
</font>
</table>
<tr><td width=363 height=20 bgcolor=#FFFFFF>
<table><tr><td>

Objekt 5 - cellspacing samma som objekt 1 och 2<br>
<br>
Sen vill jag att hela sidan (vågrätt) ska minskas ungefär 10-20%</table>
</td>
<tr><td colspan=3 height=3>
<img border="0" src="bild.jpg" width="369" height="13"></tr></td>
</table>

<table cellspacing="5" width=100%>
<tr><td>Objekt 3 - Den här spalten är också OK</td>
</tr><table><tr><td></table>

</td><td background="bild.jpg" width=3></td>
<tr><td colspan=3 height="13">
<img border="0" src="bild.jpg" width="161" height="13"></tr></td>
</table>

cyprysMedlem sedan dec. 20003 563 inlägg

6 feb. 2004 17:51#2

Använd [.kod]-taggarna. (utan .)

Vad vill du ha hjälp med?
R: jaha. Nu såg jag alla fel.

celiaMedlem sedan dec. 20012 532 inlägg

6 feb. 2004 17:51#3

Till att börja med kan du lägga in <head>-taggarna i början på sidan. Sedan har du lite oavslutade <tr> och <td>-taggar och några som är i fel ordning. Ska vara <table><tr><td></td></tr></table> I slutet fattas </body></html> :)

HittiSMedlem sedan aug. 200334 inlägg

6 feb. 2004 17:57#4

Som sagt så är det nog en hel del olika fel, tyvärr så är ju jag inte så "bra" på det här och mycket har nog bara blivit "rätt/fel" av både tur och otur.

Om någon ängel kan rätta till alla felen och lägga upp koden igen när den är rättad så skulle jag bli sååå glad =)

jeanetteMedlem sedan sep. 2003901 inlägg

6 feb. 2004 18:10#5

Hej,
Jag tog ner din kod och kollade på den.
JAG GAV UPP.........
du har så mycket fel i den att det är lättare att börja om ifrån början.

Ex. Ett table Består av en början tagg och en slut tag.
Du MÅSTE börja med <tr> och avsluta med </tr>
sen kan du ha hur många <td></td> taggar du vill men du måste avsluta dom rätt.
Så som din kod ser ut så har alla
- table
- tr
- td
taggar huller om buller och ibland avslutar du dom och då börjar en table som du inte avslutar. osv.osv
ett exempel på hur det ska se ut.
[KOD]
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>

</table>
[KOD]
försök att förklara eller rita hur du vill ha det så ska vi se vad vi kan göra.

HittiSMedlem sedan aug. 200334 inlägg

6 feb. 2004 18:25#6

Jeanette om DU gav upp hur tror du att jag känner det då? Jag har börjat utveckla HTML eksem här =)

Nja... "Hur den ska se ut"

Hmm den SKA se ut precis så som den ser ut, dvs en bild överst sen objekt 1,2,3 från v till h där jag kan skriva lite saker, sen dom där "kanterna" både uppe och nere över obj 1,2,3 (kanterna har jag gjort i photoshop)

Objekt 1,2,3 (alltså texten som skall skrivas där) ska ligga i samma höjd, både vertikalt och lodrätt

En väldigt "enkel" och "ren" sida mao.

Kan tillägga att jag inte har några abnorma krav utan det skulle vara mera skönt att få se HUR det SKA se ut, dvs så som sidan nu ser ut - fast "rätt"

cyprysMedlem sedan dec. 20003 563 inlägg

6 feb. 2004 18:39#7

Då det är rätt svårt att förstå hur du egentligen vill så kan du väl få leka med detta.
En börjar på vad du kanske vill göra.

<html>
<head>
<title>Rubrik</title>
<style>
	body, td {font-family:verdana;font-size:100%;}
	td.main {background-color:white;color:black;}
</style>
</head>
<body bgcolor=black text=white>

<div align=center>
<table style="width:500px;" cellpadding=0 cellspacing=0>
	<tr>
		<td colspan=5>Uberbild här</td>
	</tr>
	<tr>
		<td class=main>
			Obj1<br /><br />
		</td>
		<td></td>
		<td valign=top>
			<table cellspacing=0 cellpadding=0 width=100%>
				<tr>
					<td class=main>
						Obj2
					</td>
				</tr>
			</table>
		</td>
		<td></td>
		<td class=main>
			Obj3<br /><br />
		</td>
	</tr>
</table>
</div>

</body>
</html>

jeanetteMedlem sedan sep. 2003901 inlägg

6 feb. 2004 21:00#8

Cyprys svar kanske funkar......
Men jag blev nyfiken och testade enligt den beskrivning du lade in och det här är vad jag fattade det som.

<html>
<head>
<title>Här kommer det att stå en titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
	body, td {font-family:verdana;font-size:12pt;font-color:black}
	td.main {background-color:white;color:black;}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table style="width:500pt;" cellpadding=0 cellspacing=0 align="center">

  <tr>
    <td colspan="3">
      <div align="center">Här lägger du in din bild</div>
    </td>
  </tr>
  <tr>
    <td colspan="3">
      <div align="center">H&auml;r l&auml;gger du in din bild du har gjort i PS</div>
    </td>
  </tr>
  <tr>
    <td height="100" class="main">Text box 1</td>
    <td height="100" class="main">Text box 2</td>
    <td height="100" class="main">Text box 3</td>
  </tr>
  <tr>
    <td colspan="3">
      <div align="center">H&auml;r l&auml;gger du in din bild du har gjort i PS</div>
    </td>
  </tr>
</table>
</body>
</html>

det fattas fortfarande en del som bildens längd och höjd men det fixar du väl!!??

Sen har du ingen doctype heller.
Men lek runt lite med dessa 2 så får du nog fram något.

HittiSMedlem sedan aug. 200334 inlägg

6 feb. 2004 22:09#9

OK jag tackar så jättemycket för era snabba svar - hatt av!

För att förtydliga vad jag menar så försöker jag här också med att slänga upp en bild på det ev färdiga resultatet....

Vete tusan om jag är kompetent till att få ihop det så där som på bilden utan ca 20.000 uteslutningsförsök så om någon annan har lite att göra så går det gärna bra för mig ;)

Säg mig hur skapar jag nu en cell i cellen? Alltså alla tre (vänster, mitten, höger) ska ju ha en cell i sig så att texten inte ligger kant i kant - jag hade tänkt mig en cellspaceing (tro jag det heter) på ca 5.

Det är alla <tr><td><table><br> etc jag blir tokig på, bgcolor och andra LOGISKA pryttlar går ju lite bättre iaf - man är ju MAN i medelåldern och då behöver man mycket logik! =)

HittiSMedlem sedan aug. 200334 inlägg

7 feb. 2004 16:56#10

Någon? :)

jeanetteMedlem sedan sep. 2003901 inlägg

7 feb. 2004 19:27#11

:OO Vi vill göra lite annat med...... ;) :e

Visst skulle jag kunna slänga upp hela koden till dig, men jag tycker inte att man lär sig på det viset, utan man måste sitta själv.
Och iom att detta är grunden för html så...........

Men det finns en jättebra sida på svenska som förklarar allt om tabeller (och allt annat du vill göra), som jag tycket du ska kolla på.
Webdesignskolan
Testa..... :e

frankofMedlem sedan jan. 20016 874 inlägg

7 feb. 2004 19:32#12

Tips: använd border vid tabell kodandet, lättare att se vart man är då.
bara för att jävlas; tabeller är ute, det är positionerade lager som är grejen :p

jeanetteMedlem sedan sep. 2003901 inlägg

7 feb. 2004 19:35#13

frankof skrev:

Tips: använd border vid tabell kodandet, lättare att se vart man är då.
bara för att jävlas; tabeller är ute, det är positionerade lager som är grejen :p

:P :e

HittiSMedlem sedan aug. 200334 inlägg

11 feb. 2004 15:10#14

Så här i efterhand så vill jag till samtliga som ville försöka att hjälpa mig skänka ett stort tack. TACK!

Sen senast så har jag fått en enorm hjärnblödning av allt som har med HTML att göra, jag har studerat HTML guider (alla som finns nu tror jag) och jag blir ta mig fan mera vimmsig av detta än 14 liter whiskey.

Jag försöker och försöker men någonstans i min lilla hjärna så fattas en "förstå HTML språket" substans.

...och jag som tyckte det var svårt att bli pappa, och för att inte tala om kvinnor!

Återkommer....

cyprysMedlem sedan dec. 20003 563 inlägg

11 feb. 2004 21:49#15

...och jag som tyckte det var svårt att bli pappa, och för att inte tala om kvinnor!

De där sakerna kommer man aldrig att lära sig. ;)
HTML kommer du kunna om ett tag.
Däri ligger skillnaden.

jeanetteMedlem sedan sep. 2003901 inlägg

11 feb. 2004 22:10#16

Det var så lite så.... :e

Men du ger väl inte upp????? :o
Fortsätt och kämpa, det kommer, jag LOVAR... ;) :e

HittiSMedlem sedan aug. 200334 inlägg

12 feb. 2004 06:14#17

cyprys skrev: De där sakerna kommer man aldrig att lära sig.

Det kanske är därför som man i tron om att 'här finns det en chans till att förstå för en gångs skull' fastnar så lätt i HTML ;)

Nädå, här ges inte upp - ska bara ta en kaffe och lite lugnande först :)

celiaMedlem sedan dec. 20012 532 inlägg

12 feb. 2004 09:37#18

HittiS skrev:

Det är alla <tr><td><table><br> etc jag blir tokig på, bgcolor och andra LOGISKA pryttlar går ju lite bättre iaf - man är ju MAN i medelåldern och då behöver man mycket logik! =)

Och jag som trodde att HTML var logiskt :) :stud

Så här är det:

<table> <-- här börjar tabellen
<tr> <-- här börjar första raden
<td> <-- här börjar första cellen i första raden
</td> <-- här slutar första cellen
<td> <-- här börjar andra cellen i första raden
</td> <-- här slutar andra cellen
</tr> <-- här slutar första raden
</table> <-- hät slutar tabellen

Då får du en tabell med en rad och två celler. Ett tips är att sätta border="1" i tabellen så att du ser vad du gör. Eller så struntar du i det och använder css och positionering istället :)

silfverMedlem sedan apr. 200312 679 inlägg

12 feb. 2004 12:23#19

Varför inte bara använda en HTML-editor som till exempel Dreamweaver så ser du ju tabellerna under tiden du gör dom? Det är ju bara att rita upp dom i programmet :)

cyprysMedlem sedan dec. 20003 563 inlägg

12 feb. 2004 13:25#20

https://www.idg.se/webstudio
HTML-kursen kan alltid vara något att titta på. ;)