> Tous les forums > Forum des Webmasters
 Un h1 avec un lien qui me donne de la misère!
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
fleuretta
  Posté le 02/04/2009 @ 01:12 
Aller en bas de la page 
Astucienne

Encore moi qui en arrache (a de la difficulté) avec la nouvelle version du site.

J'ai voulu mettre un lien dans un h1

Dans la css c'est ainsi:


.menu_centre{

background-color:#fbfbfb;
border:#ffffff 1px solid;
width:464px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 30px;
font-weight:normal;
color:#000000;
text-align:left;

margin-left:auto;
margin-right:auto;
top:-5px;
position:relative;
padding:8px;}



.menu_centre h1 a{

font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;

color:#db5b06;
height:30px;
text-align:left;
text-indent:20px;
padding-top:20px;
border-bottom:1px solid #db5b06;
width:464px;
text-decoration:none;

}

.menu_centre h1 a: hover{color:#f2be95;
text-decoration:none;}

.menu_centre h1 a: visited{color:#f2be95;
text-decoration:none;}

Dans ma page c'est ainsi:

<div id="coted">
<a name="sucre"></a>
<div class="ombre">
<div class="menu_centre">
<h1><a href="modecuisson.php">Les modes de cuisson</a></h1><br>
<h2>&nbsp;Le sucre</h2>
<img src="../annuaire/image/sucre_gr.jpg" alt="Le sucre" width="80" height="80" align="right" style="flaot:right; margin-top:-50px; margin-right:20px;">
<br><br>
<ul style="width:400px;">
<li><a href="#stade"><u>Stades de cuisson du sucre</u></a></li>
<li><a href="#caramelisation"><u>Caramélisation de différents sucres</u></a></li>
</ul>

<br>
<br><br>
<p style="text-align:left; font-weight:normal; margin-left:10px;"><a href="modecuisson.php"><u>Les modes de cuisson</u></a><br><br></p>

</div></div>

Ce n'est rien de bien sorcier mais pourtant le h1 de ma class menu_centre n'est carrément pas pris en considération si je mets un lien. Sans lien tout fonctionne et s'affiche correctement.

Dans la css j'ai tout enlevé dans le h1 qui était tout seul. Si je mets mon code css dans ce fameux h1 qui est rattaché à tout le site ça marche mais cela défait tous mes autres h1 du site.

Pourquoi le h1 que j'attribue à ma class menu_centre avec un lien ne fonctionne pas?

Merci de m'aider encore une fois

Publicité
Tasgarth
 Posté le 02/04/2009 à 09:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour,

Et avec un background-color: transparent en plus ?

du genre :

<style type="text/css">
a:link
{color: #...; text-decoration: none; background-color: transparent }
a:visited
{ color: #...; text-decoration: none; background-color: transparent }
a:hover
{ color: #...; text-decoration: none; background-color: transparent }
a:active
{ color: #...; text-decoration: underline; background-color: transparent }

A+

fleuretta
 Posté le 02/04/2009 à 14:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Tasgarth

J'ai mis un background transparent et cela ne change rien.

Je pensais que c'était le h1 le problème donc j'ai changé le nom de ma class en l'appelant titre.

Aussitôt que je mets un .titre a le problème revient. La css que j'ai mis n'est plus pris en compte et c'est ça qui prend le dessus.

a{text-decoration:none;
color:#b76206;
background-color:transparent;}

a:link {
text-decoration: none;
color:#632301;
background-color:transparent;
}
a:visited {
text-decoration: none;
color:#8a3203;
background-color:tranparent;


}
a:hover {
text-decoration: none;
color:#b05017;
background-color:transparent;

}
a:active {
text-decoration: none;
background-color:transparent;

}

La seule affaire qui est pris en compte est la grosseur du texte que j'ai mis dans ma class.

Quelqu'un aurait une tite solution?

Merci

elle
 Posté le 02/04/2009 à 18:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Et si tu mets ton menu_centre en id ?

elle
 Posté le 02/04/2009 à 18:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

En passant, pas besoin de saut de ligne entre le h1 et le h2, c'est automatique (balises blocs).

fleuretta
 Posté le 02/04/2009 à 19:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Elle

Le div ne fonctionne pas. Le saut de ligne était pour faire plus d'espace.

Maintenant je suis sur une solution...

En mettant un float:left la css s'applique. Sauf que j'ai un petit problème sous IE6.

Dû au float left je dois mettre pour IE6 un width plus petit mais la bordure ne fait pas toute la largeur voulue. Si j'agrandis mon width c'est le tableau qui se pousse à gauche.

Ah oui! J'oublais! Le hover ne fonctionne pas ni le visited.


.menu_centre .titre a{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#db5b06;
height:30px;
text-align:left;
text-indent:20px;
padding-top:20px;
border-bottom:1px solid #db5b06;
width:464px;
_width:444px;
text-decoration:none;



}

.menu_centre .titre a: hover{color:#0099FF;
text-decoration:none;}

.menu_centre .titre a: visited{color:#f2be95;
text-decoration:none;}

En tout cas c'est un début de solution.

Merci

elle
 Posté le 02/04/2009 à 19:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

fleuretta a écrit :

Le saut de ligne était pour faire plus d'espace.

Utilise le margin, le padding, le line-height... Ça te permet de mettre l'espace directement dans ton css et d'obtenir un espacement identique peu importe le navigateur.

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
90,17 €SSD interne M.2 NVMe Kingston A2000 1 To à 90,17 € livré
Valable jusqu'au 18 Octobre

Amazon Allemagne fait une promotion sur le SSD interne M.2 NVMe Kingston A2000 1 To qui passe à 85,61 € (avec la TVA ajustée). Comptez 4,56 € pour la livraison en France soit un total de 90,17 € livré au lieu de plus de 110 € ailleurs. Il offre des vitesses de lecture allant jusqu'à 2 200 Mo/s et 2 200Mo/s en écriture.


> Voir l'offre
47,09 €SSD Crucial BX500 480 Go à 47,09 €
Valable jusqu'au 18 Octobre

Amazon propose actuellement le SSD Crucial BX500 480 Go à 47,09 € livré gratuitement alors qu'on le trouve ailleurs à plus de 60 €. Ce SSD offre des débits de 540 Mo/s en lecture et 500 Mo/s en écriture. Le SSD est accompagné du logiciel Acronis true image qui vous permettra de transférer tout le contenu de votre ancien disque dur sur le SSD. Il est garanti 3 ans. 


> Voir l'offre
999,99 €PC Portable Asus Zenbook 14 pouces (Ryzen 7 5800H, FullHD, 16Go, SSD 512Go, Vega 7) à 999,99 €
Valable jusqu'au 18 Octobre

Fnac fait une promotion sur l'ordinateur portable Asus Zenbook 14 UM425QA-KI072T qui passe à 999,99 € alors qu'on le trouve ailleurs autour de 1350 €. Cet ultra portable dispose d'une dalle IPS Full HD (1920x1080) de 14 pouces à bords très fins qui lui permet d'avoir un encombrement réduit.

Il possède d'un processeur AMD Ryzen 7 5800H, 16 Go de RAM, un SSD de 512 Go, un chip graphique Vega 7 et ne pèse que 1,26 kg. Le tout tourne sous Windows 10 et offre une autonomie d'une dizaine d'heures. Les traditionnels WiFi, Bluetooth, lecteur de carte mémoire et Webcam HD sont de la partie ainsi qu'un pavé numérique intégré au touchpad. Bureautique, Internet, Multimédia et même Jeu : vous pourrez tout faire n'importe où avec lui.


> Voir l'offre

Sujets relatifs
aide creations de boutons qui donne sur un lien video
lien qui fonctionne avec IE7 et pas avec Firefox
images tournantes avec lien
courriel avec lien vers site
Lien cliquable avec bannière flash
probleme d affichage avec un lien a href
pour faire un lien avec un texte?
Rollover sur zone lien avec Dremaweaver
image avec lien ver site
banniere avec lien du site
Plus de sujets relatifs à Un h1 avec un lien qui me donne de la misère!
 > Tous les forums > Forum Forum des Webmasters