Toon posts:

[CSS] Text in tabel werkt niet

Pagina: 1
Acties:
  • 388 views sinds 30-01-2008
  • Reageer

donderdag 27 september 2001 20:59

Acties:
  • me1299
  • Registratie: Maart 2000
  • Laatst online: 21-09 20:22

me1299

$ondertitel

Topicstarter
Ik heb de volgende stylesheet:

<style type="text/css">
<!--

#id1-01 {
position:absolute;
left:0px;
top:0px;
width:540px;
height:254px;
}

#id1-02 {
position:absolute;
left:540px;
top:0px;
width:60px;
height:600px;
}

#id1-03 {
position:absolute;
left:0px;
top:254px;
width:126px;
height:259px;
}

#id1-04 {
position:absolute;
left:126px;
top:254px;
width:295px;
height:242px; z-index: 1;
}
#maintekst {
position:absolute;
left:126px;
top:254px;
width:330px;
height:242px; z-index: 10;
}
#id1-05 {
position:absolute;
left:421px;
top:254px;
width:119px;
height:346px;
}

#id1-06 {
position:absolute;
left:126px;
top:496px;
width:295px;
height:104px;
}

#id1-07 {
position:absolute;
left:0px;
top:513px;
width:126px;
height:87px;
}
.normalText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC}
A { color: #FFFFFF }
A:hover { color: #FFFFFF }
A:active { color: #FFFFFF }
A:visited { color: #FFFFFF }
A { text-decoration: none; }
A:Hover { text-decoration: underline; }

-->
</style>

Als ik gewoon tekst neerzet wordt het keurig door m'n stylesheet geset.

Maar als ik een tekst in een tabel gooi wordt de layout niet goed neergezet, en krijg ik supervette tekst?

Tabel voorbeeld:

<table border="1" width="100%">
<tr>
<td width="50%">Links</td>
<td width="50%">Rechts</td>
</tr>
<tr>
<td width="50%">Links2</td>
<td width="50%">Rechts2</td>
</tr>

De output van de tekst klopt totaal niet :?

Het maakt eigenlijk niet uit wat je bewuste geest doet, omdat je onderbewuste automatisch precies dat doet wat het moet doen

donderdag 27 september 2001 21:19

Acties:
  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19

r0bert

? url ?

Als ik je code copy - paste doet ie 't bij mij prima ..

donderdag 27 september 2001 21:21

Acties:
  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

als ik de code copy/paste en bekijk in de browser ziet het er zo uit als dat ik verwachtte: normale textzwaarte.

Zou het niet zo kunnen zijn dat je ergens nog een link naar een extern stylesheet heb staan?
Of een span om iets heen, een vergeten niet afgesloten font-tag..noem maar op.

Daarnaast zie ik dat je dashes in je style namen gebruikt; als ik het goed weet is dat niet toegestaan.
dus ipv: #id1-01 zou je er #id01 van moeten maken.
Maar zoals ik al zei weet ik dan niet zeker.

QAls ik jouw was zou ik je code stukje bij beetje in een nieuw document plakken tot het fout gaat en dan kan je het er denk zo wel uitplukken :7

www.jurgroessen.nl

donderdag 27 september 2001 21:35

Acties:
  • me1299
  • Registratie: Maart 2000
  • Laatst online: 21-09 20:22

me1299

$ondertitel

Topicstarter
Ik gebruik idd een externe stylesheet maar niet dubbel ofzo.
Daarnaast zie ik dat je dashes in je style namen gebruikt; als ik het goed weet is dat niet toegestaan.
dus ipv: #id1-01 zou je er #id01 van moeten maken.
Maar zoals ik al zei weet ik dan niet zeker.
Zo heeft Image-ready het gemaakt, en die zal het vast wel goed hebben. De plaatjes worden verder gewoon goed neergezet.

URL kan ik niet geven omdat het lokaal op m'n server staat, ik heb geen zin om nu software matisch ports te gaan mappen enzo

Het maakt eigenlijk niet uit wat je bewuste geest doet, omdat je onderbewuste automatisch precies dat doet wat het moet doen

donderdag 27 september 2001 21:41

Acties:
  • me1299
  • Registratie: Maart 2000
  • Laatst online: 21-09 20:22

me1299

$ondertitel

Topicstarter
Ik heb het spulletje nu in een nieuwe html file gegooid zonder includes e.d.

en nu werkt het nog steeds niet.

Tekst wordt nog steeds groot geprint.

Dit is nu m'n html code:
<html>
<head>
<title>E-vengion Subteam Test Site</title>
<meta http-Equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (01a.psd) -->

<style type="text/css">
<!--

#id1-01 {
position:absolute;
left:0px;
top:0px;
width:540px;
height:254px;
}

#id1-02 {
position:absolute;
left:540px;
top:0px;
width:60px;
height:600px;
}

#id1-03 {
position:absolute;
left:0px;
top:254px;
width:126px;
height:259px;
}

#id1-04 {
position:absolute;
left:126px;
top:254px;
width:295px;
height:242px; z-index: 1;
}
#maintekst {
position:absolute;
left:126px;
top:254px;
width:330px;
height:242px; z-index: 10;
}
#id1-05 {
position:absolute;
left:421px;
top:254px;
width:119px;
height:346px;
}

#id1-06 {
position:absolute;
left:126px;
top:496px;
width:295px;
height:104px;
}

#id1-07 {
position:absolute;
left:0px;
top:513px;
width:126px;
height:87px;
}
.normalText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC}
A { color: #FFFFFF }
A:hover { color: #FFFFFF }
A:active { color: #FFFFFF }
A:visited { color: #FFFFFF }
A { text-decoration: none; }
A:Hover { text-decoration: underline; }

-->
</style>

<div id="maintekst" class="normalText" style="overflow: auto">
Als ik gewoon tekst neerzet wordt het keurig door m'n stylesheet geset.

Maar als ik een tekst in een tabel gooi wordt de layout niet goed neergezet, en krijg ik supervette tekst?

Tabel voorbeeld:

<table border="1" width="100%">
<tr>
<td width="50%">Links</td>
<td width="50%">Rechts</td>
</tr>
<tr>
<td width="50%">Links2</td>
<td width="50%">Rechts2</td>
</tr>

</body>
</html>
Copy paste dat eens in een nieuwe file, dan zal je waarschijnlijk zien dat het niet werkt

Tekst erboven wordt mooi geset, en de tekst in de tabel is supergroot en lelijk

Het maakt eigenlijk niet uit wat je bewuste geest doet, omdat je onderbewuste automatisch precies dat doet wat het moet doen

donderdag 27 september 2001 21:56

Acties:
  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19

r0bert

Als ik die code copy - paste krijgk
dit

Als ik vervolgens even 'class="normalText"' toevoeg aan de tabel tag, krijg ik de tekst wel normaal (hier).. is dat wat je wou/bedoelde ??

donderdag 27 september 2001 22:02

Acties:
  • me1299
  • Registratie: Maart 2000
  • Laatst online: 21-09 20:22

me1299

$ondertitel

Topicstarter
Het werkt al ik moest:

table { font-family: Verdane, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC }

gebruiken ipv de normale tekst dinges.. :) :)

Thanx anyway guys!!!! *D

Het maakt eigenlijk niet uit wat je bewuste geest doet, omdat je onderbewuste automatisch precies dat doet wat het moet doen

Pagina: 1
Reageer