Scholieren.com forum - [HTML] Picture helemaal linksbovenaan

Scholieren.com forum (https://forum.scholieren.com/index.php)

- Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)

- - [HTML] Picture helemaal linksbovenaan (https://forum.scholieren.com/showthread.php?t=155779)

Yeah_Right

11-07-2002 11:41

[HTML] Picture helemaal linksbovenaan

Hoe kun je een plaatje helemaal linksbovenaan een pagina krijgen, zonder dat er kleine stukjes wit (achtergrondkleur) tussen zitten?

> ter verduidelijking heb ik ff een screenshit gemaakt.

Alvast bedankt,

eddie

11-07-2002 11:50

style-sheets...

Code:

<HTML 

  STYLE="margin: 0px; padding: 0px">

 <HEAD><TITLE></TITLE></HEAD>

 <BODY 

   STYLE="margin: 0px; padding: 0px">

  <IMG 

   STYLE="margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px" 

   SRC="" 

   ALT="" 

   TITLE="">

 </BODY>

</HTML>

Btw... je screenshot doet het niet (Page is not available)

Yeah_Right

11-07-2002 12:04

Tsjah...geocities hè...

Maarre,bedankt voor je reactie!! Ik ga ff kijken of het werkt

-EDIT-
Jeuj 't werkt, THNX (y)
-EDIT-

eddie

11-07-2002 12:52

oeps... ik gaf verkeerde HTML code :o

Hier is de goede:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE></TITLE>

  <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-1">

 </HEAD>

 <BODY STYLE="margin: 0px; padding: 0px">

  <IMG SRC=""  ALT=""

   STYLE="margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px">

 </BODY>

</HTML>

bam	11-07-2002 13:57

tsk..
is xhtml nog niet standaard?
(nog steeds niet)

TAFKAB

11-07-2002 14:58

Gewoon in je body pleuren:
bijvoorbeeld van links, wil je 0 pixels marge hebben zodat het plaatje tegen de kantlijn aanzit --> leftmargin = "0"
Voor rechts is dat rightmargin en voor bovenaan is topmargin.
Simpel.
Waarom gooi je er een hele html pagina neer?
Gewoon direct zn vraag beantwoorden, dit kweekt een beetje verwarring.
:)
Ps je kan de margin commando's achterelkaar zetten.
Krijg je dit bijv : http://www.hillmancurtis.com

eddie

11-07-2002 14:59

Citaat:

bambix schreef:
tsk..
is xhtml nog niet standaard?
(nog steeds niet)

ZIjn nog aanbevelingen
http://www.w3.org/TR/xhtml1

[edit]
Hmm... HTML 4.01 zijn ook nog aanbevelingen :/
[/edit]

eddie

11-07-2002 15:00

Citaat:

TAFKAB schreef:
Gewoon in je body pleuren:
bijvoorbeeld van links, wil je 0 pixels marge hebben zodat het plaatje tegen de kantlijn aanzit --> left margin = "0"
Voor rechts is dat right margin en voor bovenaan is top margin.
Simpel.
Waarom gooi je er een hele html pagina neer?
Gewoon direct zn vraag beantwoorden, dit kweekt een beetje verwarring.
:)

Omdat UA's (User Agents, browsers dus) ook een magin + padding kunnen hebben in de body, ook al is die niet opgegeven. Daarom heb ik het even op 0px gezet :)

[edit]
Hmm... dit geld alleen als het element relatief is gepositioneerd. Niet waneer het absoluut is gepositioneerd.
[/edit]

eddie

11-07-2002 15:06

Citaat:

TAFKAB schreef:

Ps je kan de margin commando's achterelkaar zetten.
Krijg je dit bijv : http://www.hillmancurtis.com

Doel je hier op?

Code:

<body bgcolor="#999999" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

Houdt er rekening mee dat dit niet door de W3C validator komt.

leftmargin, topmargin, etc zijn geen attributen van HTML. Je moet het STYLE-attribuut gebruiken.

Lethalis

11-07-2002 15:09

Citaat:

eddie schreef:
Houdt er rekening mee dat dit niet door de W3C validator komt.

leftmargin, topmargin, etc zijn geen attributen van HTML. Je moet het STYLE-attribuut gebruiken.

Boeiend, het werkt met alle mainstream browsers :)

eddie

11-07-2002 15:16

Citaat:

******** schreef:
Boeiend, het werkt met alle mainstream browsers :)

Nee. Het attribuut wordt gewoon genegeerd als het goed is. Het heeft totaal geen effect (behalve extra dataverkeer).

En dit soort instellingen zorgt ervoor dat de 'strictere' browsers niet aanslaan bij het grote publiek.

En ja, ik doel nu op Opera :p

Lethalis

11-07-2002 15:18

Citaat:

eddie schreef:
Nee. Het attribuut wordt gewoon genegeerd als het goed is. Het heeft totaal geen effect (behalve extra dataverkeer).

Oh, wel vreemd dat ik het jarenlang met succes gebruikt heb..

eddie

11-07-2002 15:27

Citaat:

******** schreef:
Oh, wel vreemd dat ik het jarenlang met succes gebruikt heb..

Ik zie dat het hier werkt in Opera, IE en Mozilla. Vreemd.

Ik zal het wel eens posten in de Opera newsgroup :)

TAFKAB

11-07-2002 16:49

Wat loop je nou allemaal moeilijk te blaten joh.
Margins zijn wel compatible met HTML, word door de meeste browsers ondersteunt.
Als er toevallig dan iemand is met een browser als Opera (die dat niet pakt?) dan so be it.
Moet je maar niet zo moeilijk doen.
En wat bedoel je met "DOEL JE HIEROP?"? De site heeft een voorbeeld van de margin bedoeling, om als praktisch voorbeeld te fungeren voor dat meissie.
Der vraag is beantwoord, niet moelijk doen.

eddie

11-07-2002 17:18

Citaat:

TAFKAB schreef:
1)Wat loop je nou allemaal moeilijk te blaten joh.
2)Margins zijn wel compatible met HTML, word door de meeste browsers ondersteunt.
3)Als er toevallig dan iemand is met een browser als Opera (die dat niet pakt?) dan so be it.
4)Moet je maar niet zo moeilijk doen.
5)En wat bedoel je met "DOEL JE HIEROP?"? De site heeft een voorbeeld van de margin bedoeling, om als praktisch voorbeeld te fungeren voor dat meissie.
6)Der vraag is beantwoord, niet moelijk doen.

1) Ik loop niet te blaten. Ik probeer alleen correct HTML te tonen
2) De HTML-tag heeft geen attribuut STYLE. Het is wel mogelijk om dmv style-sheets de HTML-tag te stylen.
3) Opera pakt het wel (wat imho fout is). Het gaat mij er om dat er correct HTML wordt gebruikt
4) Ik doe niet moeilijk
5) Ik snap de vraag niet, en omdat ik verder nergens in de source van die pagina een referentie zag staan naar een style-sheet, vroeg ik met af wat de bedoeling is van dat voorbeeld.
6) Nogmaals, ik doe niet moeilijk.

Yeah_Right

11-07-2002 18:09

*zucht* > zie signature <

maarre, iedereen: bedankt voor de informatie, ik weet zeker dat het ooit nog eens van pas kan komen (seriously)

TAFKAB

11-07-2002 19:20

Citaat:

eddie schreef:

1) Ik loop niet te blaten. Ik probeer alleen correct HTML te tonen
2) De HTML-tag heeft geen attribuut STYLE. Het is wel mogelijk om dmv style-sheets de HTML-tag te stylen.
3) Opera pakt het wel (wat imho fout is). Het gaat mij er om dat er correct HTML wordt gebruikt
4) Ik doe niet moeilijk
5) Ik snap de vraag niet, en omdat ik verder nergens in de source van die pagina een referentie zag staan naar een style-sheet, vroeg ik met af wat de bedoeling is van dat voorbeeld.
6) Nogmaals, ik doe niet moeilijk.

Okay, zoals ik in mn post zei gooi je de margin tag's in je body...als je dan in de source van hillmancurtis in de body gaat kijken zie je wat ik bedoel.
Dat is alles, precies waar ik op DOELDE.
Maargoed probleem opgelost.
Vrede. ;)

bam	11-07-2002 19:22

Citaat:

eddie schreef:

3) Het gaat mij er om dat er correct HTML wordt gebruikt
.

(y) Als plain txt'er haat ik ook van die "up-to-date" xhtml bewerkings programma's die nog <HTML></HTML> gebruiken.

(sorry dat ik niet over html praat. xhtml is meer mijn richting :) )

eddie

11-07-2002 19:37

Citaat:

bambix schreef:

(y) Als plain txt'er haat ik ook van die "up-to-date" xhtml bewerkings programma's die nog <HTML></HTML> gebruiken.

(sorry dat ik niet over html praat. xhtml is meer mijn richting :) )

Huh? Wat is er mis met <HTML></HTML>
*snapt het niet*:o

bam	11-07-2002 19:39

Citaat:

eddie schreef:

Huh? Wat is er mis met <HTML></HTML>
*snapt het niet*:o

xhtml is gevoelig voor hoofdletters & interpunctie's

het moet zijn <html></html> :)

eddie

11-07-2002 19:53

Citaat:

bambix schreef:

xhtml is gevoelig voor hoofdletters & interpunctie's

het moet zijn <html></html> :)

Jah, ik las het net op W3.org :)

bam	11-07-2002 20:15

Weten veel mensen hier eigenlijk wel van het bestaan van xhtml af?
of werken hun gewoon met Frontpage(r) en Dreamwaver(ultradev)(r) of Hotdog(r) ofzo?

plaintxt de best:D

eddie

11-07-2002 20:19

Citaat:

bambix schreef:
Weten veel mensen hier eigenlijk wel van het bestaan van xhtml af?
of werken hun gewoon met Frontpage(r) en Dreamwaver(ultradev)(r) of Hotdog(r) ofzo?

plaintxt de best:D

Is wist weinig van xhtml, maar wil mijn site nu wel (even) gaan omzetten.

Over je 2e vraag:
http://forum.scholieren.com/showthre...threadid=88958

bam	11-07-2002 20:42

Citaat:

eddie schreef:

Is wist weinig van xhtml, maar wil mijn site nu wel (even) gaan omzetten.

Over je 2e vraag:
http://forum.scholieren.com/showthre...threadid=88958

zoals je zeg "even"
:D
dat doe je niet zo 1 2 3 hoor:)

let wel dat xhtml een herscreven html 4.01 is vermengd met xml!
oftewel alle style codes hoor je (volgens de standaarden van w3) in een .css blad te zetten.
maar je heb daar wel een hulp programmatje voor

En dan ook nog de lege elementen zoals breaks het moeten allemaal <br /> worden inplaats van <br>

*gelukkig hebben we words 2000 met het zoek er vervang functie:D*

Ik heb

eddie

11-07-2002 21:12

Citaat:

bambix schreef:

zoals je zeg "even"
:D
dat doe je niet zo 1 2 3 hoor:)

Ik wel :p

Citaat:

bambix schreef:

let wel dat xhtml een herscreven html 4.01 is vermengd met xml!
oftewel alle style codes hoor je (volgens de standaarden van w3) in een .css blad te zetten.
maar je heb daar wel een hulp programmatje voor

Zitten ze al. En je mag gewoon het style attribuut gebruiken hoor (de validator geeft iig geen foutmelding) :)

Citaat:

bambix schreef:

En dan ook nog de lege elementen zoals breaks het moeten allemaal <br /> worden inplaats van <br>

Jup, ik las het :)

Citaat:

bambix schreef:

*gelukkig hebben we words 2000 met het zoek er vervang functie:D*

ik heb lekker EditPlus 2.11 :p :D

bam	11-07-2002 21:21

Citaat:

eddie schreef:

Zitten ze al. En je mag gewoon het style attribuut gebruiken hoor (de validator geeft iig geen foutmelding) :)

[/url] :p :D

Gouden XHTML Regels

Nest altijd op de goede manier.
Sluit niet lege elementen altijd af met een eindtag.
Lege elementen worden de syntaxis <leeg />
Plaats attribuutwaarden altijd tussen aanhalingstekens. Dat mogen zowal dubbele als enkele aanhalingstekens zijn, maar wees consequent.
Schrijf namen van elementen en attributen in kleine letters.
Attributen moeten altijd een waarde hebben.
Alle XHTML-documenten beginnen met een DOCTYPE-declaratie.
Het rootelement<html> moet een XHTML namespace hebben.
Een document moet altijd de elementen <html>,<head>,<title> en <body> bevatten. Vervang <body> door <frameset> als het om een document met frames gaat.
Plaats script- en style elementen in CDATA-secties in het kopdeel van het document.

