[HTML]tabel en plaatjes probleem - Softwareontwikkeling

maandag 15 september 2003 19:04

Acties:

It might get loud

Topicstarter

Hoi,

ik heb een probleem met een site die ik aan het maken ben in HTML, kijk maar op het plaatje in het rode rondje:
Afbeeldingslocatie: http://members.lycos.nl/leokennis/siterondje.jpg

Afbeeldingslocatie: http://members.lycos.nl/leokennis/siterondje.jpg

De site staat in een tabel, hier met de border op 3 en kleur=rood, zodfat je de indeling ziet:
Afbeeldingslocatie: http://members.lycos.nl/leokennis/siteborder.jpg

Afbeeldingslocatie: http://members.lycos.nl/leokennis/siteborder.jpg

Hier is de source:

<html>
<head>
<title>••the only colours you'll find on this site are black & white••</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<table width=100% height=100%>
<tr><td align=right valign=middle>
<table cellspacing=0 celpadding=0 align=right valign=middle width=300 border=3 bordercolor="#FF0000">
<tr>
<td width=25 height=25 cellspacing=0 cellpadding=0 align=right valign=bottom><img src="buigingboven.gif"

width=25 height=25 border=0></td><td width=25 bgcolor="#FFFFFF"></td><td width=250

bgcolor="#FFFFFF"></td><td width=250 bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td width=25 height=25 bgcolor="#FFFFFF"></td><td width=25 height=25 bgcolor="#000000" cellspacing=0

celpadding=0 align=left>[img]"menubuiging.gif"[/img]</td><td

width=250>menulinks</td><td width=250 bgcolor="#000000">menurechts</td>
</tr>
<tr>
<td width=25 bgcolor="#FFFFFF"></td><td width=25 bgcolor="#FFFFFF">lullo</td><td height=350

colspan=2 bgcolor="#FFFFFF"><iframe name="inhoud" src="home.html" width=500 height=350

frameborder=0 marginwidth=0 marginheight=0 scrolling=auto align=center>zet iframes aan in de internet

opties!</iframe></td>
</tr>
<tr>
<td width=25 height=25>[img]"buigingonder.gif"[/img]</td><td width=25

bgcolor="#FFFFFF"></td><td width=250 bgcolor="#FFFFFF"></td><td width=250 bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td width=25></td><td width=250></td><td width=250></td>
</tr>
</table>
</td></tr>
</table>
</html>

(probleem=onderstreept)

Ik heb al ongeveer 10 tutorials van HTML doorgelzen en op tig sites gekeken; ik weet het niet meer. De align en valign lijken niet te werken en het werkt ook niet als ik een van deze tags in de ,img. tag zet, dan wordt de rand alleen maar groter...

alvast dank.

EDIT: kelurtje lijken niet te werken in een quote...

[ Voor 42% gewijzigd door sjaakaq op 15-09-2003 19:07 ]

leoaq.fm // Jeune Loop

maandag 15 september 2003 19:07

Acties:

Verwijderd

Welke dingen heb je gedefinieerd in style.css? Ik denk dat hier ergens iets scheef loopt in combinatie met de HTML code.

maandag 15 september 2003 19:08

Acties:

crisp

Devver

Pixelated

wij zien ook liever [ code ] tags (hoewel kleurtjes daarbinnen ook niet werken)

maar goed: om je probleem op te lossen moet je zorgen dat er sowieso geen whitespace tussen je <td>, <img> en </td> tags zit. Geef desnoods je images een style="display:block" mee, of zet er een <br /> achter.
Allemaal truukjes die dit probleem oplossen, en die hier al menig keer genoemd zijn in soortgelijke topics...

Intentionally left blank

maandag 15 september 2003 19:09

Acties:

sjaakaq

It might get loud

Topicstarter

Hier is de source van mijn css:

BODY { background-color: #000000; color: #FFFFFF; font-family: Verdana; font-size:9pt;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;}
h1 {color: #000000; font-family: Verdana; font-size:12pt}
h2 {color: #000000; font-family: Verdana; font-size:14pt}
h3 {color: #000000; font-family: Verdana; font-size:16pt}

A:link { text-decoration: none;color: #000000; font-size: 9pt}
A:visited {text-decoration: none;color: #000000; font-size: 9pt}
A:active { text-decoration: none;color: #000000; font-size: 9pt}
A:hover { text-decoration: none; color: #000000; font-size: 9pt}

BTW: er zitten geen whitespaces in de source, alleen toen ik het paste in het reply vakje, kwamen die er.

[ Voor 7% gewijzigd door sjaakaq op 15-09-2003 19:10 ]

leoaq.fm // Jeune Loop

maandag 15 september 2003 19:10

Acties:

Verwijderd

Met de Style Sheet heeft het dan toch niks te maken. Ik dacht dat hier misschien TD vreemd was gedefinieerd...

maandag 15 september 2003 19:11

Acties:

ripperke

w00t!

<table cellspacing=0 celpadding=0 align=right valign=middle width=300 border=3 bordercolor="#FF0000">

moet cellpadding zijn en een cellpadding & cellspacing in een <td> tag zijn overbodig ...

If TCP/IP handshaking was less formal, perhaps SYN/ACK would be YO/WASSUP

maandag 15 september 2003 19:30

Acties:

sjaakaq

It might get loud

Topicstarter

...........het werkt!!!!! man wat een l kan doen

iig bedankt en ook bedankt voor de tip! De rest btw ook tnx voor de moeite!

Leo

leoaq.fm // Jeune Loop