[css] Tabel - Softwareontwikkeling

maandag 15 maart 2004 12:47

Acties:

Wie anders?

Topicstarter

Ook ik heb een probleem met de style in tabellen.

style gedeelte in style.css

td {
font-family: verdana;
font-size: 8px;
font-weight: normal;
line-height: 1.5em;
color: #000000;
text-align: left;
}
Ik kan aan dit stukje aanpassen wat ik wil maar het blijft in de html onveranderd, hoe kan dat? Als ik andere delen bijv. het body gedeelte aanpas veranderd dat wel.

maandag 15 maart 2004 12:50

Acties:

André

Analytics dude

Maak van td eens TD, maar volgens mij moet hij het zo wel doen. Laat de pagina eens zien dan (alleen relevante code).

maandag 15 maart 2004 13:10

Acties:

Vdub

Wie anders?

Topicstarter

dat met TD helpt niet.

-----------------uitgenipt--------------------

<link rel="stylesheet" href="style.css" type="text/css">

</head>
<body bgproperties="fixed" >

<table border=0>
<tr><td width=400px><b>Zending per Personenauto(max. 200kg)</b></td><td align=right>€ 0,33</td></tr>
<tr><td>Extra stop</td><td align=right>€ 3,50</td></tr>
<tr><td>Regiorit</td><td align=right>€ 13,50</td></tr>
<tr><td>Urentarief</td><td align=right>€ 26,50</td></tr>

<tr><td> </td><td> </td></tr>

<tr><td><b>Zending per bus(max. 450kg)</b></td><td align=right>€ 0,43</td></tr>
<tr><td>Extra stop</td><td align=right>€ 5,50</td></tr>
<tr><td>Regiorit</td><td align=right>€ 23,50</td></tr>
<tr><td>Urentarief</td><td align=right>€ 26,50</td></tr>

<tr><td> </td><td> </td></tr>

<tr><td><b>Zending per vrachtwagen(op aanvraag)</b></td><td align=right>€ op aanvraag</td></tr>
<tr><td>Extra stop</td><td align=right>€ op aanvraag</td></tr>
<tr><td>Regiorit</td><td align=right>€ op aanvraag</td></tr>
<tr><td>Urentarief</td><td align=right>€ op aanvraag</td></tr>

<tr><td> </td><td> </td></tr>
</table>

maandag 15 maart 2004 13:12

Acties:

X-Lars

Just GoT it.

Het lijkt me verstandig om alle tags lowercase te doen, in HTML, XHTML en CSS. Omdat dat in XML ook moet case-sensitive is. Goede gewoonte en eventueel compatibility issue dus

Edit: klopt, Rickets

[ Voor 17% gewijzigd door X-Lars op 15-03-2004 13:17 ]

maandag 15 maart 2004 13:15

Acties:

Rickets

Finger and a shift

X-Lars schreef op 15 maart 2004 @ 13:12:
Het lijkt me verstandig om alle tags lowercase te doen, in HTML, XHTML en CSS. Omdat dat in XML ook moet. Goede gewoonte en eventueel compatibility issue dus

Uppercase mag ook in XML; alleen is XML case-sensitive.

Edit

[ Voor 3% gewijzigd door Rickets op 15-03-2004 13:18 ]

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.

maandag 15 maart 2004 13:15

Acties:

X-Lars

Just GoT it.

Graag code in [code]-tags posten hier. Maar ik zie zo niet waarom het niet zou moeten werken zo. Heb je geen CSS wat ook iets met je table of td doet ofzo?

maandag 15 maart 2004 13:16

Acties:

Amras

Verder zijn wat quotes om de attributen geen overbodige luxe...

maandag 15 maart 2004 13:19

Acties:

McKaamos

Master of the Edit-button

zet in je CSS voor de lol eens TABLE neer ipv TD.
dat werkt bij mij iig

Iemand een Tina2 in de aanbieding?

maandag 15 maart 2004 13:24

Acties:

Roeligan

Feyenoord

beetje code opgeschoond _{(ik weet niet in welke editor je werkt, maar dit is bagger)}

HTML:

<link rel="stylesheet" href="style.css" type="text/css">

</head>
<body bgproperties="fixed">

<table border="0">
    <tr>
        <td width="400px"><strong>Zending per Personenauto(max. 200kg)</strong></td>
        <td align="right">&euro; 0,33</td>
    </tr>
    <tr>
        <td>Extra stop</td>
        <td align="right">&euro; 3,50</td>
    </tr>
    <tr>
        <td>Regiorit</td>
        <td align="right">&euro; 13,50</td>
    </tr>
    <tr>
        <td>Urentarief</td>
        <td align="right">&euro; 26,50</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td><strong>Zending per bus(max. 450kg)</strong></td>
        <td align="right">&euro; 0,43</td>
    </tr>
    <tr>
        <td>Extra stop</td>
        <td align="right">&euro; 5,50</td>
    </tr>
    <tr>
        <td>Regiorit</td>
        <td align="right">&euro; 23,50</td>
    </tr>
    <tr>
        <td>Urentarief</td>
        <td align="right">&euro; 26,50</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td><strong>Zending per vrachtwagen(op aanvraag)</strong></td>
        <td align="right">&euro; op aanvraag</td>
    </tr>
    <tr>
        <td>Extra stop</td>
        <td align="right">&euro; op aanvraag</td>
    </tr>
    <tr>
        <td>Regiorit</td>
        <td align="right">&euro; op aanvraag</td>
    </tr>
    <tr>
        <td>Urentarief</td>
        <td align="right">&euro; op aanvraag</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>

Tevens snap ik die lege tr niet (hang er dan een class aan met een height als je witruimte wil hebben).

Verder is het misschien wel makkleijk als je ook de CSS post...

A real man fears not mortality for it's death, he fears mortality for it's lack of life!
RatPack #814

maandag 15 maart 2004 13:27

Acties:

Vdub

Wie anders?

Topicstarter

Ik werk met editpad, ik vind het voor mezelf handiger als td en tr achterelkaar staat ipv met tabs onder elkaar

code:

body        {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5em;
        color: #000000;
        text-align: left;
        scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: #800080;
        scrollbar-dark-shadow-color: #404040; scrollbar-track-color: #808080;
        }
a:link      {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5em;
        text-decoration: none;
        color: #000000;

a:visited   {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5em;
        text-decoration: none;
        color: #C0C0C0;
        }

a:active    {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5em;
        text-decoration: none;
        color: #FF0000;
        }

a:hover     {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5em;
        text-decoration: none;
        color: #FF0000;
        }

TABLE       {
        font-family: verdana;
        font-size: 8px;
        font-weight: normal;
        line-height: 1.5em;
        color: #000000;
        text-align: left;
        }

maandag 15 maart 2004 13:30

Acties:

André

Analytics dude

Je moet de a:link nog even afsluiten }, als het ook zo in je code staat is dat je probleem.

[ Voor 38% gewijzigd door André op 15-03-2004 13:30 ]

maandag 15 maart 2004 13:32

Acties:

chris

Heb je je code al door de validators heengehaald?

html en css, dit haalt er meestal al een hoop fouten uit. en natuurlijk zou je die laatste TABLE beter lowercase kunnen doen (table dus).

maandag 15 maart 2004 13:36

Acties:

Vdub

Wie anders?

Topicstarter

André schreef op 15 maart 2004 @ 13:30:
Je moet de a:link nog even afsluiten }, als het ook zo in je code staat is dat je probleem.

eeej bedankt, als je de hele tijd ermee aan het pielen bent dan zie je wel eens een foutje over t hoofd.

En wat betreft die vallidators zal ik ook gaan gebruiken.

tnx

maandag 15 maart 2004 16:16

Acties:

InZane

Vdub schreef op 15 maart 2004 @ 13:36:
[...]

eeej bedankt, als je de hele tijd ermee aan het pielen bent dan zie je wel eens een foutje over t hoofd.

En wat betreft die vallidators zal ik ook gaan gebruiken.

tnx

bgproperties="fixed" = IE only.

In CSS is dit mooier op te lossen:

Cascading Stylesheet:

1
2
3

body {
    background-attachment: fixed;
}