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
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
Salut, je pense que ceci pourrait t'aider :
http://css.alsacreations.com/modeles/modele9.htm
http://css.alsacreations.com/modeles/modele10.htm
http://css.alsacreations.com/modeles/modele9.htm
http://css.alsacreations.com/modeles/modele10.htm
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>
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>
<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>
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
Page de Test de Divs
Lassé par la pub ? Créez un compte
- Contenus similaires :
- Forum Probleme html/css sur une decoupe photoshop Message
- Forum[css, html] problème de code css et de mise en page html [résolu]
- Forum[HTML/CSS]Menu en tableau, problème avec IE
- Forumprobleme de css/html avec IE VS mozilla
- Forum[html/CSS] probleme de cadrage de pubs .
- SolutionsDébutant en html/css
- Solutions [HTML/CSS/PHP] Affichage background tableau
- Solutions[Résolu] [CSS/HTML] Centrer mon site web
- Forum"Warning connection problem" sur CS:S
- Voir plus