Avatar billede iv Nybegynder
15. maj 2002 - 16:40 Der er 8 kommentarer og
2 løsninger

Hvordan med ext. CSS

Jeg vil gerne styre bredden af mine sider med class i ext. CSS.
Har forsøgt med denne:

.tabel {
    width: 750px;
}

<body>
<table class="tabel">
  <tr>
    <td>
    <br>
    <br>
    <br>
test
    </td>
  </tr>
</table>
</body>

Da jeg ikke har de store erfaringer med CSS og class vil jeg gerne høre om det måske er helt forkert eller om der mangler noget. Eller - måske - skal jeg gøre det på en helt anden måde ???
Avatar billede nstenberg Nybegynder
15. maj 2002 - 16:47 #1
Jeg tror du har glemt <style>-tagget. Her er hvordan det skal gøres:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>titel på siden</title></head>
<style type="text/css">
<!--
#table1 {width: 150px; border: solid 1px black;}
-->
</style>

<body>

<table summary="" id="table1">
<tr>
<td>indhold</td>
</tr>
</table>

</body>
</html>


/ nikolaj stenberg
15. maj 2002 - 16:47 #2
Hej,
se det her eksempel, og byg videre på det:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Nyt dokument</title>

</head>
<style type="text/css">
.dintable {
width: 600px;
border: 1px solid red;
height: 400px;
}
</style>
<body>
<!--Satte border til 1 for at vise det :-) -->

<table class="dintable">
<tr>
<td>Hello CSS</td>
</tr></table>

</body>
</html>

du kan finde ud af mere om CSS her:
http://www.w3.org/TR/CSS2/

/Casper
Avatar billede nstenberg Nybegynder
15. maj 2002 - 16:48 #3
table-width'en kan du jo selv rette til 750 eller whatever. Jeg har også givet tabellens border en farve, så du bedre kan se den.
15. maj 2002 - 16:49 #4
Damm head skal selvfølgelig først afslutte ved <body>

altså:
}
</style>
</head>
<body>

stor stor fejl!

/Casper
Avatar billede nstenberg Nybegynder
15. maj 2002 - 16:50 #5
jeps
Avatar billede iv Nybegynder
15. maj 2002 - 17:04 #6
Som sagt:
"Jeg vil gerne styre bredden af mine sider med class i ext. CSS."
Med andre ord vil jeg ha en løsning, hvor jeg kan lave om på bredden i ext. CSS.
Vil jeg f.eks. at alle mine sider skal være 720pix. brede så laver jeg bare min .tabel om i mit ext. CCS sådan:

.tabel {
    width: 720px;
}

Det ser ud til at fungere i min browser, men jeg er bare ikke sikker på om det funker i alle browsere og om syntaksen er OK ?
Jeg kan desværre ikke bruge de to forslag ovenfor :(
15. maj 2002 - 17:11 #7
iv >>
jow den er fin nok, jeg ville så abre vælge et andet navn end table, mainside eller ligene, men ikke table.

Tjaa... det burde funke i 99% af de browsere folk ser sider i, i dag ( http://www.thecounter.com/stats/ ).
Bare den kan CSS.

Men hvis du vil sidte width på et inline element (eksempelvis et link <a>) skal du huske at sidte den til at være block (display: block;). Meget godt lige at have med :-).
http://www.w3.org/TR/CSS2/visuren.html#display-prop

/Casper
Avatar billede nstenberg Nybegynder
15. maj 2002 - 17:15 #8
"Da jeg ikke har de store erfaringer med CSS og class vil jeg gerne høre om det måske er helt forkert eller om der mangler noget. Eller - måske - skal jeg gøre det på en helt anden måde ???"

Nej... der mangler ikke noget.
Avatar billede nstenberg Nybegynder
15. maj 2002 - 17:29 #9
IV » Jeg kan altså ikke se grunden til at du ikke kan bruge mit eller xzxzxz's forslag. Begge to er omtrent identiske - selvom mit kom først :-)
Mht. til CSS'en har både xzxzxz og jeg fejlagtigt lavet den intern, men som du så smukt retter, skal den være extern. Men eftersom du allere har styr på interne og externe stylesheets, kan du jo bare se igennem fingre med CSS'delen af vores respektive svar.
Mht. den resterende del af svarene, kan jeg ikke se hvorfor ialverden det ikke skulle være svar på dit spørgsmål.

I dit spørgsmål spurgte du om der var noget forkert eller om der manglede noget. Du nævnte IKKE noget om i hvor mange type browsere din kildekode skulle virke "rigtigt" i.

/ nikolaj stenberg
  http://ministry.host.sk
Avatar billede backside Nybegynder
15. maj 2002 - 19:54 #10
Du skal huske:
<LINK REL="StyleSheet" HREF=style.css TYPE="text/css" > i <HEAD> (hvis din .css hedder style.css)

Resten ser fint ud.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester