CSS - Logo

CSS - Logo - HTML/CSS - Programmation

Marsh Posté le 25-08-2004 à 00:31:41    

Je suis noob en CSS, mais je compte bien m'ameliorer.
Sur chaque page de mon site j ai un logo en haut a gauche.
Plutot que d'avoir a modifier le code Html a chaque fois que je peaufine mon logo j'ai penser le commander avec un CSS.
J'ai donc fait ca (pour info mon logo ne fait pas plus de 100 de haut).  
 

Code :
  1. .logo {
  2. background-image: url(images/logo.gif);
  3. background-repeat: no-repeat;
  4. background-position: left top;
  5. }


 
Et ds le HTML je l'appelle comme ca  

Code :
  1. <table width="100%" border="0">
  2.         <tr>
  3.            <td  height="100" class="logo"></td>
  4.         </tr>
  5. </table>


 
Tout ca pour m'eviter d'avoir a modifier les dimensions sur chaque page comme ct ecrit avant  

Code :
  1. <table width="100%" border="0">
  2.   <tr>
  3.     <td><a href="index.htm"><img src="../images/logo.gif" width="201" height="82"></td>
  4.   </tr>


 
Mon pb est le suivant :
Mon image n est plus clickable et j'imagine que c'est parce que je pas employer la bonne solution.
Je suis sur que l'un d'entre vous pourra m'aider.
 
D'avance merci


Message édité par 1815y le 25-08-2004 à 00:36:48
Reply

Marsh Posté le 25-08-2004 à 00:31:41   

Reply

Marsh Posté le 25-08-2004 à 00:51:59    

C'est un peu normal vu que ton image est devenu une image de fond...
 
Essaye de définir le lien comme un bloc (display: block) et de lui donner les dimensions qui vont bien)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 25-08-2004 à 00:55:37    

Merci pour la reponse.
Je connais pas "bloc (display: block)"
Vais me documenter sur le sujet.
Une adresse a me conseiller?

Reply

Marsh Posté le 25-08-2004 à 09:31:20    

Reply

Marsh Posté le 25-08-2004 à 09:51:40    

t'as essayé d'englober le TD dans un <a href>?


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

Marsh Posté le 25-08-2004 à 12:06:35    

Masklinn a écrit :

t'as essayé d'englober le TD dans un <a href>?


 
Nan pas essayer, comment je peux faire ca ?

Reply

Marsh Posté le 25-08-2004 à 12:08:26    

Masklinn a écrit :

t'as essayé d'englober le TD dans un <a href>?


 
[:mlc] Je doute que ce soit très valide tout ça... Je rejoins l'avis de gm_ plus haut pour du display:block.

Reply

Marsh Posté le 25-08-2004 à 12:09:20    

 <table width="100%" border="0">
    <tr>
      <td><a class="logo"> </a></td>
    </tr>  
 
 
  .logo {
     display: block;
     background-image: url(images/logo.gif);
     background-repeat: no-repeat;
     background-position: left top;
     width: 201px;
     height: 82px;
  }


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 25-08-2004 à 12:40:18    

fastclemmy a écrit :

[:mlc] Je doute que ce soit très valide tout ça... Je rejoins l'avis de gm_ plus haut pour du display:block.


complètement vrai, ca m'apprendra à pas réfléchir avant de poster :sweat:


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

Marsh Posté le 25-08-2004 à 13:45:20    

antp a écrit :

<table width="100%" border="0">
    <tr>
      <td><a class="logo"> </a></td>
    </tr>  
 
 
  .logo {
     display: block;
     background-image: url(images/logo.gif);
     background-repeat: no-repeat;
     background-position: left top;
     width: 201px;
     height: 82px;
  }


 
Génial ca marche ........ Merci Merci Merci.
Pour le HTML j'ai mis ca comme ca
<td><a class="logo" href="index.htm"> </a></td>
 
Pour l'alignement du block ya une syntaxe a respecter?
 
Vais essayer ca en rentrant
block-position: center top;
 
 

Reply

Marsh Posté le 25-08-2004 à 13:45:20   

Reply

Marsh Posté le 25-08-2004 à 14:01:28    

:non:
 
background-position: center top;

Reply

Marsh Posté le 25-08-2004 à 15:25:24    

396b a écrit :


Pour l'alignement du block ya une syntaxe a respecter?


 
Alignement par rapport à quoi ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-08-2004 à 08:36:07    

Je pensais a l'alignement de le TD mais vu ton etonnement ca doit etre une connerie

Reply

Marsh Posté le 26-08-2004 à 09:43:50    

bah non mais je vois pas trop ce que tu veux aligner, si le TD a la même taille que le A... S'il est plus grand, il faut mettre les margin-left et margin-right de A à auto, et text-align du TD à center (centered ?) pour contourner le bug d'IE.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-08-2004 à 10:14:15    

Je te remercie, c'est ce que j'ai fini par faire  
 
<td align="center" ><a class="logo" href="index.htm"> </a></td>

Reply

Marsh Posté le 26-08-2004 à 10:15:39    

Ouais enfin ça c'est la manière "old school" de le faire :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-08-2004 à 10:32:15    

;) Kler que je suis plutot de cette promotion là !  :D
 
J'ai connu les modems 14k mwa Mossieu

Reply

Marsh Posté le 26-08-2004 à 10:37:49    

Moi aussi, j'allais sur des BBS à cette époque. J'ai connu internet avec un modem 33k.
Mais ça ne m'empêche pas de faire mon code HTML selon les "nouvelles" normes de 1998 :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-08-2004 à 10:58:50    

Pour l'application des nouvelles normes tu as raison, mais comme je dis tjrs, il y avait la bonne solution et ......... celle pour laquelle j'ai opter après mûr reflection   :D
 
et comme disait les inconnus " .... mais je compte pas faire ça toute ma vie !!"


Message édité par 1815y le 26-08-2004 à 10:59:02

---------------
http://manlostudio.com
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed