[HTML] Probleem met geneste tables - Softwareontwikkeling

zaterdag 25 maart 2006 17:36

Acties:

Verwijderd

Topicstarter

hey allemaal ik heb een vreemd probleem met tabellen, namelijk:

code:

<table class="INF_container" cellpadding="0" cellspacing="0">
    <tr>
        <td class="INF_header">
        </td
    ></tr>
    <tr>
        <td class="INF_content">
            
                <table class="content_table" cellpadding="0" cellspacing="0">
                    <tr>                
                        <td class="titelbalkA">Over Ons
                        </td>
                    </tr>
                    <tr>                
                        <td class="titelbalkB">
                        </td>
                    </tr>
                    <tr>                
                        <td class="titelbalkC"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/>
                        </td>
                    </tr>
                    <tr>                
                        <td class="titelbalkD">
                        </td>
                    </tr>
                </table>
        
        </td>
    </tr>
    <tr>
        <td class="INF_closer">
        </td>
    </tr>
</table>

Nu zou de heleboel moeten rekken en dat doet het ook, maar als de inhoud van de geneste tabel te veel wordt (Kijk de breaklines), dan overschreid de geneste tabel, zijn parent tabel, en ik heb gekeken naar ontbrekende tag's, alles, maar ik kan het probleem niet vinden.

Hier ook nog de CSS:

code:

.INF_container  {
width:100%;
height:100%;
}

.INF_header {
background-image:url(../InfoB.jpg);
background-repeat:repeat-y;
position:relative;
width:100%;
height:20px;
}

.INF_content    {
background-image:url(../InfoM.jpg);
background-repeat:repeat-y;
position:relative;
width:100%;
height:100%;
vertical-align:top;
}


.INF_closer {
background-image:url(../InfoO.jpg);
background-repeat:repeat-y;
position:relative;
bottom:0px;
width:100%;
height:20px;

Ik heb geen idee wat het is. Als iemand kon helpen heel graag. Ow trouwens de search heeft me eigenlijk niks opgeleverd.

zaterdag 25 maart 2006 18:00

Acties:

ZeilDude

Jij gaat nu allemaal posts krijgen dat je symantisch volkomen incorrect bezig bent en dat je een oplossing moet zoeken zónder tabellen. Wees ze voor, ga wat googlen en post zelf zo snel mogelijk een oplosing!

Aanvullend:
Vermijd underscores in je class- en ID-namen. Niet alle browsers gaan daar goed mee overweg. Maak dus van bijvoorbeeld INF-content: INFcontent of infContent. Of een duidelijkere (nog) naam

[ Voor 35% gewijzigd door ZeilDude op 25-03-2006 18:11 ]

zaterdag 25 maart 2006 18:01

Acties:

Verwijderd

Speel maar wat met de height properties (laat die height: 100%; op de tablecell eens weg bijvoorbeeld).

Verder moet je maar lekker gaan debuggen, maak eerst een minimaal voorbeeld, en voeg dan telkens iets toe om te zien welke invloed dat heeft. Doen wij ook. Zoeken helpt geen zak.

zaterdag 25 maart 2006 18:09

Acties:

Verwijderd

Topicstarter

Ik zal kijken naar een andere oplossing zonder tabellen, en ook eens spelen met de heights(heb vrijwel alles al geprobeerd, maar weg laten nog niet)

Ow trouwens @ Zeildude: het gebruik van tabellen is toch niet verboden?

zaterdag 25 maart 2006 18:15

Acties:

JHS

Splitting the thaum.

Natuurlijk is het niet "verboden", er is geen wet ofzo, maar misschien is het een idee om http://home.parse.nl/~michiel/semantiek.html door te lezen

. En als je kijkt naar de standaarden op dit gebied is dit inderdaad niet de "bedoeling"

DM!

zaterdag 25 maart 2006 18:17

Acties:

ZeilDude

Verwijderd schreef op zaterdag 25 maart 2006 @ 18:09:
Ow trouwens @ Zeildude: het gebruik van tabellen is toch niet verboden?

Nope, wat mij betreft is niets verboden als jij een website maakt, het is tenslotte jóuw site. Alleen symantisch is het niet correct, omdat tabellen worden gebruikt voor tabulaire data, bijvoorbeel spreadsheets. Wat jij volgens mij wilt is heel iets anders, dat doet me eerder denken aan een definitionlist. Zou maar eens op semantiek, ik verwijs vaak naar dit bekende artikel.
Geneste tabellen zijn al snel een teken van een slechte opzet en er zijn tal van redenen aan te voeren om een andere oplossing dan geneste tabellen te kiezen.

Aanvullend:
JHS was me dus net voor met dezelfde woorden, alleen in een compactere vorm.

[ Voor 6% gewijzigd door ZeilDude op 25-03-2006 18:18 ]

zaterdag 25 maart 2006 18:20

Acties:

Verwijderd

Topicstarter

Thanks, ben nog niet zo ervaren met HTML, CSS etc., maar ik vind dat het al aardig lukt, ik ga het artikel nu lezen!

Als iemand nog een oplossing heeft voor mijn probleem, met tabellen of div's het maakt me niet uit, ik ben nu zelf aan het kijken voor een oplossing, maar als jullie me willen helpen graag

zaterdag 25 maart 2006 18:35

Acties:

ZeilDude

Verwijderd schreef op zaterdag 25 maart 2006 @ 18:20:
Als iemand nog een oplossing heeft voor mijn probleem, met tabellen of div's het maakt me niet uit, ik ben nu zelf aan het kijken voor een oplossing, maar als jullie me willen helpen graag

Ik zei al: definition list... kijk hier maar voor wat inspiratie! Of hier of wat dacht je van deze? Voorbeelden te over dus!

Overigens helpt het enorm als je een linkje maakt naar de pagina waarmee je mee bezig bent. Dan kun je laten zien wat je doet om het probleem op te lossen, zodat anderen er ook wat aan hebben. En nee, tis hier geen designstudio waarbij je je probleem dropt en een paar dagen later je oplossing ophaalt. Dat wil ik overigens wel voor je doen hoor, maar dan wel tegen een leuk uurtarief.

[ Voor 18% gewijzigd door ZeilDude op 25-03-2006 18:45 . Reden: verkeerd voorbeeld verwijderd ]

zaterdag 25 maart 2006 19:06

Acties:

Verwijderd

Topicstarter

Nogmaals Bedankt een Definition List is wel wat denk ik, ik heb trouwens na het lezen van het artikel over Semantiek, besef gekregen van mij "misbruik" van tabellen

. Ik zal concept even online zetten:

http://www.onze-computer.demon.nl/TEST/V%202.0/#Index.html Hier is het probleem te zien

Ik zal hem updaten als ik wat vooruitgang heb geboekt

Zieldude Bedankt, kijken of ik mijn inspiratie kan omzetten naar productiviteit

[ Voor 13% gewijzigd door Verwijderd op 25-03-2006 19:07 ]

zaterdag 25 maart 2006 22:54

Acties:

crisp

Devver

Pixelated

ZeilDude schreef op zaterdag 25 maart 2006 @ 18:00:
[...]
Aanvullend:
Vermijd underscores in je class- en ID-namen. Niet alle browsers gaan daar goed mee overweg. Maak dus van bijvoorbeeld INF-content: INFcontent of infContent. Of een duidelijkere (nog) naam

Volgens mij was het alleen IE voor de MAC die daar niet goed mee om kon gaan, en die browser is dood en begraven

Intentionally left blank

zaterdag 25 maart 2006 23:57

Acties:

Verwijderd

crisp schreef op zaterdag 25 maart 2006 @ 22:54:

Volgens mij was het alleen IE voor de MAC die daar niet goed mee om kon gaan, en die browser is dood en begraven

Klopt. Nu is het slechts een praktische reden: In CSS komen veel liggende streepjes voor, geen underscores. Gewone liggende streepjes en alles in lowercase verkleinen de kans op een typo

Nee, serieus, het is eigenlijk alleen nog een kwestie van voorkeur. En ik vind die underscores lelijk

maandag 27 maart 2006 13:17

Acties:

Verwijderd

Topicstarter

Owke, ik ben weer wat verder in IE doet hij het nu goed alleen nog FF. Het probleem was dat ik met positions had gewerkt, denk aan absolute en relative en deze dus voor het rare probleem zorgden, nu heb ik het semantisch correct gedaan (denk ik) en de positions weggehaald, nu nog één ding dus wat het niet goed doet > FF. Ik weet niet hoe ik het aan moet pakken.

site is hier te bekijken, het probleem gaat trouwens over de inlineframe gedeelte (met de C)
http://www.onze-computer.demon.nl/TEST/

Hier is de code van de HTML in de inlineframe:

code:

<html>
<head>
<title>Definition List TEST</title>

<style>

html, body, table   {
margin:0px;
padding:0px;
width:100%;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#474747;
}

.header {
width:100%;
height:20px;
background-image:url(InfoB.jpg);
background-repeat:no-repeat;
}

.content    {
width:100%;
height:367px;
background-image:url(InfoM.jpg);
background-repeat:repeat-y;
}

.closer {
width:100%;
height:20px;
background-image:url(InfoO.jpg);
background-repeat:no-repeat;
}

.ABCD   {
}

.A  {
width:549px;
height:23px;
background-image:url(TitelBalk.jpg);
margin-left:-5px;
}

.B  {
width:549px;
height:20px;
background-image:url(TitelBalkB.jpg);
margin-left:-5px;
}

.C  {
width:549px;
height:auto;
background-image:url(TitelBalkM.jpg);
margin-left:-5px;
}

.D  {
width:549px;
height:20px;
background-image:url(TitelBalkO.jpg);
margin-left:-5px;
}
</style>

</head>

<body>
<dl>
<dt class="header">&nbsp;</dt>
<dt class="content">

    <dl class="ABCD">
    <dt class="A"></dt>
    <dt class="B"></dt>
    <dt class="C">C<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>C</dt>
    <dt class="D"></dt>
    </dl>

</dt>
<dt class="closer">&nbsp;</dt>
</dl>
</body>
</html>

maandag 27 maart 2006 13:48

Acties:

giMoz

iets met meester...

Doe je het zo mooi semantisch en dan nog iframes ...

btw, heb ik een internetrevolutie gemist? of is html 7 al uit? DL?? DT???

Of niet natuurlijk...

maandag 27 maart 2006 13:59

Acties:

Verwijderd

Topicstarter

de iframe is er alleen om data hoeveelheid te beperken, en wat is er mis met een Definition List?

maandag 27 maart 2006 14:02

Acties:

giMoz

iets met meester...

en sinds wanneer is dat een issue...
het levert meer problemen op (o.a. het feit dat je zo'n pagina niet kan bookmarken e.d.) dan dat je er voordeel bij hebt...

en de DL had ik nog nooit van gehoord... (ondanks het feit dat ik al wat jaartjes webprogramming doe..

) ff gegoogled, ding bestaat idd al een tijdje, mijn fout...

Of niet natuurlijk...

maandag 27 maart 2006 14:08

Acties:

Verwijderd

Topicstarter

Kijk ik kan het ook prima in een Div met een overflow zetten, maar dat is het probleem niet, en wat zou jij als ervaren webprgrammer dan doen, doe een gooi.

maandag 27 maart 2006 14:17

Acties:

Rowanov

Kop eens wat anders...

Verwijderd schreef op maandag 27 maart 2006 @ 13:59:
de iframe is er alleen om data hoeveelheid te beperken

Als je css gebruikt en een duidelijke semantische opzet van je pagina kan je de "winst" die je met frames claimt binnen te halen verwaarlozen. De plaatjes in de layout zijn het grootste gedeelte van de data en die haal je maar 1 keer binnen, net als het css bestand. Dan blijft die paar kb html over, daar nek je je server echt niet mee

maandag 27 maart 2006 14:22

Acties:

Verwijderd

Topicstarter

Oke jullie hebben me overtuigd, maar daar gaat het iegenlijk niet over, het probleem is de compatabiliteit met IE en FF, eindelijk werkt het/heb ik het zoals ik wil in IE nu niet meer in FF

maandag 27 maart 2006 14:57

Acties:

Rowanov

Kop eens wat anders...

Wat dacht je btw van zoekmachine compatibiliteit? De zoekmachine kan linken naar de pagina in je frame en dan heb jij weer een extra script nodig om de frame pagina weer tevoorschijn te toveren.

De compatibiliteit met IE en FF is iets waar iedereen die websites maakt mee te maken krijgt. Als je het vaak genoeg doet krijg je er handigheid in en loop je om de problemen heen ipv er tegenaan

maandag 27 maart 2006 17:12

Acties:

ZeilDude

giMoz schreef op maandag 27 maart 2006 @ 13:48:
Doe je het zo mooi semantisch en dan nog iframes ...

btw, heb ik een internetrevolutie gemist? of is html 7 al uit? DL?? DT???

Volgens mij heb je inderdaad wat gemist.

Definitionlists zijn al onderdeel van HTML sinds versie 2. Meer over definitionlists lees je bijvoorbeeld in Handleiding HTML of W3C.

Overigens heb je gelijk dat TS de (i)frames beter over boord kan gooien, ik was alleen 'bang' dat er zo wel heel veel op hem afkomt en dat ie daardoor zal terugvallen op zijn oude vertrouwde tabellen. Die angst was ten onrechte, naar het lijkt. Dus: weg met je iframes, gebruik gewoon een klein stukje php om bestanden te includen. Dit is eenvoudiger voor je onderhoud, je pagina's cachen beter en de zoekmachines indexeren je pagina's beter. Succes!

maandag 27 maart 2006 21:46

Acties:

Verwijderd

Topicstarter

ja kijk, misschien is het zo beter:

Linkje:

http://www.onze-computer.demon.nl/TEST/

Hier weer de code (ik denk dat het er nu beter uitziet), HTML:

code:

<html>
<head>

<title>Semantiek Test</title>

<link rel="stylesheet" type="text/css" href="CSS1.css">

</head>

<body>
<div class="container">

<!-- Header ######################################################################################################## -->
    <div class="header"></div>

<!-- Navigatie ##################################################################################################### -->
<dl class="dl">
<dt class="dt"><a href="1INFIndex.html">Producten</a></dt>
<dd class="dd"><a href="#">DVD+R(W)</a></dd>
<dd class="dd"><a href="#">DVD-R(W)</a></dd>
<dd class="dd"><a href="#">CD-R(W)</a></dd>
<dd class="dd"><a href="#">Verpakkingen</a></dd>
<dd class="dd"><a href="#">Multimedia</a></dd>
<dd class="dd"><a href="#">Diversen</a></dd>
<dt class="dt"><a href="#">Acties</a></dt>
<dt class="dt"><a href="#">Voorwaarden</a></dt>
<dd class="dd"><a href="#">Algemene Voorwaarden</a></dd>
<dd class="dd"><a href="10Leveringsvoorwaarden.html">Leveringsvoorwaarden</a></dd>
<dt class="dt"><a href="#">Contact</a></dt>
<dt class="dt"><a href="12Over_Ons.html">Over Ons</a></dt>
</dl>

<!-- Content ####################################################################################################### -->

<div class="content_div">
    <div class="content_div2">
        <dl class="ABCD">
        <dt class="A"><a class="titel">Over Ons</a></dt>
        <dt class="B"></dt>
        <dt class="C">
            <div class="C_text">

            </div>
        </dt>
        <dt class="D"></dt>
        </dl>   
    </div>
</div>

<!-- Closer ######################################################################################################## -->
<div class="closer"></div>
</div>
</body>
</html>

code:

/* Test 1 CSS */

/* Main ############################################################################################################# */

html, body  {
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#474747;
}

.container  {
position:absolute;
top:50%;
margin-top:-295px;
left:50%;
margin-left:-390px;
height:590px;
}

/* Header ########################################################################################################### */

.header {
margin-bottom:2px;
background-image:url(HeaderDRE6.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:780px;
height:129px;
}

/* Navigatie ######################################################################################################## */

a   {
position:relative;
top:4px;
text-decoration:none;
color:#474747;
}

.dl {
position:absolute;
margin:0px;
padding:0px;
}

.dt {
margin:1px;
width:139px;
height:23px;
background-image:url(NavigationB.jpg);
font-weight:bold;
text-align:center;

}

.dd {
margin:1px;
width:139px;
height:19px;
background-image:url(NavigationM.jpg);
font-size:10px;
text-align:center;
}

/* Content ########################################################################################################## */

.content_div    {
background-image:url(Content_Achtergrond.jpg);
background-repeat:no-repeat;
position:relative;
left:143px;
width:636px;
height:407px;
overflow:hidden;
}

.content_div2   {
margin-top:7px;
margin-left:15px;
position:relative;
width:613px;
height:394px;
overflow:auto;
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#474747;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
}

/* Closer ########################################################################################################### */

.closer {
position:relative;
bottom:0px;
margin-top:2px;
background-image:url(CloserJPEGRE3.jpg);
width:780px;
height:50px;
}

/* Inhoud Content Div ############################################################################################### */

.ABCD   {
margin:0px;
margin-top:15px;
margin-bottom:10px;
padding:0px;
padding-bottom:10px;
margin-left:30px;
}

.A  {
width:549px;
height:23px;
background-image:url(TitelBalk.jpg);
text-align:center;
font-weight:bold;
}

.B  {
width:549px;
height:20px;
background-image:url(TitelBalkB.jpg);
}

.C  {
width:549px;
height:auto;
background-image:url(TitelBalkM.jpg);
font-size:10px;
}

.D  {
width:549px;
height:20px;
background-image:url(TitelBalkO.jpg);
}

.C_text {
width:499px;
margin-left:20px;
}

P.s. Let niet op de dode links

maandag 27 maart 2006 21:48

Acties:

Verwijderd

Topicstarter

Ow trouwens, dat met PHP, dat is toch PHP Include? Ik ben er verder niet bekent mee maar ik had gehoord dat je dat dan ook moest beveiligen enzo.

Mijn Excuses voor de dubbele post

[ Voor 13% gewijzigd door Verwijderd op 27-03-2006 21:49 ]

maandag 27 maart 2006 22:31

Acties:

ZeilDude

Je gaat lekker zo, hoor. Overigens hoef je niet van die lappen HTML en CSS te posten, die kunnen we zelf wel achterhalen. PHP posten heeft wel zin, omdat we niet de ongeparste code kunnen bekijken.

maandag 27 maart 2006 22:48

Acties:

Rowanov

Kop eens wat anders...

Voor een menu is het niet gebruikelijk om een dl te gebruiken, een ul of ol zijn beter aangezien het om een opsomming van links gaat; in dit geval dus je navigatie. Verder moet je bij het includen even opletten dat je geen dingen klakkeloos uit de querystring (adresbalk) rechtstreeks in je code plakt. Maak dus gebruik van een switch-case of iets in die geest en zorg dat je alle gegevens die je toch uit de querystring haalt even controleert op html code en andere hack pogingen.

dinsdag 28 maart 2006 14:55

Acties:

Verwijderd

offtopic:
Ik las bovenaan in dit topic dat sommige browsers niet goed omgaan met underscores in id's / classes.
Is dat echt zo?

zo ja, welke browsers?

[ Voor 11% gewijzigd door Verwijderd op 28-03-2006 14:55 ]

dinsdag 28 maart 2006 19:09

Acties:

Verwijderd

Topicstarter

Bedankt voor de tip, ik zal het even veranderen, naar ul of ol, verder ben ik nog even aan het kijken naar het PHP gedeelte, ik zal weer een linkje posten als het zover is.

donderdag 30 maart 2006 09:54

Acties:

Verwijderd

Topicstarter

ja daar ben ik weer, ik heb de lijst omgezet in een UL, maar nu krijg ik bij FF die ruitjes ervoor, dat si natuurlijk niet de bedoeling, weet iemand hoe je die weg kan krijgen? In IE heb ik er trouwens geen last van.

donderdag 30 maart 2006 09:57

Acties:

JHS

Splitting the thaum.

Cascading Stylesheet:

li {
  list-style: none; 
  /* waarschijnlijk wil je dit ook */
  margin: 0; padding 0;
}

[ Voor 4% gewijzigd door JHS op 30-03-2006 09:58 ]

DM!

donderdag 30 maart 2006 10:13

Acties:

BtM909

Watch out Guys...

giMoz schreef op maandag 27 maart 2006 @ 13:48:
Doe je het zo mooi semantisch en dan nog iframes ...

btw, heb ik een internetrevolutie gemist? of is html 7 al uit? DL?? DT???

giMoz schreef op maandag 27 maart 2006 @ 14:02:
en de DL had ik nog nooit van gehoord... (ondanks het feit dat ik al wat jaartjes webprogramming doe.. ) ff gegoogled, ding bestaat idd al een tijdje, mijn fout...

Wil je voortaan dan eerst even googlen ipv niets bijdragende posts doen, dank je

[ Voor 13% gewijzigd door BtM909 op 30-03-2006 10:13 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 30 maart 2006 10:13

Acties:

BtM909

Watch out Guys...

Ruban: GoT is niet je persoonlijk helpdesk. Ik moet iets meer het gevoel krijgen dat je het zelf eerst probeert en vervolgens aangeeft wat je hebt geprobeerd en waar het fout gaat. Simpelweg code posten of (mijn inziens) basic vragen stellen is niet het doel van WEB

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 30 maart 2006 11:28

Acties:

Verwijderd

Topicstarter

Ach natuurlijk, list-style

natuurlijk wil ik die indruk (helpdesk) niet geven en stel alle hulp zeer op prijs. Van mij mag deze dicht ben eruit en de volgende keer als ik met een probleem zit dan doe ik het zoals het hoort!

donderdag 30 maart 2006 11:34

Acties:

BtM909

Watch out Guys...

Zoals je hier kan lezen gaan topics niet zonder meer op slot

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 30 maart 2006 16:41

Acties:

Verwijderd

Topicstarter

Owke, het probleem met de geneste tabellen heb ik uiteindelijk op gelost met een Definition List (DL). Deze heb ik dus vervanger voor de tabellen. Door dingen te gebruiken waarvoor ze zijn gebruikt heb ik eigenlijk dus het probleem opgelost, dus jongens onthoud semantiek

Zo heb ik het opgelost:

code:

HTML:

<div class="content_div">
    <div class="content_div2">
        <dl class="ABCD">
        <dt class="A"><a  class="nav_a">Welkom</a></dt>
        <dt class="B"></dt>
        <dt class="C">
            <div class="C_text">
                [img]"Beginscherm.jpg"/>
            </div>
        </dt>
        <dt[/img]</dt>
        </dl>   
    </div>
</div>

CSS:

.content_div    {
background-image:url(Content_Achtergrond.jpg);
background-repeat:no-repeat;
position:relative;
left:143px;
width:636px;
height:407px;
overflow:hidden;
}

.content_div2   {
margin-top:7px;
margin-left:15px;
position:relative;
width:613px;
height:394px;
overflow:auto;
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#474747;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
}

.ABCD   {
margin:0px;
margin-top:15px;
margin-bottom:10px;
padding:0px;
padding-bottom:10px;
margin-left:30px;
}

.A  {
width:549px;
height:23px;
background-image:url(TitelBalk.jpg);
text-align:center;
font-weight:bold;
}

.B  {
width:549px;
height:20px;
background-image:url(TitelBalkB.jpg);
}

.C  {
width:549px;
height:auto;
background-image:url(TitelBalkM.jpg);
font-size:10px;
}

.D  {
width:549px;
height:20px;
background-image:url(TitelBalkO.jpg);
}

.C_text {
width:499px;
margin-left:20px;
}

Pagina: 1

Reageer