[tabel] background image no repeat probleem. - Softwareontwikkeling

dinsdag 23 oktober 2001 09:34

Acties:

Verwijderd

Topicstarter

Ik heb een paar tabellen... en ik wil in de middelste tabel een achtergrond plaatje in het midden hebben en hij moet niet herhalen..
dit is mijn source:

Hier werkt het wel:

code:

<head>
<STYLE TYPE="text/css">
<!--

.table-image
{ 
background-image: url(plaatje.gif);
background-repeat: no-repeat;
background-position: center; 
}
-->
</STYLE>
<title></title>
</head>
<p>&nbsp;</p>
<div align="left">
  <table border="1" width="663" height="455" class="table-image" bgcolor="#8895B3">
    <tr>
    <td width="663" height="455"></td>
    </tr>
  </table>
</div>

Hier werkt ie niet meer:
De hele tabel raakt fucked up

code:

<html>
<head>
<STYLE TYPE="text/css">
<!--
.table-image
{ 
background-image: url(plaatje.gif);
background-repeat: no-repeat;
background-position: center; 
}
-->
</STYLE>
<title>Test</title>
</head>

<body bgcolor="#707D9C">

<div align="center">
  <table class="table-image" border="0" width="708" cellspacing="0" cellpadding="0">
    <tr>
    <td width="166" height="118" colspan="4" background="../images/top_links.gif" valign="top"><br>
      <br>
    </td>
    <td width="542" height="118" colspan="2" background="../images/top.gif" valign="top">&nbsp;</td>
    </tr>
    <tr>
    <td width="141" height="44" background="../images/top_links2.gif" colspan="3" valign="top">&nbsp;</td>
    <td width="25" height="44" bgcolor="#8895B3" valign="top"></td>
    <td width="525" bgcolor="#8895B3" valign="top"><br>
    </td>
    <td width="12" rowspan="2" background="../images/bg_rechts.gif" valign="top"></td>
    </tr>
    <tr>
    <td width="109" background="../images/bg_links.gif" valign="top">&nbsp;</td>
    <td width="6" background="../images/schaduw.gif" valign="top">&nbsp;</td>
    <td width="26" bgcolor="#8895B3" valign="top">
    <td width="25" bgcolor="#8895B3" valign="top"></td>
    <td width="525" bgcolor="#8895B3" valign="top"><br>
    </td>
    </tr>
    <tr>
    <td width="708" height="25" colspan="6" background="../images/bg_onder.gif" valign="top"></td>
    </tr>
  </table>
</div>

</html>

Hoe kan dat nou..?

dinsdag 23 oktober 2001 09:37

Acties:

cutter

Wannabe i7 fanboy

1. Een betere topictitel aub als: [tabel] background image no repeat probleem.
2. Links willen ook erg helpen.

dinsdag 23 oktober 2001 09:38

Acties:

TheDjasp

het wordt toch niks

Voordat iemand heel die code gaat door lopen: Define fucked up. Wat gaat er precies mis?

Heb zelf al een klein idee: je tabel houdt zich zeker niet aan de maten die je hebt opgegeven? Een spacer.gif her en der doet wonderen.

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

dinsdag 23 oktober 2001 09:38

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

zorg dat je code klopt

code:

1 2	<td width="26" bgcolor="#8895B3" valign="top"> <td width="25" bgcolor="#8895B3" valign="top"></td>

daar mist een afsluitend td-tje

verder is het beter om content in lege cellen te plaatsen, een of anders een spacer gifje.

verder valt het aan te raden om geen speciale tekens in classNames toe te passen (de '-' in table-image)
maak daar bv .tableImage {} van

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

dinsdag 23 oktober 2001 09:39

Acties:

Verwijderd

Topicstarter

Op dinsdag 23 oktober 2001 09:37 schreef cutter het volgende:
1. Een betere topictitel aub als: [tabel] background image no repeat probleem.
2. Links willen ook erg helpen.

Slaat nergens op...

dinsdag 23 oktober 2001 09:40

Acties:

TheDjasp

het wordt toch niks

Op dinsdag 23 oktober 2001 09:39 schreef DarKHunteR het volgende:

[..]

Slaat nergens op...

Wat?

edit:
Zag quote over het hoofd

Slaat zeker ergens op, hoe moet iemand nou weten waar dit topic over gaat en besides, niemand heeft zin zulke lappen code te moeten doorlopen, liever zien we ergens een werkend (of niet dan he) voorbeeld.

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

dinsdag 23 oktober 2001 09:42

Acties:

SWINX

in de middelste tabel typen:

code:

1 2	<td style="background-image: url(plaatje.gif); background-repeat: no-repeat; background-position: center;"> blabla </td>

Mannen komen van Mars Tweakers, vrouwen van Venus Bokt

dinsdag 23 oktober 2001 09:42

Acties:

Verwijderd

Topicstarter

Als ik die </td> er bij zet, doet ie het nog niet. Het was wel fout maar daar lag het niet aan...

dinsdag 23 oktober 2001 09:43

Acties:

TheDjasp

het wordt toch niks

Maar wat is nou precies je probleem?

Is:

a) je tabel fucked up?
b) centreert je plaatje niet?

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

dinsdag 23 oktober 2001 09:44

Acties:

Hangloozz

{ @$%&# }

Op dinsdag 23 oktober 2001 09:39 schreef DarKHunteR het volgende:

[..]

Slaat nergens op...

nou ik vindt het behoorlijk ergens op slaan.
Houdt je aan de in de FAQ voorgesteld gedrag.

zoals RM-rf al zei:
- (hyphen?) is niet toegestaan in een styleblock/sheet; skip die dus.

je hebt je body-tag niet afgesloten, tenminste; niet voor de < /html>

www.jurgroessen.nl

dinsdag 23 oktober 2001 09:46

Acties:

Verwijderd

Topicstarter

Op dinsdag 23 oktober 2001 09:43 schreef TheDjasp het volgende:
Maar wat is nou precies je probleem?

Is:

a) je tabel fucked up?
b) centreert je plaatje niet?

Ik zal het wel ff op internet zetten en url geven..kunnen jullie het ff zelf zien, dan is het misschien wat duidelijker

dinsdag 23 oktober 2001 09:52

Acties:

cutter

Wannabe i7 fanboy

Op dinsdag 23 oktober 2001 09:39 schreef DarKHunteR het volgende:

[..]

Slaat nergens op...

1. Duidelijke topics titels zijn erg handig bij het gebruiken van de zoekfunctie. Iemand die zoekt op tabel en background krijgt in het lijstje jouw topictitel 'Ik snap er geen fuck van...' Dan is mijn topictitel '[tabel] background image no repeat probleem' een stuk gebruiksvriendelijer.

2. Een link naar het probleem zal voor mij in ieder geval het probleem meteen visualiseren zonder dat ik zelf hoef te copy pasten, bovendien heb ik niet de beschikking over jouw plaatje.gif.

dinsdag 23 oktober 2001 09:57

Acties:

Verwijderd

Topicstarter

Dit zijn de tables zonder center img:
http://213.136.4.68/temp/site/welZonderImg.htm

Dit is een test waar het wel werkt:
http://213.136.4.68/temp/site/wel.htm

En hier werkt het helemaal niet meer in het design:
http://213.136.4.68/temp/site/niet.htm

dinsdag 23 oktober 2001 10:04

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

probeer eens die bgcolor="#8895B3" uit de td te halen (bijvoorbeeld in je class verwerken)
nu heeft de table een achtergrond (ligt normaal over achtergrondkleur heen)
als je echter een child daarvan een bgcolor geeft vermoed ik dat die weer over het achtergrond plaatje heenvalt

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

dinsdag 23 oktober 2001 10:04

Acties:

TheDjasp

het wordt toch niks

Op je site waar het wel werkt...ehh.. werkt het niet...

(file://....)

Waarom zet je je afbeelding niet in de achtergrond van die grote cel ipv in de achtergrond van de tabel?

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

dinsdag 23 oktober 2001 10:08

Acties:

Verwijderd

Topicstarter

Op dinsdag 23 oktober 2001 10:04 schreef TheDjasp het volgende:
Op je site waar het wel werkt...ehh.. werkt het niet... (file://....)

Waarom zet je je afbeelding niet in de achtergrond van die grote cel ipv in de achtergrond van de tabel?

oh fuck jah

tuurlijk
fout gedaan..
nu werkt ie wel

Thnx allemaal.

dinsdag 23 oktober 2001 10:42

Acties:

OzBoz

.:.H.:.I.:.P.:.

Normale topic titels graag.. anders kunnen mensen met hetzelfde probleem de oplossing zo lastig vinden.

My Fizion | My 3D prints | LinkedIn