Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 10/09/2008, à 11:02

titienne

xhtml sinder une page

bonjour a tous !!
je cherche a sinder une page en 2 (gauche | droite)!!
je voudrai que chaque coté a son propre ascenseur.
biensur pas de cadre !! et le tous dans une seul page.
si possible pas de page css !!

merci de me donné un coup de main !!

Hors ligne

#2 Le 10/09/2008, à 13:36

tiky

Re : xhtml sinder une page

Bonjour,

Le code css est obligatoire pour faire ça sans frame.

                                                                                                                                                              
<html>                                                                                                                                                                                                           
  <head>                                                                                                                                                                                                         
    <style>                                                                                                                                                                                                      
      body                                                                                                                                                                                                       
      {                                                                                                                                                                                                          
      padding: 0px;                                                                                                                                                                                              
      }                                                                                                                                                                                                          
      div.column                                                                                                                                                                                                 
      {                                                                                                                                                                                                          
      border: 1px #000 solid;                                                                                                                                                                                    
      width: 50%;                                                                                                                                                                                                
      height: 100%;                                                                                                                                                                                              
      overflow: auto;                                                                                                                                                                                            
      }                                                                                                                                                                                                          
    </style>                                                                                                                                                                                                     
  </head>                                                                                                                                                                                                        
  <body>                                                                                                                                                                                                         
    <div class='column' style='float:left;'>Left                                                                                                                                                                 
      <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>                                                                    
      <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>                                                                    
    </div>                                                                                                                                                                                                       
    <div class='column'>Right                                                                                                                                                                                    
      <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>                                                                    
      <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>                                                                    
    </div>                                                                                                                                                                                                       
  </body>                                                                                                                                                                                                        
</html>

Dernière modification par tiky (Le 10/09/2008, à 13:36)


Conseil d'expert: il vous faut un dentifrice adapté...

Hors ligne

#3 Le 10/09/2008, à 15:14

titienne

Re : xhtml sinder une page

merci
mais je voulai un ascenseur separé pour chaque partie !!
et aussi pouvoir redimensionné les partie avec la sourie dans le navigateur.
si c'est pas possible je vais devoir utilisé le frame mais vu qu'on le deconseille ... !

Hors ligne

#4 Le 10/09/2008, à 16:22

tiky

Re : xhtml sinder une page

Je comprends pas ce que tu veux dire par séparé là... ils le sont ! Sinon c'est pas possible ce que tu veux, enfin si mais il faut utiliser le javascript, le code va être particulièrement complexe pour un résultat médiocre.


Conseil d'expert: il vous faut un dentifrice adapté...

Hors ligne