Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1243 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Petits probleme CSS[Resolu]

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Petits probleme CSS[Resolu]

n°1150608
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 13:12:12  profilanswer
 

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
mood
Publicité
Posté le 15-07-2005 à 13:12:12  profilanswer
 

n°1150630
sibelius
Vous êtes sûr ?
Posté le 15-07-2005 à 13:55:40  profilanswer
 

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
n°1150643
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 14:10:46  profilanswer
 

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

n°1150654
sibelius
Vous êtes sûr ?
Posté le 15-07-2005 à 14:16:36  profilanswer
 

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
n°1150657
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 14:21:16  profilanswer
 

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 .

n°1150659
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 14:23:51  profilanswer
 

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

n°1150661
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 14:27:19  profilanswer
 

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

n°1150663
sibelius
Vous êtes sûr ?
Posté le 15-07-2005 à 14:29:22  profilanswer
 

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
n°1150664
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 14:31:18  profilanswer
 

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 ^^.

n°1150666
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 14:32:02  profilanswer
 

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

mood
Publicité
Posté le 15-07-2005 à 14:32:02  profilanswer
 

n°1150669
sibelius
Vous êtes sûr ?
Posté le 15-07-2005 à 14:34:30  profilanswer
 

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
n°1150677
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 14:46:28  profilanswer
 

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

n°1150690
sibelius
Vous êtes sûr ?
Posté le 15-07-2005 à 14:57:19  profilanswer
 

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
n°1150693
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 15:01:00  profilanswer
 

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.

n°1150697
sibelius
Vous êtes sûr ?
Posté le 15-07-2005 à 15:08:47  profilanswer
 

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
n°1150699
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 15:14:05  profilanswer
 

oki je vais lire ca de suite merci beaucoup.

n°1150706
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 15:19:27  profilanswer
 

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

n°1150711
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 15:21:36  profilanswer
 

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

n°1150717
kirua_sama
Learn sciences with senses
Posté le 15-07-2005 à 15:34:57  profilanswer
 

:??: 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
n°1151308
CNeo
Posté le 16-07-2005 à 16:35:50  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Petits probleme CSS[Resolu]

 

Sujets relatifs
superposer verticalement deux div [résolu]Problème pseudo-frame please help !
Changer une classe d'un objet input [Résolu]Problème redimensionnement image [RESOLU]
[CSS/HTML] Similaire sous IE & Mozilla ? Mission Impossible ?[resolu] inclure php sans php
Probleme menu deroulant html/css/javascript[Resolu * 2]solution de mapping java vers java
[Javascript] Petit problème de fonction 
Plus de sujets relatifs à : Petits probleme CSS[Resolu]


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR