[css] applet uiterst linksboven krijgen - Softwareontwikkeling

zaterdag 21 juni 2003 01:56

Acties:

Topicstarter

code:

<style type="text/css">
<!--
P1 {position:absolute; top:1px; left:1px;}
-->
</style>

<html>
<head>
<title>Dolus Malus svp</title>
</head>

<body bgcolor="0033cc">
<P1><applet code="LogoApplet.class" codebase = "Assets" width="800" height="75">
</applet></P1>
</body>
</html>

Ik maak het in Dreamweaver, als ik dan op refresh druk dan beeld dreamweaver de applet netjes linksboven in de hoek af.
Echter laat IE6 nog ruimte tussen de grens van het document en de applet zien.
Ook als ik de left en top waarden aanpas (bijv. beide 100) dan laat dreamweaver het netjes op die positie zien maar in de preview zet IE de applet weer op z'n oude plek.

Wat is hier aan de hand? Iemand idee?

[edit]
Code aangepast top en left meten natuurlijk beide 0 zijn, ik had het op 1 gezet om te kijken of dat wel werkte, maar nee.

[ Voor 22% gewijzigd door Boondock_Saint op 21-06-2003 02:08 ]

Blasphemy is a victimless crime

zaterdag 21 juni 2003 02:04

Acties:

Boondock_Saint

Topicstarter

sorry, wrong button

[ Voor 99% gewijzigd door Boondock_Saint op 21-06-2003 02:09 ]

Blasphemy is a victimless crime

zaterdag 21 juni 2003 03:12

Acties:

Mafioso

HTML:

<html>
<head>
<title>Dolus Malus svp</title>
<style type="text/css">
<!--
#tst {position:absolute; top:0px; left:0px;}
-->
</style>
</head>

<body bgcolor="0033cc">
<applet id="tst" code="LogoApplet.class" codebase = "Assets" width="800" height="75">
</applet>
</body>
</html>

zaterdag 21 juni 2003 08:02

Acties:

Verwijderd

Body eigenschappen kun je trouwens ook met CSS instellen.
.

Cascading Stylesheet:

1 2	body {background-color: #0033cc;} #tst {position:absolute; top:0px; left:0px;}

Je kan met Dreamweaver instellen met welke browsers je code compatible moet zijn.
Code die Dreamweaver uitspuigt kun je ook door een HTML-validator halen om te kijken of hij wel aan het een en ander voldoet.

Zo geeft bijv. HTML-kit deze oplossing als ik de HTML-code van de vorige poster invoer (met de opmerking dat er een probleem is met de body color= tag):

HTML:

[nohtml]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Dolus Malus svp</title>
<style type="text/css">
<!--
#tst {position:absolute; top:0px; left:0px;}
-->
</style>
</head>
<body bgcolor="#0033CC">
<applet id="tst" code="LogoApplet.class" codebase="Assets" width=
"800" height="75"></applet>
</body>
</html>[/nohtml]

(let op het # in de body tag)

Tips/naslag:
• http://www.chami.com/html-kit/ (HTML Validator)
• http://www.xs4all.nl/~werksman/webmees/css_intro.html (CSS uitleg)
• http://www.mijnhomepage.nl/csscursus/csslessenoverzicht.php (CSS uitleg)
• http://www.playgarden.com/w3c/TR/REC-CSS1/CSS1.html (CSS naslag)

Post tips voor GoT:

Lijn je code uit, dat leest een stuk makkelijker en vernaggelt de layout niet zo;
maak gebruik van de [code=HTML]voor html code[/code], dan heb je gelijk regelnummers - dat praat een stuk makkelijker.

Succes in ieder geval met coden!

[ Voor 53% gewijzigd door Verwijderd op 21-06-2003 23:06 ]

zaterdag 21 juni 2003 20:39

Acties:

Verwijderd

Het randje wordt veroorzaakt door de margin of padding van het body element. Los het dan ook op door dáár iets aan te doen, dus:

Cascading Stylesheet:

body
{
   margin: 0;
   padding: 0;
}

En owja, het is netter om de achtergrondkleur eigenschap aan het HTML element te geven. En een kleurcode beginty altijd met een hekje, en moet dus zijn #0033cc in plaats van 0033cc. Dat geldt voor CSS properties én voor HTML attributen.

zondag 22 juni 2003 00:17

Acties:

Willem

Dank Cheatah

Motor (of auto) onderhoud bijhouden