Sujets similaires

coucou les amis lovers de css ^^
je suis actuellement entrain de créer un design GW²

http://test-cristof.forums-actifs.com/index.htm

j'ai un pti soucis au niveau de mon accueil comme vous le voyez mon cadre de doite est trop bas et ne se place pas comme je le souhaite ...
je n'ai pas trouvé d'eereur dans le code html de ma page d'accueil d'ou mon appel à vous.

voici le code html que j'ai mis :

Code:: <div id="trailer"><div id="trailer_haut"></div><div id="trailer_centre"><object width="280" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.guildwars2.com/global/includes/flash/gw2player.swf?poster=http://www.guildwars2.com/global/includes/images/skills-video-poster.jpg&video=http://download.guildwars2.com/GW2_Trailer_1_FR_Small.flv" /><embed src="http://www.guildwars2.com/global/includes/flash/gw2player.swf?poster=http://www.guildwars2.com/global/includes/images/skills-video-poster.jpg&video=http://download.guildwars2.com/GW2_Trailer_1_FR_Small.flv" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="280" height="225"></embed></object></div><div id="trailer_pied"></div></div></div><div id="guilde"><div id="guilde_haut"></div><div id="guilde_centre"><IMG src="http://img210.imageshack.us/img210/3295/vents.png"><IMG src="http://img709.imageshack.us/img709/6576/sinac.png"><IMG src="http://img156.imageshack.us/img156/9120/lcwd.png"><br><IMG src="http://img210.imageshack.us/img210/3295/vents.png"><IMG src="http://img210.imageshack.us/img210/3295/vents.png"><IMG src="http://img709.imageshack.us/img709/6576/sinac.png"></div><div id="guilde_pied"></div></div><p><div id="news"><div id="news_haut"></div><div id="news_centre"><MARQUEE onmouseover=this.stop() onmouseout=this.start() direction=up height=200 width=200 scrollAmount=2><script language="Javascript" src="http://www.feedbucket.com/js.php?src=http%3A%2F%2Fwww.guildwars2.com%2Ffr%2Frss.xml&chan=y&desc=1&date=y" type="text/javascript"></script><noscript><a href="http://www.feedbucket.com/">Web RSS</a> by FeedBucket.</noscript></MARQUEE></div><div id="news_pied"></div>

à savoir que panneau "trailer" est en float: left, que celui de droite est logiquement (pour moi) en float: right, et que celui au centre est position: center.
dites moi si vous voulez le css également.

Edit: question supp ^^ : on m'a signalé un décalage dans les barres de séparation et celle de haut de forum que j'ai mise hors de mon côté tout est en place. pouvez vous me dire comment vous vyez le bazar plizz ??

Merci de votre aide, cristof

Coucou ^^
Sans la partie CSS, il me parait difficile de t'aider... ^^" Pourrais-tu le poster s'il te plait? =)

ok ok jte l'a met :

le bloc trailer :

Code:: #trailer{
float: left;
margin: auto;
position: left;
width: 350px;
}

#trailer_haut{
background-image: url(http://img526.imageshack.us/img526/9536/cadretrailerhaut.png);
height: 44px;
width: 350px;
}

#trailer_centre{
Background-image: url(http://img9.imageshack.us/img9/5007/cadretrailercentre.png);
background-repeat: repeat-y;
color: #;
font-size: ;
font-variant: small-caps;
overflow: auto;
padding: 1px;
text-aling: center;
width: 350px;
}

#trailer_pied{
background-image: url(http://img163.imageshack.us/img163/6880/cadretrailerbas.png);
height: 51px;
width: 350px;
}

Le bloc News :

Code:: #news{
float: right;
margin: auto;
position: right;
width: 350px;
}

#news_haut{
background-image: url(http://img249.imageshack.us/img249/6961/cadrenewshaut.png);
height: 47px;
width: 350px;
}

#news_centre{
Background-image: url(http://img9.imageshack.us/img9/5007/cadretrailercentre.png);
background-repeat: repeat-y;
font-size: 11px;
font-variant: small-caps;
overflow: auto;
padding: 0px;
text-aling: center;
width: 350px;
}

#news_pied{
background-image: url('http://img36.imageshack.us/img36/8017/cadrenewsbas.png');
height: 43px;
width: 350px;
}

le bloc guilde :

Code:: #guilde{
position: center;
margin: auto;
position: center;
width: 256px;
}

#guilde_haut{
background-image: url(http://img210.imageshack.us/img210/9231/cadreguildehaut.png);
height: 44px;
width: 256px;
}

#guilde_centre{
Background-image: url(http://img18.imageshack.us/img18/9338/cadreguildecentre.png);
background-repeat: repeat-y;
color: ;
font-size: 11px;
font-variant: small-caps;
overflow: auto;
padding: ;
text-aling: center;
width: 256px;
}

#guilde_pied{
background-image: url(http://img38.imageshack.us/img38/9652/cadreguildebas.png);
height: 35px;
width: 256px;
}

jte remercie encore

up plizz

Les UPs sont STRICTEMENT interdits par le règlement et cette règle peut se trouver dans la plupart des signatures du staff !!

Les UPs sont la charge des modérateurs qui remontent les sujets s'il n'y a pas eu de réponse au bout d'une semaine. Merci à toi de faire preuve de Patience ! Cela fait à peine un jour que tu attends, Ode n'est pas une machine !

Merci à toi de ta compréhension !!

ok ok pas de soucis
dsl de la gène

Bonjours.

Pourquoi avoir fait avec des div flottant plutôt qu'un tableau ?

salut,
j'ai apris a faire avec des div, tout simplement.

Par rapport au rendu que ça devrai avoir, remplacer les div flottant par de un tableau à 2 lignes, 3 cellules par ligne me parait être la meilleur solution. A moins qu'on réalité tu ne veille qu'une seul ligne ?

pour moi l'avantage de cette méthode c'est justement qu'il n'y a pas de nombre de ligne définie puisque que le bloc centre ce répète en fonction du contenus. je trouve cette méthode bien plus pratique, on a qu'a renter le texte ou les codes voulus

Tu est donc partit sur une base d'une ligne unique qui en cas de manque de place passe sur 2 ?

Tu n'as donc pas conpris le fonctionnement de la propriété float.

float:left place ce qui suit à gauche.
float:right place ce qui suit, à doite.

Dans ton cas il faut donc que les bloc soit en float:left.

oui j'ai bien compris le float, j'ai peut etre mal compris ta question précédente.
je dois donc mettre tous mes bloc en float left ??
je vais tester
Merci de ton aide en tout cas

Edit: je viens de tester, en effet c'est la solution. Merci encore

Je classe =)

Mon bloc accueil bug ....

Mon bloc accueil bug ....

Sujets similaires

Sujets similaires

Partenaires Or