XML Velden naast elkaar - Softwareontwikkeling

donderdag 15 september 2005 16:16

Acties:

Topicstarter

Voor mijn werk ben ik bezig met het maken van een nieuwe site. Deze probeer ik op te boouwen met xml. Nu het volgende probleem.
Ik wil twee velden met een vaste afmeting naast elkaar hebben. Dat op zich is geen probleem, maar als ik er nu een achergrond inzet Dan komen ze onder elkaar. Diverse dingen heb ik aan mijn stylesheet aangepast, maar ik krijg het niet werkend.

Het bestand

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<title>bedrijfsnaam.</title>
<link href="css/stylesheet_level_1.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
<div id="basic_frame">
<!-- Het menu rechts boven -->

<ul id="menu_right_top">
    <li><a href="/">home</a> | </li>
    <li><a href="contact.xml">contact</a> | </li>
    <li><a href="referenties.xml">referenties</a> | </li>
    <li><a href="bedrijfsprofiel.xml">bedrijfsprofiel</a> | </li>
    <li><a href="acties.xml">acties</a></li>
</ul>
<ul id="midden_kader">
    <li class="li1">Hello</li>
    <li class="li2">Bey</li>
</ul>

</div>
</body>
</html>

de stylesheet

code:

/* Basis */
body {font: 9px verdana;}
/* Het uitlijnen van de site */
    #basic_frame  {width: 770px; text-align: left; margin: 0 auto; border:#000; border-style:solid; padding:5px;}

/* Navigatie menu rechts boven */
    #menu_right_top {position: relative; top: 5px; left: 500px; width: 292px; height: 12px; padding: 0; margin: 0;}
    #menu_right_top li{list-style: none; margin: 0; padding: 0; display: inline; font:9px verdana;}
    #menu_right_top li a{color: #0E207F; text-decoration: none;}
    #menu_right_top li a:hover{color: #148140; text-decoration: none;}

/* Block midden */
    #midden_kader {position: absolute;}
    #midden_kader li {display: inline;}
    #midden_kader li a:link, #midden_kader li a:visited {display: block; position: absolute; top: 0; height: 73px;}
    #midden_kader li a:hover {background: transparent;}
    #midden_kader .li1{
    background-image: url(../images/site/verloop_blauw.gif);
    background-repeat:repeat-x;
    background-color:#DBEDFF;
    height:220px;
    font: 12px arial; color:#000; top: 0px; 
    width: 150px;padding: 10px; margin: 0px;
    line-height: 20px;
    display:block;  }
    #midden_kader .li2{background-image: url(../images/site/verloop_groen.gif);
    background-repeat:repeat-x;
    background-color:#D2E6DB;
    height:220px;
    font: 12px arial; color:#000;top: 0px; 
    width: 150px; padding: 10px; margin: 0px;
    line-height: 20px;
    display:block;}

Weet iemand een oplossing.

donderdag 15 september 2005 16:56

Acties:

Willem

Wat heb je al aangepast dan?

En ik zie geen XML in je HTML?

Motor onderhoud bijhouden

donderdag 15 september 2005 16:59

Acties:

Verwijderd

willem169 schreef op donderdag 15 september 2005 @ 16:56:
Wat heb je al aangepast dan?

En ik zie geen XML in je HTML?

daar was is ook al naar opzoek

donderdag 15 september 2005 17:00

Acties:

BtM909

Watch out Guys...

Kijk ook even naar je doctypes, zodat je wel de juiste gebruikt: http://www.w3.org/QA/2002/04/valid-dtd-list.html

Het is trouwens xhtml en geen XML wat je gebruikt

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 15 september 2005 20:15

Acties:

Verwijderd

Mijn eerste reactie is "float: left;" voor #midden_kader .li1, #midden_kader .li2. Dan staan ze naast elkaar. Maar zonder ontwerp (i.c. screenshot) is het lastig bepalen of het de gewenste oplossing is.