Søg
Avatar billede 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
Avatar billede 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
Avatar billede 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 :-)
Avatar billede 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..
Avatar billede mcb2001 Nybegynder
10. juli 2009 - 14:16 #4
Hvad ved CSS er det du ikke forstår? hvordan du skriver CSS?
Avatar billede 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
Avatar billede 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">
<!--Placer "Content" her-->
</div>
<div class="table2">
<!--Placer "footer" her-->
</div>
<div class="table3">
<!--Placer "søgefelt" her-->
</div>
</body>
</html>
Avatar billede 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
Avatar billede mcb2001 Nybegynder
13. juli 2009 - 11:11 #8
Vil du have elementer til at bytte plads på din side ved hjælp af CSS??????
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
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 00:59 Mobilepay app virker ikke mere på Xiaomi Redmi Note 13 Pro Af henrixx i Apps til Android
I går 19:09 Download Win 11 - 25H2 Af ErikHg i Windows
30/0410:42 Access Import af csv fil - forkerte datatyper Af Henrik Berg Hansen i Andet software
29/0419:37 Hente CSV fil, indsætte CSV data i TABEL for JAVASCRIPT Af snestrup2000 i Programmeringsværktøjer
29/0412:23 Facebook Af hkv i Sociale medier
White papers
Flere white papers »