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

HTML Discussion :

decalage Logo dans header


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    252
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 252
    Par défaut decalage Logo dans header
    Bonjour a tous,

    Premier Probleme :

    J'ai deux fichiers header.html et footer.html plus style.css pour la mise en forme de mes pages web.
    le fichier header.html correspond au code suivant:

    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
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    <html>
    <head>
    	<title></title>
    	<link rel=stylesheet type="text/css" href="style.css">
     
    	<script language="javascript">
      function toggleExpandCollapse(elementId)
      {
        element = document.getElementById(elementId).style;
        if (element.display == 'none')
          element.display = 'block';
        else
          element.display = 'none';
      }
    </script>
    </head>
     
    <body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0" background="img/background.jpg">
     
    <table height="123" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr valign="top">
    <!----- insert logo below ------------------------------------------>
    <td><img src="img/templogo.jpg" width="574" height="123" border="0" alt=""></td>
    <!------------------------------------------------------------------>
    <td width="100%" background="img/topbg.jpg">&nbsp;</td>
    </tr>
    </table>
     
    <table height="40" width="100%" cellpadding="0" cellspacing="0" border="0">
    	<tr valign="center">
    		<td width="100%" background="img/topbar.jpg">&nbsp;</td>
    	</tr>
    </table>
     
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr valign="top">
     
    <td width="20%">
     
    <font class="normal"><BR>
    <a  href="javascript:toggleExpandCollapse('mv1')"><img border=0 src="img/plus.jpg"/>&nbsp;Request For Creation</a>
    <div id="mv1" style="display:none;">
    	<ul>
    		<li><a href="#">Create BR</a></li>
    		<li><a href="#">Create History</a></li>
    		<li><a href="#">Create Queue</a></li>
    		<li><a href="#">Create Security (LSS)</a></li>
    	</ul>
    </div><BR>
    <a href="javascript:toggleExpandCollapse('mv2')"><img border=0 src="img/plus.jpg"/>&nbsp; Items</a>
    <div id="mv2" style="display:none;">
    	<ul>
    		<li><a href="#">Home</a></li>
    		<li><a href="#">Create Item</a></li>
     
    	</ul>
    </div><BR>
     
    <a href="javascript:toggleExpandCollapse('mv3')"><img border=0 src="img/plus.jpg"/>&nbsp;Modules & Levels</a>
    <div id="mv3" style="display:none;">
    </div><BR>
     
    <a href="javascript:toggleExpandCollapse('mv4')"><img border=0 src="img/plus.jpg"/>&nbsp;Airline Management</a>
    <div id="mv4" style="display:none;">
    </div><BR>
     
    <a href="javascript:toggleExpandCollapse('mv5')"><img border=0 src="img/plus.jpg"/>&nbsp;Other Link</a>
    <div id="mv5" style="display:none;">
    </div>
     
    </td>
     
    <td width="100%" border="">
    	<table width="100%" cellpadding="10" cellspacing="0" border="0">
    		<tr valign="top">
    			<td>
    Le fichier footer.html:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    			</td>
    		</tr>
    	</table>
    </td>
     
    </tr>
    </table>
     
    </body>
    </html>
    et mon CSS
    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
    BODY {
     
    	color: #000000;
    }
     
     
    A {
    	text-decoration: underline;
    	color: Maroon;
    }
     
    A:Hover {
    	text-decoration: none;
    	color: #CE3100;
    }
     
    .style2 {
    	color: Maroon;
    	font-weight: bold;
    	font-size: 11px;
    	font-family: Tahoma;
    }
     
    error {
    	color:#FF0033;
    	font-size:14px;
    	}
    Mais voila, quand j'appelle tous ces fichiers dans mon fichier main.php j'obtiens une page telle que celle de la figure main.jpg
    mais quand j'inclus les memes fichiers dans ma page register.php (page qui est accedee quand l'utilisateur clique sur Sign-Up!), ma page apparait avec un decalage de l'image (voir figure register.jpg).

    Pouvez-vous m'aider a resoudre ce probleme? Qu'est ce que j'ai mal fait dans mon fichier header.html ou footer.html ou dans mon CSS.


    Second probleme :
    Quand je reduis la taille de mes pages, il y a un decallage du texte (voir fichier reduced_register.jpg pour exemple).
    A quoi cela est-il du?

    Je vous remercie d'avance.

    Billy

  2. #2
    Membre éclairé
    Inscrit en
    Avril 2004
    Messages
    50
    Détails du profil
    Informations forums :
    Inscription : Avril 2004
    Messages : 50
    Par défaut
    Attention, tu déclares plein de styles dans ton fichier header, c'est très mauvais. Déclare tout sans exception dans ton CSS, après on pourra t'aider.

Discussions similaires

  1. Insérer 3 Logo Dans le Header de Forum
    Par Plock dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 05/01/2009, 23h39
  2. Logo dans mon url
    Par derric8016 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 09/01/2006, 16h26
  3. [FLASH MX2004] Preload swf externe dans header
    Par nonoteam dans le forum Flash
    Réponses: 2
    Dernier message: 07/01/2006, 14h33
  4. Probleme pour faire une somme dans header ??
    Par snoop57 dans le forum Access
    Réponses: 7
    Dernier message: 01/12/2005, 13h40
  5. pb changement logo dans état?
    Par cesar33 dans le forum Access
    Réponses: 2
    Dernier message: 29/09/2005, 13h27

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