Søg
Avatar billede knallertjoe Praktikant
09. august 2005 - 10:09 Der er 11 kommentarer og
1 løsning

tabel i CSS _ åbent spørgsmål.

Hej X-perter.
Jeg er ganse ny i CSS, men inden jeg for alvor går i gang med at lære det, vil jeg gerne vide, om CSS kan løse det jeg pønser på.
Jeg vil lave en hjemmeside hvor alle siderne har samme opbygning (skal se ens ud).
Siderne skal opbygges v.h.a. en tabel, og i de enkelte celler skal der nogle forskellige scripts ind, alt afhængig af, hvilken side man er på.
Siderne vil jeg gerne opbygge således, at hvis der sker en ændring i skabelonen (eksempelvis hvis der indsættes en reklame) skal det slå igennem på alle siderne, men indholdet i nogle af cellerne skal stadig være forskellige.
Kan en sådan skabelontabel laves v.h.a. css?
Derudover vil jeg gerne spørge om een ting mere...
Kan følgende lade sig gøre:
På nogle af siderne skal den samme drop down boks være. Kan det lade sig gøre v.h.a. css at have en ekstern fil med drop down boksens kode i, og indsætte denne kode i nogle celler på forskellige undersider. Jeg mener.... Hvis der skal ændres i koden, behøver man kun at gøre det eet sted.
Eller skal jeg kaste mig over noget andet end CSS?
Jeg har lavet en del hjemmesider i Frontpage, men de behov jeg har nu, kan frontpage vist ikke dække (jo med rammesider - men min erfaring siger mig, at rammesider ikke er super at bruge).
På forhånd tak.
Avatar billede roenving Novice
09. august 2005 - 10:28 #1
Nej, css (Cascading StyleShettes !-) er styling-information, ikke hverken elementer eller indhold, så hvis du skulle sammenligne med en lørdagskylling er det de farver og den form æsken har ...

-- ja, du skal kaste dig over en serverside sriptingsprog, de mest almindelige blandt almindelige er php og asp ...

-- og hvilken du skal bruge kommer først og fremmest an på, hvad din udbyder kan acceptere, dernæst hvilken kodestil, der bedst passer dig !o]

-- og hvis du har vaner fra FrontPage, kan det blive et rigtig sejt træk at få css ind under huden, for mange af FPs måder f.eks. at bruge css er nærmest til grin og noget vrøvl ...

-- Men held og lykke !-)
Avatar billede knallertjoe Praktikant
09. august 2005 - 10:56 #2
Hej Roenvig.
Tak for dit svar.
Er det rigtigt at det er fornuftigt af mig at opbygge siden i CSS? Min tabelskabelon skal faktisk ligne den der er på www.nyhedsoverblikket.dk
Er det noget der er nemt at lave? Vil du evt. lave en hurtig skabelon a la den før omtalte?
Avatar billede knallertjoe Praktikant
09. august 2005 - 11:02 #3
Findes der evt. wysiwyg style sheet editorere, hvor du kan lave en tabel, og bagefter eksportere layoutet til en css fil?
Avatar billede roenving Novice
09. august 2005 - 11:25 #4
Det er meget nemt at miste overblikket, hvis man arbejder med tabeller på den måde, men egentlig er tabellen ikke særlig kompliceret, så du kunne faktisk starte med at hive hovedtabellen udaf siden, og fjerne alt indholdet, så kunne du begynde derfra !-)
Avatar billede knallertjoe Praktikant
09. august 2005 - 11:43 #5
Det var egnntlig også det  jeg havde tænkt mig.. Altså at lave tabellen i en wysiwyg editor og eksportere layoutet til en CSS fil.
Er der nogen programmer der kan gøre noget sådant?
Avatar billede roenving Novice
09. august 2005 - 12:02 #6
Tabeller er elementer, som du ikke kan lave med css, i eksemplet med lørdagskyllingen er det pap-kassen og folie-bakken, css kan kun bestemme størrelse, form og farver !-)
Avatar billede knallertjoe Praktikant
09. august 2005 - 12:38 #7
Nej men hvis jeg eksempelvis laver en tabel i FP ser koden således ud:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 1</title>
</head>

<body>

<table border="1" width="100%" id="table1">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>

</body>

</html>

Hvorledes definerer jeg i CSS, at celle 1,1 eksempelvis kun skal fylde 33 %, celle 1,2 skal fylde 66 %, celle 2,1 skal fylde 40& og celle 2,2 skal fylde 60%.
Avatar billede roenving Novice
09. august 2005 - 12:53 #8
Det kan man jo ikke, og så skal man over i nogle underlige tricks, et af dem er at lave tabeller i tabeller, et andet at lave nestede divs, som så kan suppleres med noget float (først her kom det allerførste spor af css !-)
Avatar billede knallertjoe Praktikant
09. august 2005 - 13:13 #9
Ok. Tak for svaret.
Hvordan ville du gribe det an, hvis du skulle lave en hjemmeside hvor alle undersiderne er ens, således at du evt. senere kan indsætte en celle eller noget andet? Er det via asp?
Jeg spørger fordi det er lidt vigtigt for mig at kaste mig over "det rigtige", når jeg skal lære nyt
Avatar billede knallertjoe Praktikant
09. august 2005 - 13:19 #10
Du skal i øvrigt have mine point.
Du kan sende et svar
Avatar billede roenving Novice
09. august 2005 - 13:39 #11
Ja, du skal bruge asp eller php, men check hvad din udbyder understøtter først !-)

-- forøvrigt glemte jeg et af de somplere tricks:

<table border="1" width="100%" id="table1">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td colspan="2">&nbsp;</td>
        <td colspan="4">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="3">&nbsp;</td>
        <td colspan="3">&nbsp;</td>
    </tr>
</table>

-- som vil give 33/67 i den anden linje og 50/50 i tredje, skal man have cellebredder, som ligger så tæt som 33 og 40%, skal man nok bruge en anden metode ...

-- og eksemplet her viser en metode, men bemærk, at alle de properties, som er benyttet, ellers vil diverne sikkert hoppe mærkværdigt rundt !-)

-- og bemærk også, at der i en hel del elementer er en style-attribut med en enkelt css-property, mens de fleste befinder sig i stylesheetet !o]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.minTabel{width:100%;border-collapse:collapse;border:1px solid green;}
.minTabel td{margin:0;border:0;padding:0;}
.minTabel div{float:left;text-align:center;}
.minTabel .left{background:#f77;}
</style>
<title>Simpelt design med tabel osv.</title>
</head>
<body>
<table class="minTabel" id="table1">
    <tr>
        <td style="width:100%">
        <div class="left" style="width:33%;">1,1</div>
        <div style="width:67%;">1,2</div></td>
    </tr>
    <tr>
        <td style="width:100%">
        <div class="left" style="width:40%;">2,1</div>
        <div style="width:60%;">2,2</div></td>
    </tr>
</table>
</body>
</html>

-- els velbekomme '-)
Avatar billede roenving Novice
09. august 2005 - 13:44 #12
-- 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
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 16:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
I går 12:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »