1

onsdag, 22. november 2006, 20:31


Ville for en gang skyld prøve mig frem i at lave en hjemmeside fra bunden af, da jeg tænkte det ville være mægtig sjovt at kunne.. Men hold da op et hyr jeg har :D . Har gang i at lave det hele i XHTML i Notepad, og har sgu revet mig selv i garnet et par gange..

Jeg har temmelig mange fejl når jeg tjekker den på en validerings-side, og det her er en af dem:

Error Line 12 column 9: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<img src=7.jpg />

Jeg prøver at sætte et billede ind der hedder billede 7, men det funger ikke rigtigt

Nogen der kan hjælpe mig videre??

Og kan heller ikke rigtig hitte ud af at få et link til et andet sted på siden..
Altså, kan godt lave et link til min gamle hjemmeside der virker, men kan ikke lave en side 2 på den der side, og linke den til den.. Skal side 2 hedde noget specielt, nu hvor start-siden f.eks skal hede Index.htm..

Og nogen der kan gi' lidt hints? Har snart terpet www.html.dk ud og ind, og kan ikke rigtig finde så mange flere løsninger ud over dem jeg har fundet.
-Men helt sikkert en god side at lære det hele fra.

Og knapper..! Dem kan jeg sgu heller ikke finde ud af.. Synes det ser lidt tamt ud med bare en blå tekst man kan trykke på..

MB: Asus Rampage V Extreme, CPU: I7 5820K@4.4Ghz, Ram: 4x4Gb Corsair PC2400
PSU: Corsair HX1000watt, GFX: Asus Gtx980ti Strix, Main-HDD: 1x Samsung 850Pro, 250Gb

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "urbananen" (22.11.2006, 20:32)


2

onsdag, 22. november 2006, 20:41


Hmm bruger du Div tags ?


Til det med knapper, så er det bare med at komme igang i Photoshop ;)

Intel i5-4690K @ 4,7ghz
Coolmaster EVO212
ASUS Z97-A
Crucial Ballistix Sport 2x4GB
Crucial MX100 240GB SSD
Gigabyte 970 G1 4GB
Fractal Design Arc Midi R2

3

onsdag, 22. november 2006, 20:46


<img src="7.jpg" alt="7.jpg" />


4

onsdag, 22. november 2006, 20:58


Citeret

Originally posted by celfa
Hmm bruger du Div tags ?


Til det med knapper, så er det bare med at komme igang i Photoshop ;)


Altså.. Lidt tags bruger jeg, meeeeen, det er ikke mange.. Har ikke lært andre end de få der er på html.dk

Og nu siger den i stedet:

Error Line 15 column 30: document type does not allow element "img" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "address", "fieldset", "ins", "del" start-tag.
<img src="7.jpg" alt="7.jpg" />

Ang.knapper, så er det nu mere hvordan jeg får sat dem ind, og får dem til at fungere som et link

MB: Asus Rampage V Extreme, CPU: I7 5820K@4.4Ghz, Ram: 4x4Gb Corsair PC2400
PSU: Corsair HX1000watt, GFX: Asus Gtx980ti Strix, Main-HDD: 1x Samsung 850Pro, 250Gb

Dette indlæg er blevet redigeret 2 gange, senest redigeret af "urbananen" (22.11.2006, 21:02)


5

onsdag, 22. november 2006, 21:10


kunne du eventuelt smække hele koden op ?

Og er det XHTML Strict eller ?


6

onsdag, 22. november 2006, 21:13


Citeret

Originally posted by urbananen

Citeret

Originally posted by celfa
Hmm bruger du Div tags ?


Til det med knapper, så er det bare med at komme igang i Photoshop ;)


Altså.. Lidt tags bruger jeg, meeeeen, det er ikke mange.. Har ikke lært andre end de få der er på html.dk

Og nu siger den i stedet:

Error Line 15 column 30: document type does not allow element "img" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "address", "fieldset", "ins", "del" start-tag.
<img src="7.jpg" alt="7.jpg" />

Ang.knapper, så er det nu mere hvordan jeg får sat dem ind, og får dem til at fungere som et link


Knap:
Dette skal ind i head sektionen:
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->

Her i Body:


<p><a href="index.html">
<img border="0" id="img1" src="file:///C:/Mappe/button1.jpg" height="20" width="100" alt="Knaptekst" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Mappe/button2.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Mappe/button1.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Mappe/button3.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Mappebutton2.jpg')" fp-style="fp-btn: Soft Capsule 8" fp-title="Knaptekst"></a></p>

Intel i5-4690K @ 4,7ghz
Coolmaster EVO212
ASUS Z97-A
Crucial Ballistix Sport 2x4GB
Crucial MX100 240GB SSD
Gigabyte 970 G1 4GB
Fractal Design Arc Midi R2

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "celfa" (22.11.2006, 21:20)


7

onsdag, 22. november 2006, 21:13


Her er hvad jeg lige har fået bixet sammen...
Bær over med mig.. Jeg er temmelig meget nybegynder :D .. Man skal vel starte et sted med alt.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

<head>
<title>Mille-pigen og Jespers lange kærlighedsliv</title>
</head>

<body>

<h1>Kærligheden blev fundet</h1>
<p>"Det hele startede tilbage i år 2005.."</p>

<img src="7.jpg" alt="7.jpg" />
<br/>
<a href="sommerferiebilleder/sommerferie.htm">"Et link til side 2" /a>
<br/>
<a href="http://www.sitecenter.dk/jurban" title="Link til jurban">"Her er et link til en anden side" /a>
<br/>
<a href="mailto:urbananen@gmail.com">"Send os gerne en mail hvis du vil" /a>

</body>

</html>

MB: Asus Rampage V Extreme, CPU: I7 5820K@4.4Ghz, Ram: 4x4Gb Corsair PC2400
PSU: Corsair HX1000watt, GFX: Asus Gtx980ti Strix, Main-HDD: 1x Samsung 850Pro, 250Gb

8

onsdag, 22. november 2006, 21:17


Citeret

Originally posted by urbananen
Her er hvad jeg lige har fået bixet sammen...
Bær over med mig.. Jeg er temmelig meget nybegynder :D .. Man skal vel starte et sted med alt.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

<head>
<title>Mille-pigen og Jespers lange kærlighedsliv</title>
</head>

<body>

<h1>Kærligheden blev fundet</h1>
<p>"Det hele startede tilbage i år 2005.."</p>

<img src="7.jpg" alt="7.jpg" />
<br/>
<a href="sommerferiebilleder/sommerferie.htm">"Et link til side 2" /a>
<br/>
<a href="http://www.sitecenter.dk/jurban" title="Link til jurban">"Her er et link til en anden side" /a>
<br/>
<a href="mailto:urbananen@gmail.com">"Send os gerne en mail hvis du vil" /a>

</body>

</html>


<img border="0" id="7.jpg" src="7.jpg" height="20" width="100" alt="7.jpg"/>

Intel i5-4690K @ 4,7ghz
Coolmaster EVO212
ASUS Z97-A
Crucial Ballistix Sport 2x4GB
Crucial MX100 240GB SSD
Gigabyte 970 G1 4GB
Fractal Design Arc Midi R2

9

onsdag, 22. november 2006, 21:29


Det er jo bare størrelsen du har ændret yderligere der ikk??
Hjælper ikke rigtig når jeg putter skidtet på nettet.. Så kommer der bare et rødt kryds..

MB: Asus Rampage V Extreme, CPU: I7 5820K@4.4Ghz, Ram: 4x4Gb Corsair PC2400
PSU: Corsair HX1000watt, GFX: Asus Gtx980ti Strix, Main-HDD: 1x Samsung 850Pro, 250Gb

10

onsdag, 22. november 2006, 21:55


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

Først af alt, bør disse være sådan. Åbenbart kan man ikke bruge html.dk ret meget på det område. WebT kan forklare bedre :)

Ellers kan jeg se, at dine links ikke er afsluttet korrekt der mangler "<"

Dertil burde Celfa's rettelse ikke have nogen betydning. Den er ikke engang nødvendig.

ellers husk gåseøjn i alle tags, da det er påkrævet i xhtml.

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Macimuz" (22.11.2006, 21:57)


11

torsdag, 23. november 2006, 05:53


Hvis du får et rødt kryds kunne det tænkes at du ikke får uploadet billedet sammen med HTML filen? Virker det på din egen computer? Hvis ja, skal du være opmærksom på der godt kan være forskel på store og små bogstaver, fx vil test.jpg og test.JPG ikke være det samme billede på en *nix server.

Omkring det med strukturen af et XHTML dokument, så er det ganske rigtigt at et dokument BURDE starte med XML deklarationen, altså <?xml version="1.0" encoding="iso-8859-1"?> - det er bare ikke praktisk, og faktisk slet ikke muligt hvis man vil arbejde med CSS ordentligt. Grunden til dette er at der ie IE6 er et bug som gør, at hvis der står noget før DOCTYPE går browseren i quirksmode. Quirksmode er en non-standard renderings tilstand, hvor IE overhovedet ikke fortolker CSS efter standarderne, hvilket betyder at et CSS design oftest kommer til at ligne l*** - ikke praktisk! Dette er der i midlertidigt også tænkt over inden for w3s rammer så i stedet for en XML deklaration kan et metatag bruges som ser sådan ud:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Tagget placeres i HEAD sektionen, og erstatter altså XML deklarationen. Nu kunne man så gå i gang med en lille teoretisk problemstilling, XHTML filer skal rent faktisk serveres som xml/text eller application/xml men det fatter IE heller ikke, så derfor må vi holde os til text/html, hvilket faktisk betyder, at vores fine xhtml sider bliver fortolket som almindeligt html, rigtigt smart :D

XHTML strict dokumentskabelon vil derfor se sådan ud:

Kildekode

1
2
3
4
5
6
7
8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>	
		<title>title</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	</head>    
	</body>
</html>


En anden ting html.dk også glemmer er, at man faktisk SKAL angive fuld adresse til DTDen og ikke bare DTD/xhtml1-strict.dtd - endnu en ting der kan sende IE i quirksmode - og faktisk heller ikke tilladt via standarden, at udelade.

Det var en lang smøre, men jeg skylder hele skylden over på Macimuz som nævnte mig :D

Edit:
height="20" width="100" bør faktisk altid være defineret på et billede, men af andre årsager end af hensyn til standarderne. ALT bør også altid være defineret, men at bruge filnavnet på billedet er rigtigt skidt, igen af andre oversager (usability og accesability) derimod bør det være en kort beskrivelse af billedet :)

Edit 2:
det med at der ikke må være en XML deklaration før doctype i IE er selvfølgelig rettet i IE7, men det hjælper jo ikke så meget, dvs hvis man virkelig vil ha' den bør man ha' et browser detection script som sætter den ind når der er tale om alt andet end IE5-IE6

Dette indlæg er blevet redigeret 2 gange, senest redigeret af "WebT" (23.11.2006, 05:57)


12

torsdag, 23. november 2006, 07:10


Tusinde tak for hjælpen..
Det vil jeg gå i krig med engang når jeg kommer hjem igen..
Tror arbejdet lurer lidt hvis jeg sidder og laver hjemmeside.. :)

-Så må vi se om det lykkes for mig..

-Og jeg har forresten også husket at uploade billedet. Men kan sgu godt være at det står med stort i filtypenavnet.. Og ja, det virker når jeg bare ser på det i Windows.. Det er kun på nettet det ikke virker

MB: Asus Rampage V Extreme, CPU: I7 5820K@4.4Ghz, Ram: 4x4Gb Corsair PC2400
PSU: Corsair HX1000watt, GFX: Asus Gtx980ti Strix, Main-HDD: 1x Samsung 850Pro, 250Gb

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "urbananen" (23.11.2006, 07:10)


13

torsdag, 23. november 2006, 07:29


Citeret

Originally posted by urbananen
Tusinde tak for hjælpen..
Det vil jeg gå i krig med engang når jeg kommer hjem igen..
Tror arbejdet lurer lidt hvis jeg sidder og laver hjemmeside.. :)

-Så må vi se om det lykkes for mig..

-Og jeg har forresten også husket at uploade billedet. Men kan sgu godt være at det står med stort i filtypenavnet.. Og ja, det virker når jeg bare ser på det i Windows.. Det er kun på nettet det ikke virker


En god ting er altid at bruge små bogstaver til sine filnavne (generelt egentlig) :)


14

torsdag, 23. november 2006, 08:25


Citeret

Originally posted by Macimuz

En god ting er altid at bruge små bogstaver til sine filnavne (generelt egentlig) :)

Jeps rigtig god idé. Vil tilføje:
Ingen mellemrum, ingen specialtegn, herunder æøå. Så er der i hvert fald god mulighed for at undgå problemer


15

torsdag, 23. november 2006, 17:42


Man kan ikke få et eller andet program der laver alle de der koder for en??
Kan få meget af det til at fungere, men synes godt nok det er små-besværligt, og kan forstille mig at det ikke er lige let når man skal sætte siden pænt op.

MB: Asus Rampage V Extreme, CPU: I7 5820K@4.4Ghz, Ram: 4x4Gb Corsair PC2400
PSU: Corsair HX1000watt, GFX: Asus Gtx980ti Strix, Main-HDD: 1x Samsung 850Pro, 250Gb

16

torsdag, 23. november 2006, 18:19


Citeret

Originally posted by urbananen
Man kan ikke få et eller andet program der laver alle de der koder for en??
Kan få meget af det til at fungere, men synes godt nok det er små-besværligt, og kan forstille mig at det ikke er lige let når man skal sætte siden pænt op.


Du kan prøve at søge efter WYSIWYG editor på google. Kender ikke lige umiddelbart en gratis af slagsen, selvom Notepad++ muligvis kan i nyeste version. Om ned giver Notepad++ mere overskuelighed :)


17

torsdag, 23. november 2006, 21:32


Synes også bare Notepad++ eller PHPDesigner, HTMLDesigner, HTMLKit (ikke min favorit men god) - dog ikke WYSIWYG, men de er efter min mening også bare ubrugelige, hvis du arbejder med rent CSS design kommer det aldrig til at se ud som de kære WYSIWYG editorer viser det, det er så generelt for både freeware og betalt.

Helt klart mit råd "bare", at sætte sig ind i tingene, og så bruge en editor som har syntax highlighting, og hjælper med at afslutte tags osv, take your pick, det gør alle dem jeg nævnte vist, måske på nær Notepad++ som vist ikke hjælper med at færdigøre ens tags


18

fredag, 24. november 2006, 07:13


Citeret

Originally posted by WebT
Synes også bare Notepad++ eller PHPDesigner, HTMLDesigner, HTMLKit (ikke min favorit men god) - dog ikke WYSIWYG, men de er efter min mening også bare ubrugelige, hvis du arbejder med rent CSS design kommer det aldrig til at se ud som de kære WYSIWYG editorer viser det, det er så generelt for både freeware og betalt.

Helt klart mit råd "bare", at sætte sig ind i tingene, og så bruge en editor som har syntax highlighting, og hjælper med at afslutte tags osv, take your pick, det gør alle dem jeg nævnte vist, måske på nær Notepad++ som vist ikke hjælper med at færdigøre ens tags


Notepad++ ender desværre ikke ens tags. Ikke som standard i hvertfald. Det er muligt det kan slåes til. Det har jeg egentlig slet ikke undersøgt, har bare installeret det og brugt det som det var (også nede på arbejde).


19

lørdag, 25. november 2006, 12:11


Citeret

Originally posted by urbananen
Man kan ikke få et eller andet program der laver alle de der koder for en??
Kan få meget af det til at fungere, men synes godt nok det er små-besværligt, og kan forstille mig at det ikke er lige let når man skal sætte siden pænt op.


Du kan bruge Frontpage, fra Microsoft.. Den er med i Pro office pakken.

dog har Frontpage en tendes til at lave mange fejl.

Men du kan lave siden i frontpage, også validere siden og rette op på fejlene.

Intel i5-4690K @ 4,7ghz
Coolmaster EVO212
ASUS Z97-A
Crucial Ballistix Sport 2x4GB
Crucial MX100 240GB SSD
Gigabyte 970 G1 4GB
Fractal Design Arc Midi R2

20

lørdag, 25. november 2006, 17:36


Troede ikke FrontPage var så let.. Og havde lykkeligt glemt at det fulgte med i pakken.. Havde kun installeret Word, Excel og Powerpoint..
Men nu går det bare der ud af med hjemmesiden.. Det er gået hen og blevet helt godt.

Til de nysgerrige, eller dem der keder sig ganske voldsomt er den her:

www.milleogjesper.hotserv.dk

Den går mest ud på os og vores liv, så helt sikkert noget i skal kede jer for at glo på :D

MB: Asus Rampage V Extreme, CPU: I7 5820K@4.4Ghz, Ram: 4x4Gb Corsair PC2400
PSU: Corsair HX1000watt, GFX: Asus Gtx980ti Strix, Main-HDD: 1x Samsung 850Pro, 250Gb

Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.