eddie

11-07-2002 21:28

Citaat:

bambix schreef:

hmm heeft die validator het even fout:D

Tja...
Ik kan echter niet vinden dat het style-atribuut is afgeschaft in XHTML.

http://www.w3.org/TR/xhtml1/#diffs

bam	12-07-2002 12:31

Citaat:

eddie schreef:

Tja...
Ik kan echter niet vinden dat het style-atribuut is afgeschaft in XHTML.

http://www.w3.org/TR/xhtml1/#diffs

hmm attribuut en element zijn natuurlijk wel anders...
ik kan iig ook nog over vinden

maar het mag wel duidelijk zijn syle attributen(in het vet) zoals

Code:

<HTML>

<HEAD>

<TITLE>Test<title>

</Head>

<body>



<font color="purple" family="arial"><b>Hallo mensen klik hier als je naar mijn site wil</b></font>



</BODY>

</html>

in het het xhtml er anders uit zien

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">



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

  <head>

    <title>Test</title>

 </head>

<style type="text/css">

link {

        color: purple;

        font-family: arial;

        font-weight: bold;

}

</style>



<body>

<link>Hallo mensen klik hier als je naar mijn site wil</link>



</body>

</html>

eddie

12-07-2002 12:43

Is het wel HTML 4.01 wat jij daar doet in je Stylesheet (voor browsers die geen xhtml ondersteunen)?

Wat ook kan (en ik eigenlijk bedoel):

Code:

<span style="color: purple; font-family: arial; font-weight: bold;">

 Hallo mensen klik hier als je naar mijn site wil

</span>

Dit is geldig, en ik heb het gevonden

Het attribuut is dus style. Het element is span. Op elk element kun je in principe het style-attribuut toevoegen (behalve op HMTL). Wil je het HTML element toch stylen, zou je het style element moeten gebruiken.

Btw: Mijn site is al overgezet naar xhtml :D :p

eddie

12-07-2002 13:26

"Voor ik zover weer ondersteunt elke browser xhtml. Maar of het HTML4.01 is weet ik niet. Ik denk het niet want je verwijst in het <style type="text/ css"> al naar css dus is het css en geen HTML maar dat weet ik dus niet"

Ik bedoelde eigenlijk dit:
<style type="text/css">
link {
color: purple;
font-family: arial;
font-weight: bold;
}
</style>
...
<link>
Hallo mensen klik hier als je naar mijn site wil
</link>

dat je dus zelf een element bedenkt. Volgens mij kan dat niet in HTML 4.01

"Waarmee heb jij het omgezet? HTML tidy?"
EditPlus natuurlijk. Mijn site is dynamisch, dus dat scheelt weer. Ik snap niet echt hoe <form> werkt.

Hmm... misschien even een nieuw topic maken over xhtml??

bam	12-07-2002 13:41

Citaat:

eddie schreef:
"Voor ik zover weer ondersteunt elke browser xhtml. Maar of het HTML4.01 is weet ik niet. Ik denk het niet want je verwijst in het <style type="text/ css"> al naar css dus is het css en geen HTML maar dat weet ik dus niet"

Ik bedoelde eigenlijk dit:
<style type="text/css">
link {
color: purple;
font-family: arial;
font-weight: bold;
}
</style>
...
<link>
Hallo mensen klik hier als je naar mijn site wil
</link>

dat je dus zelf een element bedenkt. Volgens mij kan dat niet in HTML 4.01

"Waarmee heb jij het omgezet? HTML tidy?"
EditPlus natuurlijk. Mijn site is dynamisch, dus dat scheelt weer. Ik snap niet echt hoe <form> werkt.

Hmm... misschien even een nieuw topic maken over xhtml??

Goed idee over dat Forum misschien moeten we dan ook even aan de FB's vragen of ze deze posts over xhtml kunnen overzetten naar een of "het"xhtml topic

een eigen element bedenken kan niet in HTML 4.01 wel in CSS en XHTML

<form>? jij bedoel zoiets van invul lijsten enzo?
ik heb een boek over xhtml:D heb jij msn? bambix_@hotmail.com

Alle tijden zijn GMT +1. Het is nu 17:22.