inclusion ^^ par ocelote - page 1

Bon matin, je suis avec un nouveau site : <lien url="http://www.bofland.moi.fr/"></lien>
Le probleme et que je voudrais placer le carré gris du bas dans le carré plus gros du haut(^^) !
voila le code :euh:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Design 1 "href="theme.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>

</head>

<body onLoad="init()">
<script language="javascript">
var menu = new Array();
menu[0]="<ul><li>1.1</li><li>1.2</li></ul>";
menu[1]="<ul><li>2.1</li><li>2.2</li></ul>";
menu[2]="<ul><li>3.1</li><li>3.2</li><li>3.3</li><li>3.4</li></ul>";
menu[3]="<ul><li>4.1</li><li>4.2</li></ul>";

var liste;

var ancIndex=-1;
var ancLigne="";

function init()
{
liste=document.getElementById("menu").getElementsByTagName("Li"); }

function debut(i)
{
if (ancIndex>=0)
{
liste[ancIndex].innerHTML=ancLigne;
}
ancLigne=liste[i].innerHTML
ancIndex=i;
liste[i].innerHTML+=menu[i];
}

</script>
<div id="menu">
<ul>
<li><a href="#" onClick="debut(0)">1</a></li>
<li><a href="#" onClick="debut(1)">2</a></li>
<li><a href="#" onClick="debut(2)">3</a></li>
<li><a href="#" onClick="debut(3)">4</a></li>
</ul>
</div>

<div id="corps">
salut
</div>

<div id="article">
ARTICLE
<table width="450" height="513" border="0">
<tr>
<td height="44" colspan="2">titre</td>
</tr>
<tr>
<td width="239">image</td>
<td width="224">description de limage </td>
</tr>
<tr>
<td colspan="2">article</td>
</tr>
</table>
</div>

</body>
</html>

et css :

#corps
{
margin-left: 250px;
margin-top: 70px;
background-color:#CCCCCC;
border:black;
width:800px;
height:700px;
padding: 5px;
}
#article
{
margin-left:550px;
margin-top:130px;
background-color:#999999;
width:424px;
height:550;
padding: 5px;
}
#menu
{
margin-left: 280px;
margin-top: 200px;
left: 25px;
top: 59px;
width: 157px;
height: 178px;
float:left;
padding: 5px;
border: 1px solid silver;
}

J'espere que c'est pas trop long et que vous pourrez m'aider. merci

ocelote

19 août 2006 à 4:28:25

Curly

19 août 2006 à 9:59:52

tu rajoutes dans article :

position: absolute;
top: **px;

tu remplace ** par une valeur

Anonyme

19 août 2006 à 11:34:04

<div id="article">
ARTICLE
<table width="450" height="513" border="0">
<tr>
<td height="44" colspan="2">titre</td>
</tr>
<tr>
<td width="239">image</td>
<td width="224">description de limage </td>
</tr>
<tr>
<td colspan="2">article</td>
</tr>
</table>
</div>

essaie de mettre se code dans le <div id="corps"></div>

19 août 2006 à 19:07:08

Merci, je vais essayer.
edit : ça MARCHE !!!!

inclusion ^^

inclusion ^^

Supprimer

Modérer

Signaler le message aux modérateurs