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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS - Logo

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS - Logo

n°831468
396b
Posté le 25-08-2004 à 00:31:41  profilanswer
 

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
mood
Publicité
Posté le 25-08-2004 à 00:31:41  profilanswer
 

n°831483
gm_superst​ar
Appelez-moi Super
Posté le 25-08-2004 à 00:51:59  profilanswer
 

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
n°831487
396b
Posté le 25-08-2004 à 00:55:37  profilanswer
 

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

n°831552
pierre6020
Posté le 25-08-2004 à 09:31:20  profilanswer
 
n°831564
masklinn
í dag viðrar vel til loftárása
Posté le 25-08-2004 à 09:51:40  profilanswer
 

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?
n°831759
396b
Posté le 25-08-2004 à 12:06:35  profilanswer
 

Masklinn a écrit :

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


 
Nan pas essayer, comment je peux faire ca ?

n°831762
fastclemmy
(re-)Dictateur en plastique
Posté le 25-08-2004 à 12:08:26  profilanswer
 

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.

n°831764
antp
Super Administrateur
Champion des excuses bidons
Posté le 25-08-2004 à 12:09:20  profilanswer
 

 <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
n°831795
masklinn
í dag viðrar vel til loftárása
Posté le 25-08-2004 à 12:40:18  profilanswer
 

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?
n°831812
396b
Posté le 25-08-2004 à 13:45:20  profilanswer
 

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;
 
 

mood
Publicité
Posté le 25-08-2004 à 13:45:20  profilanswer
 

n°831842
fastclemmy
(re-)Dictateur en plastique
Posté le 25-08-2004 à 14:01:28  profilanswer
 

:non:
 
background-position: center top;

n°831914
antp
Super Administrateur
Champion des excuses bidons
Posté le 25-08-2004 à 15:25:24  profilanswer
 

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
n°832473
396b
Posté le 26-08-2004 à 08:36:07  profilanswer
 

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

n°832511
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-08-2004 à 09:43:50  profilanswer
 

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
n°832529
396b
Posté le 26-08-2004 à 10:14:15  profilanswer
 

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

n°832532
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-08-2004 à 10:15:39  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°832555
396b
Posté le 26-08-2004 à 10:32:15  profilanswer
 

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

n°832565
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-08-2004 à 10:37:49  profilanswer
 

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
n°832598
396b
Posté le 26-08-2004 à 10:58:50  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS - Logo

 

Sujets relatifs
[CSS] Ca marche avec Firefox mais pas avec IE... Comment faire ?[CSS] background image x2
[CSS] tableaux [CSS] Probleme IE, bizarre (ou désespérant, au choix)
[CSS] position et display pour aligner 2 blocsenvoi automatique d'un formulaire / menu JS vs CSS
[Résolu] 2 styles css différents pour les liensAide pour le css
css mozilla / ie (suite)[CSS] Afficher sa bannière/logo sans qu'elle soit Bloqué
Plus de sujets relatifs à : CSS - Logo


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)