Toon posts:

[ie] Bekend witte rand bug??

Pagina: 1
Acties:
  • 195 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
Hoi,

Was dus bezig met HTML en krijg een witte rand onder een plaatje in Internet Explorer 6. Firefox heeft hier totaal geen last van - vaag - dus heb ik even gezocht (google + got) en kwam het volgende tegen:

[rml][ IE/HTML] witte band, weg na refresh :/[/rml]

Opzich het zelfde probleem.. Alleen blijft bij mij na een refresh het balkje ook gewoon staan. Ik gebruik alleen geen 100% in mijn widths of heights zoals je onder kan zien.. Daarnaast heb ik ook alles al met een css geprobeerd... maar het lukt dus niet..

Op google vond ik het volgende:

http://www.webmasterworld.com/forum21/10933.htm
This extra white space can happen in IE when there are line breaks within the mark-up -- it renders them as visible space in some cases. Try removing any line breaks in the code for that region of the page and see if anything changes.
Heb dus geen line breaks..

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<body bgcolor="#E7E6E6" topmargin="0">
<table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" align="center" style="border-left:2px solid #FF0101; border-right:3px solid #414E8E; border-bottom:1px solid #000000;">
    <tr>
        <td>
            [img]"top2.gif"[/img]
        </td>
    </tr>
</table>
</body>
</html>



Als ik dit HTML bestandje ga validaten krijg ik de volgende meldingen:

1. Error Line 3 column 34: there is no attribute "TOPMARGIN".
<body bgcolor="#E7E6E6" topmargin="0">

2. Error Line 3 column 37: document type does not allow element "BODY" here.
<body bgcolor="#E7E6E6" topmargin="0">

3.Error Line 12 column 6: end tag for "HTML" which is not finished.
</html>

Denk niet dat dit erg interessant en nuttig is overigens..

Maar het is dus een bug in Internet Explorer.. dat is duidelijk... Hoe krijg ik dit probleem nou weg?

[ Voor 13% gewijzigd door Verwijderd op 21-09-2005 14:18 ]


  • AtleX
  • Registratie: Maart 2003
  • Niet online

AtleX

Tyrannosaurus Lex 🦖

Uhm, je HTML klopt van geen kant en jij beweert dat dat niet echt nuttig is :? 8)7. Als je dat nou eerst op orde maakt en dan gaat kijken of je het probleem nog hebt? Haal dan meteen die mix tussen deprecated opmaak meuk en CSS eruit. Dat verwart alleen maar :). Zet dan eens het volgende bovenaan je CSS:
Cascading Stylesheet:
1
2
3
4
* {
  margin: 0;
  padding: 0;
}

en ga dan eens spelen met de gewenste margins en paddings tot je hebt wat je hebben wil.

[ Voor 47% gewijzigd door AtleX op 21-09-2005 14:22 ]

Sole survivor of the Chicxulub asteroid impact.


  • KolNedra
  • Registratie: September 2001
  • Laatst online: 18-04-2020

KolNedra

...

::: flickr.com/kolnedra ::: Nikon D80 + Sigma 18-200mm f/3.5-6.3 DC + Sigma 10-20mm f/4-5.6 EX DC HSM


Verwijderd

misschien je doctype goed zetten (strict) en je <td>'s en <img> op een regel zetten?

  • Tybo
  • Registratie: September 2005
  • Laatst online: 25-08-2025

Tybo

010101011110010101??

Uhm, je HTML klopt van geen kant en jij beweert dat dat niet echt nuttig is :? 8)7. Als je dat nou eerst op orde maakt en dan gaat kijken of je het probleem nog hebt?
Yup
Je declareert een dtd. In die grenzen van die dtd moet je blijven, of je gebruikt hem gewoon beter niet. Of je maakt natuurlijk je eigen dtd. De dtd die jij hebt eist een attribuut <head> en nog ietske dat ik vergeten ben :|

SvennieG


  • Osiris
  • Registratie: Januari 2000
  • Niet online
Tybo schreef op woensdag 21 september 2005 @ 14:23:
[...]

