Avatar billede 1nz4n3 Nybegynder
06. september 2005 - 15:51 Der er 8 kommentarer og
1 løsning

CSS: Div'sne skal være ved siden af hinanden.

Hvorfor vil div'sne ikke være ved siden af hinanden?

Vil have det skal være sådan:
.._________..__________..
| forside |..| artikler|
|        |..|        |
¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

frem for:
forside
artikler

her er min kode

<html>
<head>
<title>S e n s a t i o n  .  d k</title>
<style>
#faneblad {
width: 100px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
</style>
</head>

<body>
<div id='faneblad'>Forside</div>
<div id='faneblad'>Forside</div>
<div id='faneblad'>Forside</div>

</body>
</html>
Avatar billede 1nz4n3 Nybegynder
06. september 2005 - 15:51 #1
Altså de skal være sådan:
Forside  Forside  Forside

fremfor:

forside
forside
forside
Avatar billede roenving Novice
06. september 2005 - 15:54 #2
id'er skal være unikke, dvs. du må ikke have flere af dem, så det skal under alle omstændigheder rettes til class="faneblad" og .faneblad{} ...

-- desuden lyder det, som om det, du efterspørger, er float:left; i den pågældende style-regel !o]

-- selv ville jeg nok simpelthen bruge en tabel til det, da fanerne så automatisk ville sidde rigtigt !-)
Avatar billede 1nz4n3 Nybegynder
06. september 2005 - 15:58 #3
<html>
<head>
<title>S e n s a t i o n  .  d k</title>
<style>
.faneblad {
width: 100px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
</style>
</head>

<body>
<table>
<td class="faneblad">Hej</td>
<td class="faneblad">Hej</td>
<td class="faneblad">Hej</td>
<td class="faneblad">Hej</td>
</table>
</body>
</html>
Avatar billede roenving Novice
06. september 2005 - 16:02 #4
Du mangler tr-tags:

<table>
  <tr>
    <td class="faneblad">Hej</td>
    <td class="faneblad">Hej</td>
    <td class="faneblad">Hej</td>
    <td class="faneblad">Hej</td>
  </tr>
</table>
Avatar billede 1nz4n3 Nybegynder
06. september 2005 - 16:14 #5
Kan du svarer mig på havd jeg gør forkert her?

<td bgcolor='#EEEEEE' class="faneblad" onMouseOver='this.backgroundColor = '#FFF';">Forside</td>
Avatar billede roenving Novice
06. september 2005 - 16:17 #6
Sådan:

<td style="background:#eee" class="faneblad" onmouseover="this.style.backgroundColor='#fff';">Forside</td>

-- men sæt background ind i din style-regel, så kan du også ændre tilbage, f.eks. ved onmouseout:

onmouseover="this.style.backgroundColor='';"
Avatar billede 1nz4n3 Nybegynder
06. september 2005 - 16:26 #7
-- og svar??
Avatar billede roenving Novice
06. september 2005 - 16:31 #8
Velbekomme '-)
Avatar billede roenving Novice
06. september 2005 - 16:36 #9
-- og tak for point ;~}
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