[CSS] img text uitlijnen - Softwareontwikkeling

maandag 24 november 2003 12:38

Acties:

Topicstarter

Ik weet het, zoveel topics, en ik snap gewoon NIET waarom dit niet werkt.

Kheb al vanalles geprobeerd, wat ik wil bereiken is dat een stuk of 10 pixels aan het begin van een cell geel worden en dacht dit op te lossen door een gifje van 10pixels breed (ongeveer) en daarachter tekst. Maar op de een of andere manier wil het me maar niet lukken...(een nieuwe tabel invoegen met extra td met backgroundkleur wil ik liever niet)
De text achter de gif wordt niet juist in de hoogte uitgelijnd (niet op dezelfde hoogte als de andere cellen) en wanneer ik cellspacing en cellpadding niet toevoeg aan de tabel komt er ruimte tussen gif en linkerkant van de cell...
http://www.proeftuin-ict.com/kerkboek/geer/index.htm

HTML:

<html>
<head>
<style>
table   {
    border: 0px;
    color: #000;
    text-align: left;
    padding: 0;
    margin: 0;
    }

td  {
    border: 1px solid #000;
    }

img     {
    border: 0px;
    display: block;
    } 
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" width="600">
  <tr> 
    <td>[img]"yellow.gif"[/img]abcd</td>
    <td>efgh</td>
    <td>1234</td>
    <td>12AB</td>
  </tr>
  <tr> 
    <td>abcd</td>
    <td>efgh</td>
    <td>1234</td>
    <td>[img]"yellow.gif"[/img] <b> tekst </b></td>
  </tr>  
</table>
</body>
</html>

wie o wie kan me helpen

[ Voor 111% gewijzigd door Vinzzz243 op 24-11-2003 12:44 ]

maandag 24 november 2003 12:46

Acties:

OkkE

CSS influencer :+

Hmm en een achtergrond in de TD? Dus niet een los plaatje, maar een background-image gebruiken..

HTML:

1	<td>[img]"yellow.gif"[/img]abcd</td>

Vervangen door:

HTML:

1	<td style="background-image: url('yellow.gif');">abcd</td>

[ Voor 35% gewijzigd door OkkE op 24-11-2003 12:46 ]

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

maandag 24 november 2003 12:47

Acties:

Willem

En dan een padding meegeven aan de tekst in de cel.

Klaar.

Motor (of auto) onderhoud bijhouden

maandag 24 november 2003 12:49

Acties:

Vinzzz243

Topicstarter

en dan niet laten repeaten

waarom heb ik DAAR niet aan gedacht, ff kieken

maandag 24 november 2003 13:01

Acties:

Willem

background-repeat:repeat-y;

Motor (of auto) onderhoud bijhouden

maandag 24 november 2003 13:27

Acties:

disjfa

be

overigens nog voor een tabel:

Cascading Stylesheet:

1
2
3

table{
   border-collapse:collapse;
}

dan hoef je geen cellspacing="0" cellpadding="0" erbij te zetten

http://www.w3schools.com/css/pr_tab_border-collapse.asp

disjfa - disj·fa (meneer)
disjfa.nl

maandag 24 november 2003 23:37

Acties:

Vinzzz243

Topicstarter

disjfa schreef op 24 november 2003 @ 13:27:
overigens nog voor een tabel:
Cascading Stylesheet:
1
2
3
table{
   border-collapse:collapse;
}
dan hoef je geen cellspacing="0" cellpadding="0" erbij te zetten

http://www.w3schools.com/css/pr_tab_border-collapse.asp

cellpadding neemt ie daar niet in op, tenminste na mijn test niet...
Als ik alleen cellpadding="0" heb toegevoegd in mijn tabel, volstaat border-collapse:collapse/separete niet meer, of toch?!