Avatar billede laksen Nybegynder
16. oktober 2003 - 00:21 Der er 3 kommentarer og
1 løsning

2 span elementers width

Jeg har to span-elementer i 1 div-element. Det første span er 220px bredt og det næste 90px bredt. Dog vises de to elementer helt op ad hinanden der hvor teksten slutter i det første span-element (copy-paste nedenstående kode og se selv). Jeg vil gerne have, at det første span-element fylder samlige 220px uanset om der er tekst nok til det eller ej.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Page title</title>
<style>
div.linie{
  width: 310px;
  height: 13px;
  font: bold 0.6em verdana, sans-serif;
  color: #ffffff;
  background-color: #dabb83;
  padding: 0px 0px 0px 0px;
  margin: 0px 4px 0px 4px;
}
span.celle_1{
  width: 218px;
  text-align: left;
  padding: 0px 0px 0px 2px;
  margin: 0px;
}
span.celle_2{
  width: 90px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
</style>
</head>
<body>

<div class="linie">
<span class="celle_1">Produkt</span><span class="celle_2">Producent</span>
</div>

</body>
</html>
Avatar billede olebole Juniormester
16. oktober 2003 - 00:55 #1
<ole>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Page title</title>
<style>
div.linie{
  position: relative;
  width: 310px;
  height: 13px;
  font: bold 0.6em verdana, sans-serif;
  color: #ffffff;
  background-color: #dabb83;
  padding: 0px 0px 0px 0px;
  margin: 0px 4px 0px 4px;
}
div div.celle_1{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 218px;
  text-align: left;
  padding: 0px 0px 0px 2px;
  margin: 0px;
}
div div.celle_2{
  position: absolute;
  top: 0px;
  left: 220px;
  width: 90px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
</style>
</head>
<body>

<div class="linie">
<div class="celle_1">Produkt</div><div class="celle_2">Producent</div>
</div>

</body>
</html>

/mvh
</bole>
Avatar billede olebole Juniormester
16. oktober 2003 - 01:01 #2
Nu lavede jeg dem til div, men det må ligeså gerne være span. Det betyder ikke noget, da de er absolut positioneret og dermed kan få sat en bredde. Det kan spans ellers ikke. De er født som inline-elementer.
/mvh
Avatar billede laksen Nybegynder
16. oktober 2003 - 01:06 #3
Takker!
Avatar billede olebole Juniormester
16. oktober 2003 - 01:23 #4
... anytime  :)
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