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

 
 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Page Précédente
Bas de page 
Auteur Sujet :

[CSS & DIV] Problème de placement

n°355684
gm_superst​ar
Appelez-moi Super
Posté le 08-04-2003 à 13:34:07  profilanswer
 

Reprise du message précédent :
Ben je sais pas ce que tu veux faire ;)
 
En tout cas là tes DIV ont l'air centrés avec le même espace à gauche et à droite.
 
En tout cas si tu compares Moz et IE, IE donne une marge à gauche du premier DIV bien plus importante que IE [:spamafote]
A part un bug, je ne vois pas ce que c'est. C'est pour ça qu'avec IE et le flottants il faut toujours s'assurer que la longueur totale fasse moins de 100%.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le 08-04-2003 à 13:34:07  profilanswer
 

n°355689
urd-sama
waste of space
Posté le 08-04-2003 à 13:37:30  profilanswer
 

gm_superstar a écrit :

C'est pour ça qu'avec IE et le flottants il faut toujours s'assurer que la longueur totale fasse moins de 100%.


c'est noté, et c'est de là que vient mon problème. il faudra que je teste avec moz à la maison pour voir, car ici je n'ai que IE


---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
n°355705
urd-sama
waste of space
Posté le 08-04-2003 à 13:44:03  profilanswer
 

une petite dernière question (pour aujourd'hui du moins), est-ce que les balises < br> et < p> sont à éviter pour faire un correct et beau code? ou mieux vaut passer intégralement par des div?


Message édité par urd-sama le 08-04-2003 à 13:44:24

---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
n°355711
gm_superst​ar
Appelez-moi Super
Posté le 08-04-2003 à 13:47:09  profilanswer
 

<br> oui. <p> non, ce n'est jamais qu'un DIV avec des marges haut et bas avec des valeurs prédéfinies. Et si tu as des vrais paragraphes dans ton document autant l'utiliser.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°383718
urd-sama
waste of space
Posté le 06-05-2003 à 08:55:30  profilanswer
 

autre petit exercice, autre problème:
soit mon code:

Code :
  1. <html>
  2.    <head>
  3.       <style type="text/css">
  4.          div#all {
  5.           width: 100%;
  6.           color: #000000;
  7.          }
  8.          div#menu {
  9.           width: 150px;
  10.           height: 350px;
  11.           background-color: #C0C0C0;
  12.           float: left;
  13.           margin-right: 20px;
  14.           text-align: center;
  15.          }
  16.          div#main {
  17.          }
  18.          div.spacer {
  19.           clear: both;
  20.          }
  21.          img.noborder {
  22.           border: none;
  23.          }
  24.          body {
  25.           font-family: Verdana, Helvetica, sans-serif;
  26.           font-size: smaller;
  27.          }
  28.          font.small {
  29.            font-size: smaller;
  30.          }
  31.          div.vignette {
  32.           width: 100px;
  33.           height: 100px;
  34.           float: left;
  35.           margin-right: 5px;
  36.           margin-bottom: 5px;
  37.          }
  38.       </style>
  39.    </head>
  40.    <body>
  41.    <div id="all">
  42.       <div id="menu"><a href="yyy"><img class="noborder" src="nuku.gif" alt="Home" /></a>
  43.          <br />Images
  44.          <form name="login" action="xxx.asp" method="post">
  45.             <br /><font class="small">Login:</font><br /><input size="10" maxlength="10" name="login">
  46.             <br /><font class="small">Password</font>:<br /> <input size="10" maxlength="10" type="password" name="pass">
  47.          </form>
  48.       </div>
  49.       <div id="main"><!--<img src="nukumod.jpg" alt="Nuku mod" />-->
  50.          <% Set objFs = Server.CreateObject("Scripting.FileSystemObject" )
  51.             chemin = Server.MapPath("./images/" )
  52.             set objDossier = objFs.getFolder(chemin)
  53.             i = 0
  54.             For each Fichier in objDossier.Files
  55.               Response.Write "<div class=""vignette""><a href=images/" & Fichier.name & " target=""_blank""><img src=images/" & Fichier.name & " width=100 height=100></a></div>"
  56.               i = i+1
  57.             Next
  58.             Set objFs = Nothing
  59.             Set objDossier = Nothing %>
  60.       </div>
  61.       <div id="spacer"></div>
  62.    <div>
  64.    </body>
  65. </html>


 
et la page en lien: http://www.mangaclub.ch/externe/nuku
mon problème est que dès qu'il y a trop d'images, elles viennent se mettre sous le menu de gauche, et j'aimerais éviter le problème (mettez-vous en 800x600 pour voir).
comment éviter cette mocheté?


---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
n°384019
gm_superst​ar
Appelez-moi Super
Posté le 06-05-2003 à 11:15:31  profilanswer
 

Urd-sama a écrit :

comment éviter cette mocheté?


La mocheté en question est justement tout l'intérêt des flottants. Ce qui est moche et anti-ergonomique au possible c'est d'avoir un scroll horizontal, les flottants permettent d'éviter ça et d'avoir un scrolling vertical plutôt qu'horizontal.
 
Cela dit en 800x600 ça passe. C'est en dessous que ça fait ça.
 
Si tu veux vraiment éviter ce phénomène, il faut fixer la largeur du DIV englobant [:spamafote]


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°384026
urd-sama
waste of space
Posté le 06-05-2003 à 11:17:15  profilanswer
 

gm_superstar a écrit :


La mocheté en question est justement tout l'intérêt des flottants. Ce qui est moche et anti-ergonomique au possible c'est d'avoir un scroll horizontal, les flottants permettent d'éviter ça et d'avoir un scrolling vertical plutôt qu'horizontal.
 
Cela dit en 800x600 ça passe. C'est en dessous que ça fait ça.
 
Si tu veux vraiment éviter ce phénomène, il faut fixer la largeur du DIV englobant [:spamafote]


grrrbmmmblll
ou est-ce possible de fixer la hauteur du menu à la hauteur du div contenant les vignettes?  
sinon je laisse comme ca, vais encore réfléchir


---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
n°384029
gm_superst​ar
Appelez-moi Super
Posté le 06-05-2003 à 11:18:45  profilanswer
 

Quel menu ? Quelles vignettes ?


Message édité par gm_superstar le 06-05-2003 à 11:18:51

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°384031
urd-sama
waste of space
Posté le 06-05-2003 à 11:19:54  profilanswer
 

- le menu en gris sur la gauche
- le div d'a coté contenant les vignettes d'images


---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
n°384040
gm_superst​ar
Appelez-moi Super
Posté le 06-05-2003 à 11:21:49  profilanswer
 

Citation :

Active Server Pages error 'ASP 0116'
 
Missing close of script delimiter
 
/externe/nuku/default.asp, line 87
 
The Script block lacks the close of script tag (%> ).


 
ASP sux :o
 
 
Mais je ne vois pas pourquoi tu veux fixer la hauteur de ce menu...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le 06-05-2003 à 11:21:49  profilanswer
 

n°384045
urd-sama
waste of space
Posté le 06-05-2003 à 11:23:40  profilanswer
 

ouais c'est corrigé  [:tinostar]  
tu trouves que ca fait bien quand les vignettes d'images viennent sous le menu? je trouve ca bizarre moi non?
 
p.s. ah oui le lien c'est http://www.mangaclub.ch/externe/nu [...] age=Images désolée [:sisicaivrai]


Message édité par urd-sama le 06-05-2003 à 11:24:33

---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
n°384054
gm_superst​ar
Appelez-moi Super
Posté le 06-05-2003 à 11:26:28  profilanswer
 

Mouais dans ce cas là ça fait un peu bizarre. Ce que tu peux faire c'est appliquer au DIV qui contient les vignettes une marge à gauche de la taille de largeur du menu (ou un peu plus)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°384062
urd-sama
waste of space
Posté le 06-05-2003 à 11:29:06  profilanswer
 

t'es vraiment trop fort gm, merci beaucoup  :D  
faudrait que je puisse te rendre service avec tous les trucs que tu m'as donné jusqu'à maintenant [:dawa]
en tout cas merci beaucoup  :jap:


---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
n°384119
gm_superst​ar
Appelez-moi Super
Posté le 06-05-2003 à 12:04:07  profilanswer
 

Bah de rien, c'était facile là ;)
 
On verra quand tu feras des mises en pages compliquées avec les CSS ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante
Page Précédente
Haut de page 

Aller à :
Ajouter une réponse
 

Sujets relatifs
problème pas clair (en tout cas pour moi :p )problème bizarre: connexion base mysql
Probleme de dateProgrammation GTK Linux , problème de #include
Trop de variables de session = problème ?problème sur message d'erreur java
[PHP]Problème récuperation fichier uploadé:open_basedir restriction...problème: html et metaname
[Java] Problème constaté avec 2 cartes réseau[PHP] probleme avec des pseudo frames...
Plus de sujets relatifs à : [CSS & DIV] Problème de placement

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.086 secondes

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