CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mille Nybegynder

10. juli 2009 - 13:28 Der er 8 kommentarer

Hvordan er det nu lige det skal gøres?

Jeg skal have lavet 3 tabeller på en side med en lille tvist

I koden skal de køre i denne rækkefølge
Tabel1: content
Tabel2: footer
Tabel3: søgefelt

Men jeg skal have stylet dem så de kommer til at vises således
Tabel3: søgefelt
Tabel1: content
Tabel2: footer

Kan dette lade sig gøre?, min google pusher siger at det skal laves sådan.

/Mille

Synes godt om

j4k0b Nybegynder

10. juli 2009 - 13:50 #1

Denne følger jeg lige med på :-) Har samme problem som jeg ikke mener jeg fik løst særlig furnuftigt

Synes godt om

mcb2001 Nybegynder

10. juli 2009 - 14:07 #2

forstået rigtigt??

Du skal i din CSS kode style dem i rækkefølgen:
Tabel3, tabel1, tabel2

og output på skærmen skal være:
Tabel1, tabel2, tabel3
??

I så fald er der vel intet i det?

<html>
<tabel 1 class="tabel1">
<tabel 2 class="tabel2">
<tabel 3 class="tabel3">
</html>

css:
#tabel3
{}

#tabel1
{}

#tabel2
{}

Ellers må du udspecefisere dit spørgsmål så det er mere klart :-)

Synes godt om

mille Nybegynder

10. juli 2009 - 14:12 #3

Det er korrekt opfattet, men det er css delen jeg ikke kan finde ud af.

Har du nogle forslag..

Synes godt om

mcb2001 Nybegynder

10. juli 2009 - 14:16 #4

Hvad ved CSS er det du ikke forstår? hvordan du skriver CSS?

Synes godt om

mille Nybegynder

10. juli 2009 - 14:17 #5

Det skal være sådan at:

Tabel3: søgefelt højde: 130px; bredde: 100%
Tabel1: content højde: auto; bredde: 100%
Tabel2: footer højde: 50px; bredde: 100%

Fast højde i søgetabel
Dynamisk højde i content (alt efter indhold)
Fast højde i footer

Synes godt om

mcb2001 Nybegynder

10. juli 2009 - 14:25 #6

eksempel (hvis "height" ikke sættes vil den være auto):

<html>
<head>
<title>
test
</title>
<style type="text/css">
#table3
{
height:130px;
width: 100%;
}
#table1
{
width:100%;
}
#table2
{
height:50px;
width:100%;
}
</style>
</head>
<body>
<div class="table1">

</div>
<div class="table2">

</div>
<div class="table3">

</div>
</body>
</html>

Synes godt om

mille Nybegynder

10. juli 2009 - 14:45 #7

Jamen så får jeg resultatet

content
footer
søgning

Jeg ville kunne bytte om så søgning kom øverst via css scriptet.

søgning
content
footer

Synes godt om

mcb2001 Nybegynder

13. juli 2009 - 11:11 #8

Vil du have elementer til at bytte plads på din side ved hjælp af CSS??????

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS