Archief - xHTML/CSS: table class dotted

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
-

- X z ! L -

Legacy Member
Code: 
<table width="298" cellspacing="0" cellpadding="0" class="dotted">
        <tr>
          <td width="97" rowspan="2"><img src="images/pacha.jpg" width="89" height="85" /></td>
          <td width="201"><img src="images/faller.jpg" width="155" height="17" /></td>
        </tr>
        <tr>
          <td>A clubber who fell on a girl leaving<br />
            her paralysed at London&rsquo;s Pacha<br />
            Nightclub has been jailed for 2 years.</td>
        </tr>
      </table>


 .dotted { 	background-color: #1A3647;
          	border-style: dotted;
		border-top: 1px dotted #53656a;
		border-left: 1px dotted #53656a;
		border-right: 1px dotted #53656a;
		border-bottom: 1px dotted #53656a;
		color: #ffffff;
		font-family: verdana;
		font-size: 7pt;
}

Nu het probleem is dat die table niet verandert van kleur en ik zie de fout niet echt.. wss iets simpels
h

horse_99

Legacy Member
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" media="screen">
<!--
 .dotted { 	background-color: #1A3647;
          	border-style: dotted;
		border-top: 1px dotted #53656a;
		border-left: 1px dotted #53656a;
		border-right: 1px dotted #53656a;
		border-bottom: 1px dotted #53656a;
		color: #ffffff;
		font-family: verdana;
		font-size: 7pt;
}
-->
</style>
</head>

<body>
<table width="298" cellspacing="0" cellpadding="0" class="dotted">
        <tr>
          <td width="97" rowspan="2"><img src="images/pacha.jpg" width="89" height="85" /></td>
          <td width="201"><img src="images/faller.jpg" width="155" height="17" /></td>
        </tr>
        <tr>
          <td>A clubber who fell on a girl leaving<br />
            her paralysed at London&rsquo;s Pacha<br />
            Nightclub has been jailed for 2 years.</td>
        </tr>
      </table>
</body>
</html>

Bovenstaande code werkt perfect hier. Had je de CSS class wel tussen style-tags gezet?

Nog een tip: je kan jouw CSS class korter schrijven, namelijk:

Code: 
.dotted
{
   background-color: #1A3647;
   border: 1px dotted #53656a;
   color: #ffffff;
   font-family: verdana;
   font-size: 7pt;
}

MVG, horse_99.
-

- X z ! L -

Legacy Member
mja kweet nie juist wat het is.. die border die dotted is lukt wel, dus de css werkt, ma het kleur wil nie veranderen :|
B

Brando[n]

Legacy Member
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" media="screen">
<!--
table { background-color: #1A3647;
border-style: dotted;
border: 1px dotted #53656a;
color: #ffffff;
font-family: verdana;
font-size: 7pt;
}
-->
</style>
</head>

<body>
<table width="298" cellspacing="0" cellpadding="0">
<tr>
<td width="97" rowspan="2"><img src="images/pacha.jpg" width="89" height="85" /></td>
<td width="201"><img src="images/faller.jpg" width="155" height="17" /></td>
</tr>
<tr>
<td>A clubber who fell on a girl leaving<br />
her paralysed at London&rsquo;s Pacha<br />
Nightclub has been jailed for 2 years.</td>
</tr>
</table>
</body>
</html>

Probeer dit is?
-

- X z ! L -

Legacy Member
ja zo lukt het dus wel.. maar niet elke table mag die kleur hebben.
iemand die weet wat ik fout doe ? want het is wel dotted maar de kleur verandert niet, en via brandon zijn manier lukt het wel.. maar kan ik niet gebruiken omdat niet elke table die stijl en kleur moet hebben
-

- X z ! L -

Legacy Member
als ik cellspacing gebruik, zie ik mijn kleur wel ? maar is dus nog niet opgelost
i

infeKted

Legacy Member
Obliv` zei:
vraagje: in IE werkt border-style: dotted; toch niet? :)
Klik om te vergroten...

Dat werkt normaal wel, maar het zijn lelijke streepjes ipv mooie puntjes zoals in FF.
o

orez

Legacy Member
- X z ! L - zei:
als ik cellspacing gebruik, zie ik mijn kleur wel ? maar is dus nog niet opgelost
Klik om te vergroten...
cellspacing & cellpadding is ook niet zo "proper" als je met CSS wilt gaan werken, nu ben je momenteel beide door elkaar aan het mixen, een vuile html, met een bijna propere css. Cellspacing & padding pas je beter ook toe in CSS: Cellspacing: border-collapse: Cellpadding: padding:
O

Obliv`

Legacy Member
infeKted zei:
Dat werkt normaal wel, maar het zijn lelijke streepjes ipv mooie puntjes zoals in FF.
Klik om te vergroten...

Ja dat bedoel ik juist, ipv dotted gebruikt IE dashed
i

infeKted

Legacy Member
Obliv` zei:
Ja dat bedoel ik juist, ipv dotted gebruikt IE dashed
Klik om te vergroten...

Hm ja, weet iemand hoe je dotted kan gebruiken in IE? Oogt veel mooier en ik heb het net nodig. :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan