[HTML] postionering probleem (Tabel + image) - Softwareontwikkeling

maandag 1 september 2003 17:11

Acties:

Topicstarter

Ik zit met een groot probleem. Althans, ik ben al een tijdje aan het stoeien maar het wil niet lukken.

Ik heb een tabel met een breedte van 700. Deze tabel staat gecentreerd. Aan de rechterkant van de tabel moet een verticale banner (image) komen. Maar ik weet totaal niet waar ik die <span> tag moet plaatsen...

We see things as we are, not as they are

maandag 1 september 2003 17:12

Acties:

supakeen

Even CSS leren

maandag 1 september 2003 17:14

Acties:

XangadiX

trepanatie is zóó kinderachtig

in een layer met een positionerings scriptje (dat laatste desnoods)

Stoer; Marduq

maandag 1 september 2003 17:14

Acties:

Verwijderd

Kun je de verticale banner niet bij de tabel plaatsen ? Dus 1 kolom met daarin de banner.

maandag 1 september 2003 17:14

Acties:

TutanRamon

Topicstarter

zmn schreef op 01 september 2003 @ 17:12:
Even CSS leren

Ik zal de code er even bijdoen:

code:

<div id="nul">
<table width="660" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="660">
        <table border="1" cellspacing="0" cellpadding="0">
          <tr align="center" bgcolor="#333399">
            <td colspan="3"><FONT face="Verdana, Arial, Helvetica, sans-serif" color="#ffff00" size=2><B>Blablabla</B></FONT></td>
          </tr>
          <tr align="center" bgcolor="#333399">
            <td width="220"><FONT face="Verdana, Arial, Helvetica, sans-serif" color="#ffff00" size=2>PROMOTION1</FONT></td>
            <td width="220"><FONT face="Verdana, Arial, Helvetica, sans-serif" color="#ffff00" size=2>PROMOTION2</FONT></td>
            <td width="220"><FONT face="Verdana, Arial, Helvetica, sans-serif" color="#ffff00" size=2>PROMOTION3</FONT></td>            
          </tr>
          <tr>
            <td colspan="3"><FONT face="Verdana, Arial, Helvetica, sans-serif" size=1>
                
                21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 
                21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 
                21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 
                21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 
                21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-2003 - 
                21-08-2003 - 21-08-2003 - 21-08-2003 - 21-08-
                </FONT>
            </td>
          </tr>
        </table>
            
    </td>
   </tr>
</table><div id="Layer1" style="position:relative; left:10px; top:20px;">[img]"i/bannervert.gif"></div>
</div[/img]

[ Voor 56% gewijzigd door TutanRamon op 01-09-2003 17:16 ]

We see things as we are, not as they are

maandag 1 september 2003 17:14

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

een absolute pos. meegeven, met de padding-left op 350+beetje.

/edit: anders haal je die code even weg

het is hier geen afhaalchinees

[ Voor 40% gewijzigd door Thijsmans op 01-09-2003 17:15 ]

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

maandag 1 september 2003 17:15

Acties:

dArtagnan

Een voor allen, allen voor een

code:

#rechts
{
     float: right;
}

edit:

dus gewoon float:right in je style element zetten het verticale plaatje.

[ Voor 49% gewijzigd door dArtagnan op 01-09-2003 17:16 ]

maandag 1 september 2003 17:15

Acties:

TutanRamon

Topicstarter

sorry voor de brakke layout

We see things as we are, not as they are

maandag 1 september 2003 17:21

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

* Thijsmans is te goed

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    
<style type="text/css">
body
{
    text-align: center;
}
.banner
{
    position: absolute;
    left: 50%;
    margin-left: 375px;
    border: 1px solid black;
}
</style>
</head>

<body>
<table width="700" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>blaat</td>
    </tr>
</table>
<div class="banner">boe</div>

</body>
</html>

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

maandag 1 september 2003 17:26

Acties:

TutanRamon

Topicstarter

Prammenhanger schreef op 01 September 2003 @ 17:21:
* TutanRamon is te goed

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    
<style type="text/css">
body
{
    text-align: center;
}
.banner
{
    position: absolute;
    left: 50%;
    margin-left: 375px;
    border: 1px solid black;
}
</style>
</head>

<body>
<table width="700" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>blaat</td>
    </tr>
</table>
<div class="banner">boe</div>

</body>
</html>

Maar gaat het nu wel goed bij andere resoluties?

We see things as we are, not as they are

maandag 1 september 2003 17:32

Acties: