Page 1 sur 1
Lien et texte sur la même ligne.
Publié : 06 févr. 2013, 01:07
par Mikoian
Bonjour je me présente : Mikoian, Parisien et tout récent utilisateur de Kompozer, je réalise en ce moment un site sur un médicament et j'ai un petit problème :
Je veux juste que mon texte suivi d'un lien apparaisse sur la même ligne, je sais que ça peut paraître bête mais je n'y arrive pas : le lien se met à la ligne :
Code : Tout sélectionner
<ul>
<li>Loxapac ==> Qui au passage a été utilisé pour<a
href="http://www.lepan.fr/paris-xx/six-membres-du-corps-medical-empoisonnes-a-l-hotel-dieu-18-08-2010-1035097.php">empoisonner
des soignants de l'Hôtel-Dieu</a>.
</li>
</ul>
Je voudrais que ça donne : Loxapac ==> Qui au passage a été utilisé pour
http://www.lepan.fr/paris-xx/six-membre ... 035097.php
Et ça me donne : Loxapac ==> Qui au passage a été utilisé pour
http://www.leparisien.fr/paris-75/six-m ... 035097.php
Je précise que j'ai emprunté un modèle déjà fait pour les CSS cela vient-il de là ou j'ai loupé quelque chose ?
Merci d'avance pour vos réponses
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0
Re: Lien et texte sur la même ligne.
Publié : 08 févr. 2013, 16:24
par chinon37
bonjour,
Je ne vois pas où est le problème?? moi, j'ai bien pour ce code:
Code : Tout sélectionner
<ul>
<li>Loxapac ==> Qui au passage a été utilisé pour<a
href="http://www.lepan.fr/paris-xx/six-membres-du-corps-medical-empoisonnes-a-l-hotel-dieu-18-08-2010-1035097.php">empoisonner
des soignants de l'Hôtel-Dieu</a>.
</li>
</ul>
ceci:
[modo]Lien faussé volontairement pour ne pas faire de pub[/modo]
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0
Re: Lien et texte sur la même ligne.
Publié : 08 févr. 2013, 19:29
par Mikoian
Alors j'ai compris ce qu'il se passe : le CSS associé à ma page configure mes liens comme des blocs, si bien que mes liens ne peuvent pas être sur la même ligne que le texte, je me dis ok je vais annuler cette hérésie mais là c'est mon menu vertical qui se met sur une ligne ... je ne sais pas trop comment procéder car je veux garder mon menu tel quel mais que mes liens soient en ligne et non en blocs ...
Je vous met le CSS à tout hazard :
Code : Tout sélectionner
body {
margin: 0px;
padding: 0px;
background: #e7e7e7 url('body.jpg') left top;
color: #564b47;
font-family: Verdana,Arial,SunSans-Regular,Sans-Serif;
font-size: 13px
}
a {
color: #db7093;
}
a:visited {
color: #c43300;
}
a:hover {
color: #c43300;
}
a:active {
color: #000000;
}
h1 {
margin: 0px;
font-size: 11px;
text-transform: uppercase;
}
h2 {
margin: 0px;
padding: 5px 10px;
color: #9a1212;
font-size: 20px;
font-weight: normal;
}
img.download {
vertical-align: middle;
}
#container {
border: 1px solid #8d8d8d;
background: #e8e8e8 url('menubottom.jpg') no-repeat left bottom;
width: 760px;
margin-left: auto;
margin-right: auto;
height: 100%
}
#banner {
margin: 0px;
padding: 0px;
background: #e1ddd9 url('header.jpg') no-repeat center bottom;
height: 114px;
text-align: center
}
#banner img {
padding: 10px 0px;
}
#bannertitle {
padding-top: 50px;
font-size: 2em;
font-weight: bold;
}
#content {
padding: 0px;
background: #ffffff url('content.jpg') no-repeat right top;
margin-left: 200px;
margin-right: 0px
}
div#content {
min-height: 600px;
}
p, pre {
margin: 0px;
padding: 5px 10px;
}
#left {
margin: 0px;
padding: 0px;
background: #e8e8e8 none repeat scroll 0%;
float: left;
width: 200px;
height: 90%;
}
#footer {
margin: 0px;
padding: 0px;
background: url('footer.gif') repeat-x;
clear: both;
height: 35px;
text-align: right
}
#footer h1 a {
color: #ffffff;
}
#footer h1 {
padding: 5px 5px 0px 0px;
}
.verticalmenu ul {
margin: 0px;
padding: 10px;
list-style-type: none;
list-style-image: url('none');
list-style-position: outside
}
.verticalmenu li, a:link, .verticalmenu a:visited, .verticalmenu a:hover {
display: block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 1.1em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: #9a1212;
text-decoration: none;
text-align: left;
width: 140px;
height: 32px;
}
.verticalmenu a:hover {
background: url('menuhover.gif') no-repeat;
color: #dc4d1b
}
Voilà, j'attends vos conseils avisés !
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0
Re: Lien et texte sur la même ligne.
Publié : 10 févr. 2013, 14:16
par chinon37
Bonjour,
Pour moi, le problème est ici:
.verticalmenu li, a:link, .verticalmenu a:visited, .verticalmenu a:hover {
display: block;
As-tu essayé en supprimant a:link de cette déclaration de style?
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:19.0) Gecko/20100101 Firefox/19.0
Re: Lien et texte sur la même ligne.
Publié : 11 févr. 2013, 23:47
par Mikoian
Alors merci car les liens ainsi que le texte sont sur la même ligne, mais je n'ai plus la petite image qui s'affiche quand on survole un lien du menu (c'est pas trop grave) !
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0
Re: Lien et texte sur la même ligne.
Publié : 12 févr. 2013, 13:09
par chinon37
La page concernée est elle en ligne? ce serait plus facile pour t'aider...
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:19.0) Gecko/20100101 Firefox/19.0