CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
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
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
Link fra form input Af jnrmgs i HTML 9 19/09/202319:10 23/09/202313:11
includere i HTML Af slein55 i HTML 3 15/09/202313:47 16/09/202309:40
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 18:09 Kan ikke fildele fra PC til PC Af gertLundberg i LAN/WAN
I dag 17:33 Facebook kopier en tråd Af clausito i Sociale medier
I dag 09:49 Indtogs sejlads : OL i Paris : Hvornår kom Danmark ? Af Ikke-ekspert i Fri debat
I dag 03:28 Inkasso som privat? Af lekor adams i Fri debat
I går 23:51 Frossen cursor Af goglov i PC
White papers
Flere white papers »


Premium
Teaser billede
Nordjyske MapsPeople ruster op til opkøb af konkurrenter: "Vi vil vinde det her kapløb"
Læs mere »
Microsoft tager til genmæle: Vores licenspraksis skaber ikke unfair konkurrence
Færre unge studerende på landets it-uddannelser: "Vi afviser dem der, hvor de har lyst til at læse"
Overblik: Sådan forløb årets største databrud - mindst 165 organisationer ramt
Se alle »
Computerworld
Teaser billede
Elon Musk dropper CrowdStrike efter kæmpe nedbrud
Læs mere »
Apples spritnye app til kodeord kommer til iOS 18: Sådan virker den
Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?
Apples folde-iPhone tager form: Her er planerne
Se alle »
CIO
Teaser billede
Så mange Microsoft-enheder blev ramt af gigantisk Crowdstrike-koks
Læs mere »
Telenor skrotter ældre it-system: Nyt system er en hyldevare
Derfor står Danske Bank foran en kæmpe AWS-transformation: Ellers skulle vi bygge en ny infrastruktur for at følge med
Microsoft kaster milliardbeløb efter nye tiltag til partnerprogrammet: Partnerne kan nu tjene endnu flere penge
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Unbreakable - sådan sikrer du dig vedvarende og uafbrudt adgang til dine data
Læs mere »
Sådan: Sikker, hurtig og fleksibel storage til dine kritiske data
Optimering af Source-to-Pay: Identificér oplagte gevinster og skær omkostninger
MDR: Transparent sikkerhed og overvågning i realtid
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »