Tables naast elkaar plaatsen

Erwindev · 29 apr 2013

Hallo,

Ik wil graag deze tables naast elkaar hebben, ze komen nu onder elkaar te staan..

HTML:

																				<table width="100%" cellpadding="0" cellspacing="0" >
																					<tr>
																						<td align="center" style="padding-top: 20px;" height="60" valign="top" style=" background-repeat: no-repeat">
																							<a href="?cat=producten&sub=Bijlsma Hercules&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_bijlsma;?>&nbsp;</a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px; border-top: 5px solid #BBCC00; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Bijlsma Hercules&taal=<?=$taal;?>"><img src="images/producten/groot/bijlsma.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;border-bottom: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Bijlsma Hercules&taal=<?=$taal;?>"><img src="images/producten/foto/bijlsma.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																				</table>
                                                                                
                                                                                <table width="100%" cellpadding="0" cellspacing="0">
																					<tr>
																						<td align="center" style="padding-top: 20px;" height="60" valign="top" style=" background-repeat: no-repeat">
																							<a href="?cat=producten&sub=Baselier&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_baselier;?>&nbsp;</a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px; border-top: 5px solid #BBCC00; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Baselier&taal=<?=$taal;?>"><img src="images/producten/groot/baselier.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																					<tr>
																						<td bgcolor="#FFFFFF" style="padding-top: border-top: 5px solid #BBCC00; 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;border-bottom: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Baselier&taal=<?=$taal;?>"><img src="images/producten/foto/baselier.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																				</table>

Ziet iemand de fout?

hanna · 29 apr 2013

Ik zie alleen maar een opening naar table verder niets, dus wat bedoel je nu precies.

Erwindev · 29 apr 2013

Je hebt gelijk er moest nog wat voor staan, vraag is ook al opgelost

Haaren101 · 29 apr 2013

Hoe dan?

Ron

Erwindev · 29 apr 2013

deze lijn moest er nog boven staan

<td valign="top" width="159" height="200">

hanna · 29 apr 2013

Dan heb je nog geen 2 tables naast elkaar.

En die regel moet er niet boven staan.

csshunter · 29 apr 2013

Gokje wagen: het ging niet om twee tabellen naast elkaar, maar om twee tabelcellen naast elkaar.
Maar de vraag is al opgelost!
Tenzij ... Gebruik tabellen niet voor lay-out; zie ook de nadelen.

Met vriendelijke groet,
CSShunter

hanna · 29 apr 2013

Hij heeft de vraag nog een keer hier http://www.helpmij.nl/forum/showthread.php/767128-Tekst-verplaatsen-in-table gepost.

csshunter · 29 apr 2013

Yep, zag 'm ook net!

Erwindev · 29 apr 2013

Alles is opgelost bedankt

!

Toko47 · 13 aug 2014

Tabellen naast elkaar (geen cellen)

Hallo,:d
bij mij gaat het wel om "tabellen naast elkaar".
ik heb 2 tabellen die staan nu nog onder elkaar, maar hoe krijg ik ze naast elkaar?

hanna · 14 aug 2014

<div>
<table style="float: left">
<tr>
<td>..</td>
</tr>
</table>
<table style="float: left">
<tr>
<td>..</td>
</tr>
</table>
</div>

Of

In de css
div>table {
float: left
}
Maar als ze te breed zijn dan gaan ze toch onder elkaar staan

Toko47 · 14 aug 2014

Beste Hanna,

ze staan nu rechts en links naast elkaar, maar nu wil ik ze nog naast elkaar zonder ruimte ertussen

ik heb er een screendump bij gevoegd.

hanna · 14 aug 2014

Url ??

Toko47 · 14 aug 2014

Url meaning?

hanna · 14 aug 2014

Waar staat het op internet, kan ik kijken, de Link dus......

Toko47 · 15 aug 2014

Oké Hanna,

dit is 'm
http://www.tonkoorevaar.be/Always-Elvis-2/Concert-facts/Conserts-suits/index-suits.htm

Toko47 · 15 aug 2014

Hallo Hanna,
ik ben er zelf achter gekomen.
ik heb het met inline style gedaan.

<div style="margin-left:35%;"><table style="float: left">
<div style="margin-right:35%;"><table style="float: right">

bedankt voor alles.

Fijn weekend,

Ton.

kenikavanbis · 15 aug 2014

het is zeer oude code of zeker gedateert

Code:

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />


	<title>Untitled 1</title>
</head>

<body>
<span style="display:inline-block;">
<table width="100%" cellpadding="0" cellspacing="0"  >
    <tr>
        <td align="center" style="padding-top: 20px;" height="60" valign="top" style=" background-repeat: no-repeat">
            <a href="?cat=producten&sub=Bijlsma Hercules&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_bijlsma;?>&nbsp;</a>
        </td>   
    </tr>
    <tr>
        <td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px; border-top: 5px solid #BBCC00; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
            <a href="?cat=producten&sub=Bijlsma Hercules&taal=<?=$taal;?>"><img src="images/producten/groot/bijlsma.jpg" style="display:block;" border="0"></a>
        </td>   
    </tr>
    <tr>
        <td align="center"  bgcolor="#FFFFFF" style="padding-top: 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;border-bottom: 5px solid #BBCC00;">
            <a href="?cat=producten&sub=Bijlsma Hercules&taal=<?=$taal;?>"><img src="images/producten/foto/bijlsma.jpg" style="display:block;" border="0"></a>
        </td>   
    </tr>
</table>
</span>
<span style="display: inline-block;">
<table width="100%" cellpadding="0" cellspacing="0" >
    <tr>
        <td align="center" style="padding-top: 20px;" height="60" valign="top" style=" background-repeat: no-repeat">
            <a href="?cat=producten&sub=Baselier&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_baselier;?>&nbsp;</a>
        </td>   
    </tr>
    <tr>
        <td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px; border-top: 5px solid #BBCC00; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
            <a href="?cat=producten&sub=Baselier&taal=<?=$taal;?>"><img src="images/producten/groot/baselier.jpg" style="display:block;" border="0"></a>
        </td>   
    </tr>
    <tr>
        <td bgcolor="#FFFFFF" style="padding-top: border-top: 5px solid #BBCC00; 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;border-bottom: 5px solid #BBCC00;">
            <a href="?cat=producten&sub=Baselier&taal=<?=$taal;?>"><img src="images/producten/foto/baselier.jpg" style="display:block;" border="0"></a>
        </td>   
    </tr>
</table>
</span>
</body>
</html>

image NEW

Code:

        <figure>
            <img src="c" />
            <figcaption>
            </figcaption>
        </figure>
        <meter></meter>

table with bootstrap
http://getbootstrap.com/css/#tables

Toko47 · 16 aug 2014

Beste Ken,

ik hou het hier bij, werkt goed.:thumb:

<div style="margin-left:35%;"><table style="float: left">
<div style="margin-right:35%;"><table style="float: right">

Fijne dag,

Ton

Tables naast elkaar plaatsen

Gebruiker

Gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Gebruiker

Meubilair

Gebruiker

Meubilair

Gebruiker

Gebruiker

Gebruiker

Gebruiker

Gebruiker

Gebruiker

Gebruiker

Gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Wij waarderen jouw privacy