levva Posted December 7, 2004 Share Posted December 7, 2004 Sitter och har gjort en tabell. I koden upprepas samma information gång på gång (Hej och hå skall normalt inte vara med) <table cellspacing="0" cellpadding="3" bordercolor="#BBBBBB" border="1" style="border:1px solid #BBBBBB; width:581px;border-collapse:collapse" id="table4"> <tr style="background-color:#d9d6c3;font-weight:bold;"> <td valign="top" width="122"> <font size="2">Hej</font></td> <td valign="top" width="146" align="left"> <font size="2">Hå</font></td> <td valign="top" width="139"> <font size="2">Hej</font></td> <td valign="top" width="143" align="left"> <font size="2">Hå</font></td></p> </tr> <tr style='background-color:#f9f6e3;'> <td valign="top" width="122"> <font size="2">Hej</font></td> <td valign="top" width="146" align="left"> <font size="2">Hå</font></td> <td valign="top" width="139"> <font size="2">Hej</font></td> <td valign="top" width="143" align="left"> <font size="2">Hå</font></td></p> </tr> Sen upprepas samma information rad efter rad! Jag har en extern css kopplad till dokumentet, men vet inte hur jag ska göra för att omsluta hela tabellen. Hur anger man CSS i HTML koden så att den omsluter hela tabellen. Finns det något jag kan ange, helst bara en gång och så att den täcker in hela tabellen. Jag känner till att man kan omsluta allt inom td genom att skriva så här inom head. td { font-family: Arial; font-size: 13px} Men nu vill jag ju inte att alla td ska vara i samma format utan det är ju bara för den här tabellen (finns flera andra på sidan). Snälla kan någon visa hur man ska skriva. Det är säker busenkelt, men jag har inte fått kläm på CSS, även om jag läst på både här och där. Tusen tack på förhand. /levva Link to comment Share on other sites More sharing options...
Anjuna Moon Posted December 7, 2004 Share Posted December 7, 2004 Använd klasser .TableOne { color:red; } Denna stil sätter du där du vill genom: <TD class="TableOne">.... Link to comment Share on other sites More sharing options...
levva Posted December 7, 2004 Author Share Posted December 7, 2004 Får det inte att fungera! Så här ser det ut i head: <link rel="stylesheet" href="textmall2.css"> Så här ser css-mallen ut: .TableOne { font-size: 30px; font-family: Arial, Verdana, Helvetica, sans-serif; } Och så här ser det ut i HTML: <TD valign="top" width="122" class="TableOne">Hej <td valign="top" width="146" align="left"> <td valign="top" width="139"> <td valign="top" width="143" align="left"> </td> </tr> Blir ingen Arial utan i stället blir det Times New Roman. Skriver jag det på något fel sätt eller varför funkar det inte? Link to comment Share on other sites More sharing options...
Skåningen Posted December 7, 2004 Share Posted December 7, 2004 Skriv följande kod i still mal. td.klass1 { font-face: Georgia; osv } td.Klass2 { font-face: Verdana; osv } spara sen filen i något bra namn. med ändelsen namn.css spara den i en mapp som heter css i filen du vill ha din stilmall skriver du <head> <link rel="stylesheet" href="mappen/stillmallens_namn.css" type="text/css"> </head> där du vill infoga classerna skriver du. <td class=Klass1> kod. </td> <td class=Klass2> kod </td> osv. spara filen och vips är det klart. infoga bra nu följande kod i de sidor du vill ha stillmalen i. Det ända du gör är: <head> <link rel="stylesheet" href="mappen/stillmallens_namn.css" type="text/css"> </head> på dom sidor du vill ha din still mal i. och för infoga dom på sidan skriver du <td class=Klass1> kod. </td> <td class=Klass2> kod </td> på de sidor du vill ha stilmallarna i. /Du kan alltid nå mig via skolans växel. Så gör jag till min meny som du kan se på följande hemsida. http://213.100.124.121/ logga in som guest. så kan du se resultatet. Första menyn kan du välja. Pressentation,Info och Inställningar. när du kliickar t.ex på Pressentation får du upp följande alltentativ. Pressentation,gästbok,sök,Björnbär och Logga ut. Det är 2 menyer som jag har och för varje funktion du går in i är det samma menyer. Dom är i samma position det gör jag via 1 stilmall som används till flera sidor där samma meny ska vara. Mycket bättre och du slipper skriva allt i alla filer. Den dagen jag vill ändra så ändras allt och jag slipper hålla på med 100 filer. Då jag har 1 fil räcker det ändra i 1 fil och mina 100 sidor ändrast på 2 sekunder p.ga att jag använder en stillmal för alla sidor. bara mitt tycke. Det sparar också mycket onödig tid för dig. Link to comment Share on other sites More sharing options...
Anjuna Moon Posted December 7, 2004 Share Posted December 7, 2004 Jag tycker du saknar en del avslutande taggar (< /td >) Link to comment Share on other sites More sharing options...
levva Posted December 7, 2004 Author Share Posted December 7, 2004 Jag har nog uttryck mig lite oklart! Vad jag menade var att jag bara ville skriva class="TableOne" en enda gång och så omsluter det hela tabellen inte bara en cell. Link to comment Share on other sites More sharing options...
Anjuna Moon Posted December 7, 2004 Share Posted December 7, 2004 Lägg då in det i tabelltaggen (gör alltså det element vars barn skall ärva egenskapen till medlem i klassen) <table class="MyTable"> Link to comment Share on other sites More sharing options...
Skåningen Posted December 7, 2004 Share Posted December 7, 2004 Du får säga till och säga hur det gick för dig med kodening i CSS. Link to comment Share on other sites More sharing options...
levva Posted December 7, 2004 Author Share Posted December 7, 2004 Tack allihopa för hjälpen! Det löste sig nästan till 100 %. Jobbar på den sista biten! Link to comment Share on other sites More sharing options...
.thumb.png.71a73be41d8bf63826729db87e16f1ce.png)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.