Avatar billede rasmusc Nybegynder
18. november 2002 - 12:09 Der er 2 kommentarer og
1 løsning

mine bokse flytter sig!

Ja jeg har kastet mig over html og css ... og her er så mit første forsøg, men der er sku noget galt. Når man ændrer vinduets størrelse så går der ged i boksenes postiionering! Hvad gør jeg galt?

Og er det en god ide at knalde en tabel ind i boksene for bedre at kunne styre f.eks flere elementer i en boks?

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

<html>
<head>
<title>Torben</title>
<style type="text/css">
<!--

body {font-family: verdana, arial, helvetica, sans-serif; font-size: 14px;
background-color: #037a38}

a:link {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline overline; color: #037a38}
a:active {text-decoration: none; color: #000000;}

.logotekst  { font-family: verdana, arial, helvetica, sans-serif; font-size:
28px;
font-weight: bold; vertical-align: middle }

.adressetekst  {font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px; line-height: 100%  }

.logoboks {
background-image: url(billeder/baggrund.gif);
border-width: 1px 1px 1px 1px;
border-color: #000000;
border-style: solid;
padding: 1%;
position: relative;
top: 0.5;
left:0.5%;
height: 10%;
width: 99.5%;}

.menu {
background-image: url(billeder/baggrund.gif);
border-width: 1px 1px 1px 1px;
border-color: #000000;
border-style: solid;
padding: 1%;
position: relative;
top: 1%;
left: 0.5%;
width: 15%;
height: 87%;
line-height: 125%;
text-align: center}

.indhold {
background-color: #ffffff;
border-color: #000000;
border-width: 1px 1px 1px 1px;
border-style: solid;
padding: 1%;
position: relative;
top: 1%;
left: 0.5%;
height: 87%;
width: 84.5%;
z-indez: 1}

-->
</style>
</head>

<body>
<span class="logoboks"><span class="logotekst">DAN'ATTACK
</span></span>
<span class="menu"><b>Produkter</b>
<a href="mobiltelefoner">Mobiltelefoner</a><br />
<a href="termokander">Termokander</a><br />
<a href="madkasser">Madkasser</a><br />
<a href="landbrug">Landbrug</a><br />
<a href="rodekassen">Rodekassen</a><p></p>
<b>Info</b><br />
<a href="forsiden">Forsiden</a><br />
<a href="firmaet">Firmaet</a><br />
<a href="manden">Manden bag</a><p></p>
<b>kontakt</b>
<span class="adressetekst">DAN'ATTACK<br />Roskildevej 507<br />4100
Ringsted<br />tlf: 7020-6000<br />fax: 4022-6585<br />
<a href="mailto:">mail</a></span>
</span>
<span class="indhold">Billeder og tekster til produkterne ...</span>
</body>
</html>
Avatar billede mm12010 Nybegynder
18. november 2002 - 12:53 #1
border-color: #000000;
border-width: 1px 1px 1px 1px;
border-style: solid;
<-- KAN SKRIVES border: 1px solid black;

padding: 1%;
position: relative;
top: 1%;
left: 0.5%;
height: 87%;
width: 84.5%;
<-- position: relative; BETYDER AT POSITIONERINGEN SKAL FORHOLD SIG TIL STRØRELSE AF VINDUET & %-TEGN ANGIVER STØRRELSE EFTER HVOR MEGET PLADS DER ER TIL RÅDIGHED
Avatar billede rasmusc Nybegynder
18. november 2002 - 15:46 #2
ok - den fæørste del er jeg med på ... men hvad med den anden? Jeg synes ikke det hjælper at skrive position: absolute

ras
Avatar billede mm12010 Nybegynder
29. november 2002 - 13:31 #3
når du skriver position: absolute skal du angive værdierne i px
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester