Tom's Guide > Forum > Programmation > problem html/css

problem html/css

Forum Programmation : problem html/css

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

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

Message édité par zikog le 04-07-2008 à 09:44:56

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Salut, je pense que ceci pourrait t'aider :

http://css.alsacreations.com/modeles/modele9.htm
http://css.alsacreations.com/modeles/modele10.htm

------------------------------ Mac OS X, Feisty fawn, winXP
http://jonathanschmidt.fr
Répondre à sparrowix

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

Message édité par zikog le 04-07-2008 à 09:59:05

Répondre à zikog

j'ai pas su m'ensortir je ne fais qu'agraver les choses aidez moi svp c'est urgent
merci d'avance

Répondre à zikog

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' )

Message édité par sparrowix le 04-07-2008 à 10:59:58

------------------------------ Mac OS X, Feisty fawn, winXP
http://jonathanschmidt.fr
Répondre à sparrowix

rien voila ce que ca donne

Message édité par zikog le 04-07-2008 à 11:11:47

Répondre à zikog

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>

------------------------------ Quelques tutos...
Répondre à Darit

oui je l'ai essayé mais ca donne un desordre je te dis pas

Répondre à zikog

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

------------------------------ Mac OS X, Feisty fawn, winXP
http://jonathanschmidt.fr
Répondre à sparrowix

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>

Répondre à zikog

Comment ca ? Normalement tes <div> de gauche/centre/droite doivent permettre de mieux positionner l'ensemble de tes sous-<div>...

------------------------------ Quelques tutos...
Répondre à Darit

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

------------------------------ Mac OS X, Feisty fawn, winXP
http://jonathanschmidt.fr
Répondre à sparrowix

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

Répondre à zikog

alors tu mets :
atcu
news
musique
talents
blagues

et tu d'aides des templates pour savoir comment les positionner

------------------------------ Mac OS X, Feisty fawn, winXP
http://jonathanschmidt.fr
Répondre à sparrowix

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

------------------------------ Quelques tutos...
Répondre à Darit

Bon alors si la il n'y arrive pas jpeux plus rien pour lui

------------------------------ Mac OS X, Feisty fawn, winXP
http://jonathanschmidt.fr
Répondre à sparrowix

merci Darit c'est fait

Répondre à zikog

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > problem html/css

Aller à :

Aide |
Règles du forum

Il y a 2314 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,362 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens