[XHTML] Alignement de deux div

Invité · 29/06/2006, 15h26

Bonjour,

en fait j'ai deux "div" id="news" et id="cadre"
il faut que ces deux div soient alignés horizontalement

mais le probleme c'est qu'ils sont alignés verticalement
merci de m'aider

cordialement,
Kiruban

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TamilWalls.com - The City of Wallpapers</title>
<link rel="stylesheet" href="style_tamilwalls.css" type="text/css" />
<script language="JavaScript" src="tamilwalls_js.js" type="text/javascript"></script>
</head>
<body>
<div class="content">

<div id="logo">
</div>

<div id="menu">
<a href="http://www.tamilwalls.com">Home</a> -
<a href="http://www.tamilwalls.com/livesongs">Video Songs</a> -
<a href="http://www.tamilmp5.com">MP3 Songs</a> -
<a href="http://www.tamilwalls.com/wallpapers">WallPapers</a> -
<a href="http://www.tamilwalls.com/avatars">Avatars</a> -
<a href="http://www.tamilwalls.com/ecards">Ecards</a> -
<a href="http://www.tamilwalls.com/gallery">Gallery</a> -
<a href="http://topsites.tamilwalls.com">Top Sites</a> -
<a href="http://www.tamilwalls.com/radio">Radios</a> -
<a href="http://www.tamilwalls.com/guestbook">Guest Book</a>
</div>

<div id="cadre">

<div class="cadre-purple">

<div class="right-purple">
<div class="left-purple">
<div class="top-purple">Random Walls
</div>
</div>
</div>
<div class="center-purple">
<? include("http://www.tamilwalls.com/wallpapers/random2.php");?>
</div>
</div>


<div class="cadre-rose">

<div class="right-rose">
<div class="left-rose">
<div class="top-rose">Random Avatars
</div>
</div>
</div>
<div class="center-rose">
<? include("http://www.tamilwalls.com/avatars/random2.php");?>
</div>
</div>


<div class="cadre-blue">

<div class="right-blue">
<div class="left-blue">
<div class="top-blue">Random Pics
</div>
</div>
</div>
<div class="center-blue">
<? include("http://www.tamilwalls.com/gallery/random2.php");?>
</div>
</div>


<div class="cadre-red">

<div class="right-red">
<div class="left-red">
<div class="top-red">Random Ecards
</div>
</div>
</div>
<div class="center-red">
<? include("http://www.tamilwalls.com/ecards/random2.php");?>
</div>
</div>


<div class="cadre-green">

<div class="right-green">
<div class="left-green">
<div class="top-green">Advertissement
</div>
</div>
</div>
<div class="center-green">

<iframe src="http://www.tamilbanner.com/ads/index.php?IdCat=3" frameborder="0" width="120" height="600" scrolling="NO" noresize marginwidth="0" marginheight="0">
</iframe>
</div>
</div>


</div>

**blueice** · 29/06/2006, 15h32

Tu pouvais pas mettre en attachement ton fichier(s) !
T'as vu la longueur du message !

Ou alors donne directement le lien, ca donne pas envie de lire

**blueice** · 29/06/2006, 15h47

Si j'ai bien compris...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.cadre-rose-news
{
/* à vous de voir les propriétés à y mettre */
width : 70% ; /* par exemple */
margin-left : 21px;
}

Invité · 29/06/2006, 15h54

j'ai joint les fichiers

**masu** · 29/06/2006, 15h54

en XHTML 1.0 Strict on ferme les balises images et il n'y a pas de iframes

Invité · 29/06/2006, 15h56

Envoyé par masu

en XHTML 1.0 Strict on ferme les balises images et il n'y a pas de iframes

c'est ca qui cause le probleme ?

**blueice** · 29/06/2006, 16h01

Non mais il te le signale et il a parfaitement raison.
Si tu veux faire du Strict juste pour faire bien, c'est pas la peine...

Invité · 29/06/2006, 16h03

je ne savais pas que c'été du strict j'avais pris l'exemple d'entete htm dans un TP

comment puis-je le changer ?

Invité · 29/06/2006, 16h07

http://tamilwalls.com/bug/ je l'ai mis en ligne

**blueice** · 29/06/2006, 16h08

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

mais tu devrais revoir l'architecture de la page, tu as beaucoup trop de divs inutile...