De dtd die jij hebt eist een attribuut <head> en nog ietske dat ik vergeten ben :|
Correctie, vereist alleen een <title>. De <head>, <body> en zelfs <html> kan em gestolen worden ;) Kijk maar

[ Voor 8% gewijzigd door Osiris op 21-09-2005 14:29 ]


Verwijderd

Topicstarter
Ik helemaal moeilijk doen..
Verwijderd schreef op woensdag 21 september 2005 @ 14:23:
misschien je doctype goed zetten (strict) en je <td>'s en <img> op een regel zetten?
Het ligt niet aan de CSS of mijn brakke style gebeure..

het ligt 100% aan het volgende:

HTML:
1
<td>[img]"top2.gif"[/img]</td>


Opgelost..

Wel vreemd trouwens :?

Maar people BEDANKT!

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

dus toch whitespace/linebreaks ;)

Intentionally left blank


  • oshiro
  • Registratie: Maart 2005
  • Laatst online: 26-04 21:24

oshiro

Chill, dude.

Sorry voor de gruwelijke topickaping, maar ik moet het toch even posten. Ik heb al een tijdje zitten knoeien en heb hetzelfde probleem.

Ik ben nog vrij n00b op html, maar ben druk bezig het te leren, (ik heb al eerder websites gemaakt maar met hulp en dat ging nooit echt 100% goed).

Hier de code:

EDIT: zie [rml]oshiro in "[ ie] Bekend witte rand bug??"[/rml]

Ja het is wat lang ja :) Ik heb het gevalideerd en zowel de HTML als de CSS klopt. (ik krijg wel twee waarschuwingen bij CSS, over dat ik geen kleur heb gekozen, weet iemand wat dat is?)

Ik denk dat ik hier met hetzelfde probleem zit, maar ik kan echt niet vinden waar het nou precies zit. Het gaat om de lijn onder de top. (top.jpg)

(Oja, de CSS komt later wel in een aparte stylesheet :) )

Alvast bedankt!

ps. Oja, als iemand nog nuttige op of aanmerkingen heeft op deze site dan hoor ik het graag! Dit is de eerste site die ik helemaal in mn eentje schrijf dus (en heb er best lang over gedaan om door de validation heen te komen :Y) ), als er iets beter kan zeg het gerust. N00b heeft gesproken.

[ Voor 102% gewijzigd door oshiro op 22-09-2005 22:47 ]

“Life is tough, but it's tougher when you're stupid.” - John Wayne | Last.fm


  • MikeN
  • Registratie: April 2001
  • Laatst online: 29-04 19:16
Linebreaks er al uitgehaald? (Ik zie na iedere <td> enzo nog een linebreak staan in de code die je post)

[ Voor 6% gewijzigd door MikeN op 22-09-2005 00:20 ]


  • oshiro
  • Registratie: Maart 2005
  • Laatst online: 26-04 21:24

oshiro

Chill, dude.

Zo steekt die bug dus in elkaar :)

Goeie leer voor de volgende keer:

EDIT: zie [rml]oshiro in "[ ie] Bekend witte rand bug??"[/rml]

Dit is de body, zoek de verschillen (niet moeilijk :) ) De rest is niet veranderd.
En wat betekenen die twee waarschuwingen over de kleuren in CSS? Moet ik het ook in letters geven ipv alleen hex?

Iemand verder nog commentaar?

Edit: ik heb de <p> tag boven het plaatje in kwestie vervangen door <div>, toch een wat mooiere oplossing (de <p> werd in firefox een dikke balk, dat had ik nog niet gechecked). Probleem is nu wel dat de balk, die nu dus weg is in IE6, wel in Firefox zit. Precies hetzelfde, ook dezelfde grootte (ca. 5px). De <div> is ook gesloten. Sorry voor mijn spervuur aan vragen, maar ik wil graag weten hoe het zit :) Het zal wel iets heel doms zijn, maar toch...

[ Voor 77% gewijzigd door oshiro op 22-09-2005 22:48 ]

“Life is tough, but it's tougher when you're stupid.” - John Wayne | Last.fm


Verwijderd

De waarschuwing van de CSS-validator komt voor uit het advies om altijd color èn background-color te definiëren als je een van beide wilt gebruiken. Dit ter voorkoming van een mogelijk slecht of zelfs on-zichtbare combinatie. Zie verder "W3: If You Pick One Color, Pick Them All".

[ Voor 19% gewijzigd door Verwijderd op 22-09-2005 01:29 ]


  • oshiro
  • Registratie: Maart 2005
  • Laatst online: 26-04 21:24

oshiro

Chill, dude.

Thx, je hebt gelijk :) Color erbij gezet en heb nu nergens fouten of waarschuwingen (of kun je dat bij de validatie van het HTML ook aanzetten zoals bij de CSS validator?)

Nu alleen nog de balk onder het plaatje bij vuurvos :/

“Life is tough, but it's tougher when you're stupid.” - John Wayne | Last.fm


Verwijderd

mensen, je kan alles wel bugs noemen, maar dat is het dus niet (1tje in webdeveloper 1.0 ja :P). Als je gewoon netjes je <p> afsluit na je img is er niks aan de hand.

wat betreft de balk: zet de marge van de paragraaf eens uit.

verder: zoek eens wat op over semantiek.

edit: verrek, toch een bug. IE sluit de p pas af na de table:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
<P><IMG alt="Klik op de links om meer te weten te komen over deze site" 
src="images/top.jpg" useMap=#buttonmap> <MAP id=buttonmap name=buttonmap><AREA 
shape=RECT alt=Team coords=290,72,381,100 href="team/team.html"><AREA shape=RECT 
alt=About coords=449,72,559,100 href="about/about.html"></MAP>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=sidebar>Hier komt de sidebar <BR>met alle links enzo. </TD>
<TD class=tekst>
<P>Hier komt de rest van het geblaat. <BR>&nbsp;<BR>This is a paragraph This is 
a paragraph This is a paragraph This is a paragraph </P>
<P class=margin>This is a paragraph with a left margin This is a paragraph with 
a left margin </P></TD></TR></TBODY></TABLE></P>


terwijl Fx hem afsluit na de map:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
  <p>[img]"images/top.jpg"[/img]
    <map id="buttonmap" name="buttonmap"><area shape="rect" coords="290,72,381,100" href="team/team.html" alt="Team"><area shape="rect" coords="449,72,559,100" href="about/about.html" alt="About"></map>
  
</p><table border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>

    <td class="sidebar">
      Hier komt de sidebar <br>met alle links enzo.
      </td>
    <td class="tekst">
      <p>
        Hier komt de rest van het geblaat.
        <br>&nbsp;<br>
        This is a paragraph This is a paragraph
        This is a paragraph This is a paragraph
      </p>
      <p class="margin">

        This is a paragraph with a left margin
        This is a paragraph with a left margin
      </p>
    </td>
  </tr>
</tbody></table>


anyways: sluit 'm gewoon zelf af, dan voorkom je dit soort gedonder

[ Voor 104% gewijzigd door Verwijderd op 22-09-2005 11:37 ]


  • oshiro
  • Registratie: Maart 2005
  • Laatst online: 26-04 21:24

oshiro

Chill, dude.

De <p> is nu een <div>, en toen kreeg ik dat probleem pas. De validator begon te zeuren toen ik de <p> afsloot, dat ik toen een <p> had afgesloten die niet geopend was. Toen ik de laatste </p> weghaalde werkte het en werd hij goed gevalideerd. Hij komt nu gewoon door de validator heen.
De <p> is nu dus weg, vervangen door <div> en toen ontstond het probleem.

Hier de code zoals hij er nu bij staat:

EDIT: zie [rml]oshiro in "[ ie] Bekend witte rand bug??"[/rml]

Heb al wat geprobeerd met marges van de <div> maar de balk blijft.

En als dit topic gesplit moet worden gaat uw gang beste mods :)

[ Voor 73% gewijzigd door oshiro op 22-09-2005 22:49 ]

“Life is tough, but it's tougher when you're stupid.” - John Wayne | Last.fm


Verwijderd

validators zeuren niet, maar houden zich gewoon aan de regels ;)
- als je eerst een </p> na die tabel had, krijg je een error omdat een p geen table mag bevatten en dus de p automatisch voor de table wordt afgesloten (wat IE dus niet doet). Als de parser dan bij de </p> komt meldt ie terecht dat er geen (meer) open is
- haal je vervolgens die laatste </p> weg, dan vertrouw je op de automatische afsluit algorithmes van de parser. Dit kan gewoon, daarom zegt de validator ook niks meer. Zoals uit mijn voorbeeld blijkt is dat niet altijd verstandig.
- vervang je die ene <p> door <div> dan wordt die div niet afgesloten (want de eindtag is verplicht, dus krijg je een error

overigens heb je allemaal NET shorttags in je code, aangezien ik aanneem dat je niet weet wat dat is, en ze ook niet werken, raad ik je aan ze te verwijderen (<br /> -> <br>)

over de rand: img is een inline element en wordt op de baseline geplaatst, er blijft dus nog ruimte onder over (voor de staartjes van de "g" enzo) als je dit niet wilt, kan je of opzoeken hoe je een img niet op de baseline maar lager plaatst, of opzoeken hoe je een img niet inline maakt.

en als laatste raad ik je aan je wat verder te verdiepen in html, keyword: semantiek

[ Voor 41% gewijzigd door Verwijderd op 22-09-2005 19:55 ]


  • oshiro
  • Registratie: Maart 2005
  • Laatst online: 26-04 21:24

oshiro

Chill, dude.

Ik weet wel wat die shorttags zijn, ik was eerst van plan om XHTML te schrijven, maar dat lukte niet. Ik ben het nu weer aan het proberen.
Heb inderdaad wat over semantiek gelezen ja, het meest komt me wel bekend voor. Ik heb eens met een vriend van me over HTML en CSS en de bijbehorende semantiek (nu weet ik dus hoe het heet :) ) gepraat, en daar hechtte hij veel waarde aan. Browsers zullen het beter begrijpen als ik de juiste semantiek gebruik, als ik het goed begrijp. Ik weet er zeker nog niet alles van, als je details hebt die ik kan verbeteren: zeg het maar, van kritiek kan ik veel leren.

Ik post mijn aangepaste code hier, en de rest wis ik wel even (uit de andere posts):
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

<head>
  <title>Welkom op de site van groep 09 van de faculteit Werktuigbouw aan de TU Delft</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  <meta name="author" content="Erik den Toom" />
  <meta name="revised" content="Erik den Toom, 21-9-2005" />
  <meta name="generator" content="God heeft me niet voor niets handen gegeven ;-)" />
  <!-- <base href="invullen nadat ik adres om te uploaden weet!!!" /> -->

<style type="text/css">
  p.margin-body
    {
    margin-left:
      10px;
    }
  
  body
    {
    margin: 
      0px;
    padding: 
      0px;
    color:
      #000000;
    background-color: 
      #808080;
    font-family: 
      "trebuchet ms", "eras demi itc", verdana, "microsoft sans serif", sans-serif
    }
  
  img
    {
    border:
      none
    }
    
  td.sidebar
    {
    width: 
      200px;
    height: 
      1000px;
    color:
      #000000;
    background-color: 
      #ffffff;
    }
  
 td.tekst
    {
    width: 
      600px;
    height: 
      1000px;
    background-image:
      url("images/background-right.jpg");
    background-repeat:
        repeat-y
    }
</style>

</head>

<body>
<div>
[img]"images/top.jpg"[/img]<map id ="buttonmap" name ="buttonmap"><area shape ="rect" coords ="290,72,381,100" href ="team/team.html" alt ="Over ons" /><area shape ="rect" coords ="449,72,559,100" href ="about/about.html" alt ="Over de website" /></map><table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="sidebar">
      <p class="margin-body">
        Hier komt de sidebar <br />met alle links enzo.
      </p>
    </td>
    <td class="tekst">
      <p>
        Hier komt de rest van het geblaat.
        <br />&nbsp;<br />
        This is a paragraph This is a paragraph
        This is a paragraph This is a paragraph
      </p>
      <p class="margin">
        This is a paragraph with a left margin
        This is a paragraph with a left margin
      </p>
    </td>
  </tr>
</table>
</div>
</body>

</html>


Nu heb ik het probleem in xhtml dat het hekje voor #buttonmap niet mag. Echter de browsers geven geen fouten en zonder hekje werkt de link in IE niet. Hier de fout van de validator:
1. Error Line 80 column 35: character "#" is not allowed in the value of attribute "usemap".

<img src="images/top.jpg" usemap ="#buttonmap" alt ="Klik op de links om meer te

It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.


2. Error Line 80 column 140: there is no attribute "name".

...ze site"/><map id ="buttonmap" name ="buttonmap"><area shape ="rect" coords =

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.


3. Warning Line 80 column 35: reference to non-existent ID "#buttonmap".

<img src="images/top.jpg" usemap ="#buttonmap" alt ="Klik op de links om meer te

This error can be triggered by:
* A non-existent input, select or textarea element
* A missing id attribute
* A typographical error in the id attribute

Try to check the spelling and case of the id you are referring to.
Ik heb al een tijd gezocht, ook op de w3 site, maar ik kom er simpelweg niet uit. Het zit in de manier hoe ik de map functie gebruik. Wanneer ik het hekje weghaal is de fout weg (maar werken de buttons niet in IE), en er zit dus een fout in de naam van de map.
Mijn problemen nu zijn dus: de balk in FF, en de fouten in mijn xhtml (van de map). Tips (bijv over de semantiek) zijn welkom, en mijn excuses voor het doorzeuren :)

[ Voor 12% gewijzigd door oshiro op 22-09-2005 22:59 ]

“Life is tough, but it's tougher when you're stupid.” - John Wayne | Last.fm


Verwijderd

een NET shorttag is een SGML feature en heeft niks met xhtml te maken.
XHTML werkt ook niet, dus dat kan je maar beter helemaal niet gebruiken.

dat een # niet mag in de usemap attribuut is nieuw voor mij, ik kan het ook eigenlijk niet terugvinden, maar hij hoort er dus wel

verder moet het map element in html een name attribuut hebben en in xhtml juist een id, handig is dus idd om ze maar gewoon allebei te doen

gooi verder die tabel er gewoon uit, krijg de indruk dat je die niet nodig hebt, en de balk: zie m'n vorige reply ;)

  • oshiro
  • Registratie: Maart 2005
  • Laatst online: 26-04 21:24

oshiro

Chill, dude.

Sorry voor de kick maar ik vond het persoonlijk de moeite waard :)
Ik heb semantiek nog eens bestudeerd en begrijp het nu wel een beetje ja.
De complete website ziet er nu goed uit, en komt door de validator.
Dit is em: http://www.dentoom.demon.nl
Dit wordt niet de definitieve locatie, het is even tijdelijk :)
Niet te hard lachen om het stuk bij Over deze website, hij is gemaakt voor de Dreamweaver/Frontpage-jeugd :) (en ja ik ben wat idealistisch geworden ;) )

Wat vinden jullie ervan?
Dit is dus de eerste website die ik in mijn eentje (en met jullie hulp uiteraard) heb gemaakt.
Tips zijn nog steeds welkom!

“Life is tough, but it's tougher when you're stupid.” - John Wayne | Last.fm


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Ik zou van de imagemap ook gewoon een list maken en die stylen met css, hetzelfde geld eigenlijk ook voor je opsomming in de inleidende tekst. Onderbalk kan je ook met css doen; het idee hierachter is dat je opmaak gerelateerde plaatjes uit je html laat.

  • oshiro
  • Registratie: Maart 2005
  • Laatst online: 26-04 21:24

oshiro

Chill, dude.

Onderbalk staat nu ook in css, totaal niet aan backgrounds gedacht daar :)

Het mooiste zou zijn om de links in de imagemap zo te houden. Er komt heel misschien nog een forum op ook namelijk, of de hele website gaat weer op de schop, maar de layout wil ik zo houden.
Bestaat er misschien een betere oplossing waarbij ik nog steeds plaatjes gebruik voor de links?
Dit is redelijk kort, maar het plaatje moet dus wel in de HTML-code staan en niet in de CSS.
Werkt dit soort code bijvoorbeeld? Dat zou namelijk wel een mooie oplossing zijn.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style>
div.link1
  {
  position:
    absolute;
  left:
    -coordinaat-;
  top:
    -coordinaat-;
  }
</style>

<a href="link1.html">
  <div class="link1">
  </div>
</a>

Dus een blokje maken wat je over een plaatje (background dus) heen kan zetten, 
en dat als klikbaar gebied aangeeft.

Ook is de background in het tekst-gedeelte wat provisorisch. Hij bestaat uit twee delen, de gradient rechts en de achtergrond in het midden, zou dat mooier kunnen in plaats van twee divs in elkaar?
Misschien zou ik er een derde balk naast moeten maken, zodat de twee backgrounds gewoon naast elkaar kunnen. Dan moeten ze echter niet in elkaar over-faden zoals nu (of ik moet met transparantie werken, maar ik weet niet of dat perfect gaat, het is toch òf transparant òf niet, en niet deels?)

Edit:

De bovenbalk staat nu ook in css. Zo was de HTML-code:
HTML:
1
2
<div class="top">
      [img]"images/top.jpg"[/img]<map id ="buttonmap" name ="buttonmap"><area shape ="rect" coords ="341,72,445,100" href ="team/team.html" alt ="Over ons"><area shape ="rect" coords ="531,72,669,100" href ="about/about.html" alt ="Over de website"></map></div>

Dit is het nu:
HTML:
1
2
3
4
5
6
7
8
9
10
<div class="top">
  <a href ="team/team.html">
    <div class="link-team">
    </div>
  </a>
  <a href ="about/about.html">
    <div class="link-about">
    </div>
  </a>
</div>

Zo heb ik het in CSS gezet:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
div.top
    {
    width:
        980px;
    height:
        100px;
    margin:
        0px;
    background-image:
        url("images/top.jpg");
    }

div.link-team
    {
    position:
        absolute;
    top:
        72px;
    height:
        28px;
    left:
        341px;
    width:
        104px;
    }

div.link-about
    {
    position:
        absolute;
    top:
        72px;
    height:
        28px;
    left:
        531px;
    width:
        138px;
    }

div.bottom
    {
    width:
        980px;
    height:

        30px;
    margin:
        0px;
    }


Is dit een betere oplossing? Het werkt in IE en FF, alleen in IE blijft de cursor een pijl als je hem op de 'linkgebiedjes' houdt, de links werken wel, maar pas bij het klikken wordt het een handje :)

EDIT2: Hij komt nu dus niet meer door de validator heen :(
# Error Line 23 column 30: document type does not allow element "DIV" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag.

<div class="link-team">

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


# Error Line 27 column 31: document type does not allow element "DIV" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag.

<div class="link-about">
Heeft iemand hier een oplossing voor? Ik ben door mn inspiratie heen... :'(

EDIT3: (en hij gaat maar door)
Heb nu die <div>'s die ook door de validator werden genoemd door <object> vervangen, nu komt hij door de validator heen, en hij werkt in FF, maar niet in IE :(

misschien is het slimmer om het topic te splitten :)

[ Voor 85% gewijzigd door oshiro op 04-10-2005 20:05 ]

“Life is tough, but it's tougher when you're stupid.” - John Wayne | Last.fm


  • 2_05
  • Registratie: November 2004
  • Laatst online: 28-04 16:25
oshiro schreef op dinsdag 04 oktober 2005 @ 17:00:
Sorry voor de kick maar ik vond het persoonlijk de moeite waard :)
Ik heb semantiek nog eens bestudeerd en begrijp het nu wel een beetje ja.
De complete website ziet er nu goed uit, en komt door de validator.
Dit is em: http://www.dentoom.demon.nl
Dit wordt niet de definitieve locatie, het is even tijdelijk :)
Niet te hard lachen om het stuk bij Over deze website, hij is gemaakt voor de Dreamweaver/Frontpage-jeugd :) (en ja ik ben wat idealistisch geworden ;) )

Wat vinden jullie ervan?
Dit is dus de eerste website die ik in mijn eentje (en met jullie hulp uiteraard) heb gemaakt.
Tips zijn nog steeds welkom!
Beetje lastig dat ie niet aanpast aan de grootte van je browser, waardoor je opzij moet scrollen wil je de rest zien in een kleine browser
Pagina: 1