Petits probleme CSS[Resolu]

Petits probleme CSS[Resolu] - HTML/CSS - Programmation

Marsh Posté le 15-07-2005 à 13:12:12    

Bonjour j'ai un petit probleme quant a mon site, je ne comprend pas pour les div menus et copains sont dans le div centre :(.
Pour illustre : http://greeedisland.free.fr
pour moon code ^^:
 Merci de votre aide. ("je n'ai applique la feuille de style que pour la page d'index ^^" )


Message édité par kirua_sama le 16-07-2005 à 19:05:08
Reply

Marsh Posté le 15-07-2005 à 13:12:12   

Reply

Marsh Posté le 15-07-2005 à 13:55:40    

Attention aux mésententes : un problème de div, ça n'existe pas !
http://blog.alsacreations.com/2005 [...] eme-de-div


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 15-07-2005 à 14:10:46    

oki merci sibelus. je modifie mon titre de suite. je pense quand meme que c'est un probleme de div car si on met un block dans un autre block alors que l'on veut que les block soit separer ne peut on pas parler de probleme de block ( DIV ) ??

Reply

Marsh Posté le 15-07-2005 à 14:16:36    

kirua_sama a écrit :

car si on met un block dans un autre block alors que l'on veut que les block soit separer...


Que veux-tu dire par là ?  
Ce sont deux choses opposées, que veux-tu faire :
- mettre un bloc dans un autre ?
- séparer deux blocs ?
 
PS : dans TOUS les cas, si ton problème est visuel (mise en page), il vient de tes CSS.


Message édité par sibelius le 15-07-2005 à 14:17:19

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 15-07-2005 à 14:21:16    

oki. bah en fait je veu que mes deux blocs soit separer mais ej ne comprend pas pourquoi il y en a un dans l'autre ... ? le menu est dans le bloc centre.  
oki merci .

Reply

Marsh Posté le 15-07-2005 à 14:23:51    

( ce probleme n'est rencontrer que sur firefox ....  :d )

Reply

Marsh Posté le 15-07-2005 à 14:27:19    

regler. En faite c'etait le margin-left 10px;
Mais le margin n'est pas relatif au block qui l'entout normalement ?

Reply

Marsh Posté le 15-07-2005 à 14:29:22    

kirua_sama a écrit :

regler. En faite c'etait le margin-left 10px;
Mais le margin n'est pas relatif au block qui l'entout normalement ?


Margin est la marge externe à un bloc en effet.
 
Si tu appliques un margin-left: 10px à un paragraphe <p>, il aura une marge externe à gauche de 10 pixels, à l'intérieur de son conteneur.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 15-07-2005 à 14:31:18    

encore une question sous :). et oui desoler.
La meme que dans l'autre topic ( et oui meme apres une recherche sous google comme a fait badze j'ai pas trouver :) )
quand je reduit la fenetre mes block passe les un en dessous des autres. ( malgres ca, les bordure de (H1) reste toujours aussi grande et depasse)
Et enfin sous ie quand je reduit la fenetre, au lieu que le block <div id=centre> se retrecisse il se met a la ligne en dssous des autre block. J'espere avoir ete asser explicite et avoir parler francais ^^.

Reply

Marsh Posté le 15-07-2005 à 14:32:02    

oki merci, je comprend pas la alors pouquoi le margin etait absoolu... ?

Reply

Marsh Posté le 15-07-2005 à 14:32:02   

Reply

Marsh Posté le 15-07-2005 à 14:34:30    

kirua_sama a écrit :

oki merci, je comprend pas la alors pouquoi le margin etait absoolu... ?


Absolu par rapport à quoi ?
Tu as un exemple simple ? Parce qu'avec ton énorme code on ne va pas s'en sortir :-/


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 15-07-2005 à 14:46:28    

euh excuse je pensais que tu etait aller voir sur le site que je t'avais donner au debut ^^.  

Citation :

<DIV id=menu>  
 <UL class=menus>  
     <li><img src="mise_en_page/image/accueil.png" /></li>  
      <li><img src="mise_en_page/menu/image/manga.JPG"></li>  
      <LI><A href="histoire_m.php">Histoire</A>  
      <LI><A href="parution.php">Parution</A>  
      <LI><A href="scan.php">Scan</A>  
</UL></DIV>

Citation :


<DIV id=centre>  
<p>il y a eu 3 news postées<br />il y a donc 1 pages de news : <a href="accueil.php?page=1" style="color:#0000FF">1, </a></p><p><div class="news"><h1>ReStructuration<em> le 12/07/2005 à 21h57 par Kirua-sama</em></h1>  
<br  /><img src="news/image/avnews07.jpg"/><p >Salut alors meme Si mon site est tout nouveau je le refait :d c'est pour la 4 eme fois et oue jveu faire bien meme si ca donne pas toujours du super super. <br />  
J'espere que vous n'aller pas me kitter pour autant je revien avec un site flexible ^^.<br />  
On m'a dit que c'etait pas bien de choisir sa definition qu'il fallais soit le mettre en 800*600 et laisse de la place sur le cote soit qu'il s'etende ^^.<br />  
j'espere donc que vous me comprendrai voila a bientot tout le monde ma nuit va etre longue ^^ :D <br /> </DIV>


 
et en css:
 
 

Citation :

#menu  
  {  
   width: 160px;  
   float:left;  
  }  
 
#centre  
  {  
   min-width: 300px;  
   width: 65%;  
   margin-left: 10px;  
   margin-right: 0px;  
   background-color: Red;  
  }  
 


 
Ce qui me donnait le menu dans le block centre.... :d

Reply

Marsh Posté le 15-07-2005 à 14:57:19    

Hmm ok, tu as des lacunes au niveau des connaissances du positionnement flottant. Il est assez déroutant si on ne prend pas le temps de bien le comprendre.
As-tu suivi les articles d'Openweb ou d'Alsacréations à ce sujet ?


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 15-07-2005 à 15:01:00    

Non j'ai appris le Html sur lesiteduzero.com. :) . par contre je croi que ce que je veu faire pour ne pas que les block passent pas l'un en dessous de l'autre est impossible car avec les modele en fluides sur le site d'alsa creation lorsque je lance la page avec FireFox ca me fait exactement le meme probleme.

Reply

Marsh Posté le 15-07-2005 à 15:08:47    

kirua_sama a écrit :

Non j'ai appris le Html sur lesiteduzero.com. :) . par contre je croi que ce que je veu faire pour ne pas que les block passent pas l'un en dessous de l'autre est impossible car avec les modele en fluides sur le site d'alsa creation lorsque je lance la page avec FireFox ca me fait exactement le meme probleme.


Si si, c'est possible, mais il faut comprendre le fonctionnement du positionnement flottant :
http://css.alsacreations.com/Bases [...] ses-en-CSS
http://forum.alsacreations.com/faq/#item6


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 15-07-2005 à 15:14:05    

oki je vais lire ca de suite merci beaucoup.

Reply

Marsh Posté le 15-07-2005 à 15:19:27    

merci le premier lien j'avais deja lu plusieur fois ^^ mais j'ai trouver exactement ce que ej voulais dans la faq ^^ merci beaucoup. ( mis a part le pobleme des block passant l'un en dessous de l'autre ^^ )

Reply

Marsh Posté le 15-07-2005 à 15:21:36    

car meme sur openweb ... :) les blocks vont a la ligne lorsque la fenetre devient plus asser large.

Reply

Marsh Posté le 15-07-2005 à 15:34:57    

:??: tiens d'ailleur j'utilise une solution:
boite special avec spacer : http://openweb.eu.org/articles/ini [...] 1.html#ex3
 
et ca me donne bien sur ie
mais sur firefox ca me met un espace super grand ??? :??:
 
 
edit: regler c'etait toujours du au probleme que le menus se retrouvai dans le div du centre j'ai mis une position absolute left ^^


Message édité par kirua_sama le 15-07-2005 à 16:06:47
Reply

Marsh Posté le 16-07-2005 à 16:35:50    

Le sujet n'est régler mais réglé et de plus on met plutôt résolu. :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed