Se connecter avec
S'enregistrer | Connectez-vous

problem html/css

Dernière réponse : dans Programmation

bonjour
voila l'adresse de mon site www.zikog.0fees.net
le problem c'est que je veux que dans le corps de la page d'accueil musique et blague soient a gauche(c'est la cas sous opera mais pas sous firefox) et que actualités films et talents soient l'une apres l'autre a droite (ce qui n'est pas le cas ni sous firfox ni sous opera)
(IE on n'en parle pas c'est catastrophique lol)
voila le code css
Code : CSS
#menuactufilms {
height:25%;
width:26%;
border: 5px ridge #33383b;
text-align:center;
margin-left:20px;
margin-bottom:25px;
float:left;
margin-top:40px;

}
#menuNEWS {
height:50%;
width:37%;
border: 5px ridge #6b3841;
text-align:center;
margin-left:20px;
margin-right:20px;
margin-bottom:25px;
float:left;

}
#menuMUSIQUE {
height:25%;
width:26%;
border: 5px ridge #676367;
text-align:center;
margin-right:20px;
margin-bottom:25px;
float:right;
margin-top:40px;

}
#menuMUSIQUE a {
font-family:Broadway;
color:#000000;
}
#menuTalents {
height:25%;
width:26%;
border: 5px ridge #676367;
text-align:center;
margin-right:20px;
margin-bottom:25px;
float:left;
margin-top:40px;

}
#menuBLAGUES {
height:25%;
width:26%;
border: 5px ridge #33383b;
text-align:center;
margin-left:20px;
margin-bottom:25px;
float:left;
margin-top:40px;
}


merci d'avance pour votre aide

Autres pages sur : problem html css

Lassé par la pub ? Créez un compte

Mets le div musique avant le div film ( dans ton html ) essaye de même avec " blague et talent".

puis adapte tes positions
->astuce ( si tes "menus" ne bougent pas et si tu ne veux pas tenir compte de la taille de la fenetre, utilise des positions 'absolute' )

Ce que tu peux faire, c'est faire des <div> imbriqués !

Genre tu fais une première <div class=gauche> à gauche, une <div =news> centrale puis une <div class=droite> à droite.

Dans ta <div class=droite> tu mets tes <div class=musique> & <div class=blagues> et dans l'autre <div class=gauche> tu mets tes <div class=talents> & <div class=actuFilms>

bon je pose aussi mon code html
<div id="menuactufilms">
<h1>Actualités films</h1>
</div>

<div id="menuNEWS">
<h1>NEWS</h1>

</div>

<div id="menuMUSIQUE">

<h1> MUSIQUE</h1>

<form method="post" action="index.php">
<p>
<label for="artistes">rechercher votre artiste preferé :</label>
<input type="text" name="artistes" id="artistes" size="30" maxlength="10" />
<input type="submit" value="Valider" />
</p>
</form>
<?php if ( isset($_POST['artistes']) and $_POST['artistes'] == akon )
{
echo "AKON";
}
elseif ( isset($_POST['artistes']) and $_POST['artistes'] == aliciakeys )
{
echo "ALICIA";
}
elseif ( isset($_POST['artistes']) == false )
{
echo "rechercher";
}
else
{
echo "RIEN";
}

?>
<br/>OR<br/>
<a href="musique.php"> Expolrer la rubrique musique vous meme <a/><br/>
Mais aussi
<br/>vous pouvez allez voir<br/><br/>
<a href="oficialcharts.php"> TOP 100 SINGLES CHART <a/>
</div>


<div id="menuBLAGUES">
<h1>BLAGUES</h1>
</div>

<div id="menuTalents">
<h1>TALENTS </h1>

</div>





</div>



Lassé par la pub ? Créez un compte
Tom's guide dans le monde