Se connecter / S'enregistrer
Votre question

problem html/css

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
4 Juillet 2008 09:42:56

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

4 Juillet 2008 09:57:15

je voix mais ca ne contient pas le code pour que ca puisse m'aider?!!
edit: c'est bouton droit source merci je verrai si ca donne quelque chose et je te repondrai
Contenus similaires
4 Juillet 2008 10:44:51

j'ai pas su m'ensortir je ne fais qu'agraver les choses aidez moi svp c'est urgent
merci d'avance
4 Juillet 2008 10:58:55

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' )
4 Juillet 2008 11:10:06

rien voila ce que ca donne
4 Juillet 2008 11:40:35

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>
4 Juillet 2008 11:42:17

oui je l'ai essayé mais ca donne un desordre je te dis pas
4 Juillet 2008 11:44:29

il faut jouer avec les float, position, clear etc..

sinon mets tes 4 div en position :absolute;
et défini le left et le top pour chacun
4 Juillet 2008 11:46:12

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>



4 Juillet 2008 11:46:31

Comment ca ? Normalement tes <div> de gauche/centre/droite doivent permettre de mieux positionner l'ensemble de tes sous-<div>... :/ 
4 Juillet 2008 11:51:41

si tu veux la postion :

musiques ---news----actu
blagues----------------talents

tes div doivent etres dans cet ordre ( si tu reste en relative)
musiques
news
actu
blagues
talents
4 Juillet 2008 12:03:06

je veux que ce soit
actu---news---musique
talents---news---blagues
le probleme dans tout ca c'est que news est plus grandes que les autres qui doivent etre deux a sa gauche et deux a sa droite
4 Juillet 2008 12:05:13

alors tu mets :
atcu
news
musique
talents
blagues

et tu d'aides des templates pour savoir comment les positionner
4 Juillet 2008 12:10:09

Voilà, ce que je viens de faire rapidement... et pour moi, j'ai pas de problème de position que ce soit sous IE/Firefox ou Opéra...

Page de Test de Divs
4 Juillet 2008 12:14:08

Bon alors si la il n'y arrive pas jpeux plus rien pour lui ;) 
4 Juillet 2008 13:50:54

merci Darit c'est fait
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS