Just nu i M3-nätverket
Jump to content

Hur gör man i CSS


levva

Recommended Posts

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

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

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">&nbsp;

<td valign="top" width="139">&nbsp;

<td valign="top" width="143" align="left">&nbsp;</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

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

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

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

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...