Image helemaal boven aan html pagina plaatsen

Pagina: 1
Acties:

  • Wizzing
  • Registratie: Oktober 2000
  • Laatst online: 24-02 10:53
Ik had een klein vraagje wat voor de meesten van jullie heel simpel zal zijn:

Ik heb een frameset gemaakt en wil nu in een van de frames een balk (gifje) helemaal boven aan de pagina plaatsen. Dus dat er geen "wit ruimte" meer tussen de frame en het plaatje zit. Ook zal ik graag willen weten hoe je dit rechts onder aan een pagina doet >> een footer ofzo??

Btw Ik gebruik Dreamweaver MX, misschien is hier een makkelijke optie voor te gebruiken die ik nog niet ontdekt heb

Alvast bedankt


P.s. ik hoop dat dit kan en dat dit werkt in zowel netscape als IE (en de rest).

  • Tux
  • Registratie: Augustus 2001
  • Laatst online: 21-08 06:33

Tux

code:
1
2
3
<style type="text/css">
BODY {margin-left: 0px; margin-top: 0px;}
</style>


:)

The NS has launched a new space transportation service, using German trains which were upgraded into spaceships.


  • Wizzing
  • Registratie: Oktober 2000
  • Laatst online: 24-02 10:53
Bedankt dit zocht ik!

Dit heb ik nu:

<html>
<head>
<title>TEST</title>
<style type="text/css">
BODY {margin-left: 0px; margin-top: 0px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<BODY bgcolor="#DCEAFC">

[img]"balk.gif"[/img]<br clear=all>
</body>
</html>

Het werkt, bedankt

Verwijderd

Ik zou dat onder het mom van compatibiliteit toch nog even aanpassen naar
PHP:
1
2
3
4
body {
  margin: 0;
  padding: 0;
}

Uitleg: als je kijkt naar het box model van het W3C zie je dit:
Afbeeldingslocatie: http://www.w3.org/TR/REC-CSS2/images/boxdim.gif

Stel je nu ook de body voor als een box. Je ziet dan dat de edges van de content door padding worden opgegeven, niet door margin. Margin werd echter al eerder gebruikt door oudere browsers. Als ik het goed heb pakt Opera alleen de padding, MSIE 6 kent padding ook, Mozilla eveneens. Zolang padding en margin allebei 0 zijn, hinderen ze elkaar niet. Daarom zou je ze allebei moeten gebruiken, zodat je alle CSS capable browsers ondersteunt :)

enne... < br clear=all > :? :X ;)

  • RM-rf
  • Registratie: September 2000
  • Nu online

RM-rf

1 2 3 4 5 7 6 8 9

eventueel zou het ook mogelijk kunnen zijn dit enkel met CSS op te lossen:
code:
1
2
3
4
5
6
7
8
9
<style type="text/css">
BODY
{
   background-color: #FDB;
   background-image: url(plaatje.gif);
   background-position: top left;
   background-repeat: no-repeat;
}
</style>
enne... wat?
deprecated is gewoon afgeraden, maar valideert natuurlijk wel gewoon
http://www.w3.org/TR/html.../graphics.html#adef-clear

code:
1
2
3
<style type="text/css">
BR {clear: all; }
</style>

is wat netter, maar verder is er niks mis mee.

[ Voor 6% gewijzigd door RM-rf op 14-12-2002 15:44 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen