IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Site "élastique" en CSS


Sujet :

CSS

  1. #1
    Membre expérimenté
    Homme Profil pro
    Responsable des études
    Inscrit en
    Mars 2007
    Messages
    267
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Responsable des études
    Secteur : Transports

    Informations forums :
    Inscription : Mars 2007
    Messages : 267
    Par défaut Site "élastique" en CSS
    Bonjour à tous, voilà après deux jours de recherche et de fouille sur internet j'ai un souci qui doit etre simple a réglé mais qui me pose problème.

    Sur mon site j'aimerais centrer une bannière et mettre les champs de connexion dessus (login et mot de passe) mais j'aimerais que lorsque l'utilisateur réduise la taille de la fenetre (IE ou FF) les boutons suivent la bannière et restent positionner au meme endroit.

    Problème j'y arrive pas et je vois franchement plus comment faire... surtout pour que cela soit compatible IE et FF.

    Ma CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    .banniere
    {
    height: 200px;
    width: 800px;
    }
     
    .formulaire
    {
    position: absolue ;
    margin-top: -80px;
    margin-left: 250px;
    }
    Ma page web :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    <html>
    <head>
    <link href="Macss.css" rel="stylesheet" type="text/css">
    	<title>Teste site<title>
    </head>
    <div align="center">
    	<div class="conteneur" align="center">
       		<img border="0" src="_img/banniere2.jpg" alt="">
    	</div>
    </div>
     
    	<?
    		echo"<form name='connexion' method='POST' action='????' onSubmit='return verif_champ()'>
    		<table border='0' bgcolor='' width='' class='formulaire'>
     
    			<tr>
    			<td width=''><font size='2'>Login :</font></td>
    			<td width=''><input type='text' name='log' size='20'></td>
    			</tr>
     
    			<tr>
    			<td width=''><font size='2'>Passe :</font></td>
    			<td width=''><input type='password' name='mdp' size='20'></td>
    			</tr>
     
    			<tr>
    			<td width='' COLSPAN=2>
    			<div align='center'><input type='submit' value='Connexion'></div>
    			</td>
    			</tr>
     
    			</table>";
     
    	?>
     
     
    </html>
    j'éspère être assez clair dans mon problème, j'en suis là et plus rien ne fonctionne ^^

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    pour faciliter la tâche à ceux qui pourraient de répondre, pourrais tu fournir le code interprété (sans PHP).
    D'autre part as tu ajouter un doctype valide en haut de ton document?

  3. #3
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2007
    Messages : 240
    Par défaut
    Dans ton css utilise des % plutôt que des pxs

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo