Version anglaiseVersion espagnoleVersion françaiseInscrivez-vous, c'est gratuit ! (mot de passe oublié)
- Vendredi 25 juillet 2008 - 00:04:56
- inscrits : 888242
- connectés : 25024
- questions/jour : 4211
- Taux de réponse : 84.49%
Avoir des liens non souligné Blog : comment enlever le soulignement d'un lien Blog comment faire disparaitre le soulignement du lien Code html pour enlever le soulignement des lien Comment faire pour que les liens sur mon blog ne sont pas soulignés? Css supprimer lien souligner Dreamweaver texte lien souligné enlever Empecher souligner dans lien Enlever le soulignement d'un lien dans un blog Enlever souligné lien hypertexte powerpoint 2007 Lien image non souligné Lien non souligné Lien souligner sur skyrock Lien souligné Lien souligné dans kompozer Liens soulignés firefox Mots en lien souligné en vert sur les pages internet Probleme liens internet invisibles blanc souligné R soulignement lien Script javascript liens souligné Soulignement des liens hypertexte dans powerpoint 2007 Souligner lien survol html Supprimer soulignement lien hypertexte powerpoint 2007 Vista lien bureau soulignesPlus
Ils ont besoin de votre aide
- 00:04 Conseil d'achat ordi portable (Matériel/Hardware)
- 00:04 problème avec écouteur sous vista (Audio numérique)
- 00:03 comment lire un fichier mix (Windows)
- 00:03 adresses mac (Virus/Sécurité)
- 24/07 Problème sous-titres (Vidéo numérique)
- 24/07 Script Yahoo (Matériel/Hardware)
Liste des forumsAidez-lesStatistiquesRechercherCharte
Plateformes d'assistanceDiscussions & Opinions des Communautés
|
|
|
|
Bonsoir,
Petit problème avec tous les liens qui sont soulignés et je ne le souhaite pas.
J'ai essayé des trucs trouvés dans le forum, mais rien n'y fait. C'est dans la feuille de style que ça se situe mais je ne vois pas où car j'ai pourtant un text-decoration:none;
Quelque chose m'échappe.
D'autre part, j'ai trop d'espaces entre mes titres :
Contact et A savoir, je voudrais le réduire, mais suis pas très forte en margin ou padding.
Voici l'adresse du site pour jeter un oeil (attention, il est en construction, seul l'index est visible). et la feuille de style.
http://chrisneau.free.fr/
Merci à tous pour cet excellent forum et cette aide précieuse.
CN
body {
background: #FFF url('images/back8.jpg') no-repeat top left fixed;
margin: 0 0 20px 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.95em;
color: purple;
line-height: 1.5em;
}
#header {
width: 80%;
background:transparent;
margin: 0 auto;
padding: 0;
height: 101px;
}
#header h1 {
padding: 30px 0;
color: purple;
font-size: 1.4em;
letter-spacing: 3px;
margin: 0;
text-align: right;
}
#nav {
position: absolute;
top: 85px;
left: 10%;
width: auto;
padding: 0;
margin: 0 auto;
font: bold 11px Verdana, sans-serif;
height: 25px;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
display: inline;
}
#nav li a {
padding: 3px;
margin: 0;
border: 1px solid #B78E96;
border-bottom: none;
background: transparent url(images/trans6.gif) repeat;
text-decoration: none;
}
#nav li a:link { color: purple;
}
#nav li a:visited { color: purple;
}
#nav li a:hover {
color: #ffffcc;
background: transparent url(images/trans7.gif) repeat;
}
#nav li a#current {
color: white;
background: transparent url(images/trans7.gif) repeat;
border-bottom: 1px solid #999;
}
#container {
background: transparent url('images/trans5.gif') repeat;
width: 80%;
margin: 0 auto;
padding: 0;
}
#content {
margin: 0;
padding: 40px;
}
#content1 {
margin: 0;
padding: 40px;
}
#content2 {
margin: 0;
padding: 40px;
}
#footer {
background: transparent;
padding: 5px 10px 2px 0;
text-align: right;
font-size: 0.75em;
clear: both;
line-height: 1.15em;
}
a, a:visited {
background: transparent;
color: purple;
border-bottom: 1px solid #333;
text-decoration: none;
font-weight: bold;
outline: none;
}
a:hover, a:active {
background: transparent;
color: #FFFFCC;
text-decoration: none;
}
h2 {
color: #FFFFCC;
border-bottom: 1px solid #666;
margin: 0;
padding: 10px 0 1px 0;
font-size: 1.2em;
}
h3 {
color: #FFFFCC;
border-bottom: 1px solid #666;
margin: 0;
padding: 10px 0 1px 0;
font-size: 1em;
}
Petit problème avec tous les liens qui sont soulignés et je ne le souhaite pas.
J'ai essayé des trucs trouvés dans le forum, mais rien n'y fait. C'est dans la feuille de style que ça se situe mais je ne vois pas où car j'ai pourtant un text-decoration:none;
Quelque chose m'échappe.
D'autre part, j'ai trop d'espaces entre mes titres :
Contact et A savoir, je voudrais le réduire, mais suis pas très forte en margin ou padding.
Voici l'adresse du site pour jeter un oeil (attention, il est en construction, seul l'index est visible). et la feuille de style.
http://chrisneau.free.fr/
Merci à tous pour cet excellent forum et cette aide précieuse.
CN
body {
background: #FFF url('images/back8.jpg') no-repeat top left fixed;
margin: 0 0 20px 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.95em;
color: purple;
line-height: 1.5em;
}
#header {
width: 80%;
background:transparent;
margin: 0 auto;
padding: 0;
height: 101px;
}
#header h1 {
padding: 30px 0;
color: purple;
font-size: 1.4em;
letter-spacing: 3px;
margin: 0;
text-align: right;
}
#nav {
position: absolute;
top: 85px;
left: 10%;
width: auto;
padding: 0;
margin: 0 auto;
font: bold 11px Verdana, sans-serif;
height: 25px;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
display: inline;
}
#nav li a {
padding: 3px;
margin: 0;
border: 1px solid #B78E96;
border-bottom: none;
background: transparent url(images/trans6.gif) repeat;
text-decoration: none;
}
#nav li a:link { color: purple;
}
#nav li a:visited { color: purple;
}
#nav li a:hover {
color: #ffffcc;
background: transparent url(images/trans7.gif) repeat;
}
#nav li a#current {
color: white;
background: transparent url(images/trans7.gif) repeat;
border-bottom: 1px solid #999;
}
#container {
background: transparent url('images/trans5.gif') repeat;
width: 80%;
margin: 0 auto;
padding: 0;
}
#content {
margin: 0;
padding: 40px;
}
#content1 {
margin: 0;
padding: 40px;
}
#content2 {
margin: 0;
padding: 40px;
}
#footer {
background: transparent;
padding: 5px 10px 2px 0;
text-align: right;
font-size: 0.75em;
clear: both;
line-height: 1.15em;
}
a, a:visited {
background: transparent;
color: purple;
border-bottom: 1px solid #333;
text-decoration: none;
font-weight: bold;
outline: none;
}
a:hover, a:active {
background: transparent;
color: #FFFFCC;
text-decoration: none;
}
h2 {
color: #FFFFCC;
border-bottom: 1px solid #666;
margin: 0;
padding: 10px 0 1px 0;
font-size: 1.2em;
}
h3 {
color: #FFFFCC;
border-bottom: 1px solid #666;
margin: 0;
padding: 10px 0 1px 0;
font-size: 1em;
}
Configuration: Windows XP Internet Explorer 7.0
Salut poky17, ouaouh ! super design ! chapeau la miss !
Tu a vraiment des Pb avec tes feuilles de style toi hi hi hi hi. Je les trouve très compliquées. Tu sais faut les maitriser. Un très bon site pour apprendre, c'est même la référence en matière de feuille de styles. http://www.csszengarden.com/tr/francais/ Bon pour tes liens: Tu a quelque part sur ta CSS spécifié un soulignement noir car tous tes liens sont soulignés en noir (?). Une chose très imoprtante quand même: tu ne met pas de texte alt="speetch" pour qu'il s'affiche quand on passe la souris dessus. il faut faire un truc du genre: <a href="......" border="0" alt="mon_texte" title="mon_texte_pour_Firefox"></a> Le border="0" c'est pour supprimer la très vilaine bordure bleue qu'IE affiche sur des images-lien. Le title="****" c'est pour le navigateur Firefox qui n'affiche pas de texte au passage de la souris sur un lien. Dis donc! quand tu aura fini ce site, tu voudrais pas reprendre le mien ? hi hi hi il est trop beau ! Ah oui ! pour les espacement trop grands dans tes titres c'est à cause des balises <h1>, <h2> etc... Ce sont des balises de type bloc donc, ils se placent toujours l'un en dessous de l'autre. Je ne suis pas expert en CSS, loin de là, mais faudrait lire de la doc dessus peut-etre chez http://www.alsacreations.com/ Continue, tu fais un sacré boulot. Le bonheur est la seule chose que l'on peut donner sans l'avoir.
|
Au fait, j'ai un script tout fait pour t'ouvrir des photos en popup mais pas n'importe lesquelles.
Elles sont centrées sur l'écran, toujours, pas besoin de donner de taille (le contenant s'adapte au contenu) et surtout ce ne sont pas de vraies pop up mais des pseudo pop up, sans le internet explorer qui s'écrit dans la barre de titre du pop up? Bref c'est très joli et adapté pour ouvrir de grandes photos à partir d'un lien classique ou d'une vignette (photo très réduite) voir ici: http://abarka.free.fr/diaporama/diaporama-1.php Le bonheur est la seule chose que l'on peut donner sans l'avoir.
|
  httpetcetc, le lundi 2 avril 2007 à 02:34:03pour les liens, il est preferable de mettre le style desiré dans la balise, ex a href=lelien.html class= ou style= ou id=...
pour l'espacement, tu as donc 2 blocs div (content1 et content2) tout deux avec padding=40, ce qui fait: padding en bas de content1: 40 padding en haut de content2: 40 sans compter les marges par defaut des H l'spacement est deja de 40+40=80. je te conseille d'ajouter un padding-top plus petit a content2, pareil, un padding-bottom a content1 si ton texte est fixe, donne une hauteur height au divs concernant les H, et toutes div par ailleurs, met pour chacun d'eux un margin:0; padding:0; puis ajuste avec des margin-top, padding-left, etc... au cas par cas bien vu le travail sur photo et la correlation avec l'image de fond
|
Bonsoir,
curieux, les soulignés. Un bug, probablement. Et si tu essayais ça, pour voir?: div#footer a { text-decoration: none; } Serge. |
salut et bravo !
je l'ai... ton lien n'est pas souligné mais a une bordure en bas : a, a:visited {
background: transparent;
color: purple;
/*border-bottom: 1px solid #333;*/
text-decoration: none;
font-weight: bold;
outline: none;
}
[ Mathieu ] savoir rester faignant, c'est progresser en informatique. enfin, j'essaie...
|
Salut poky, et les autres évidement ! ;-))
Eh oui! chui basque ! voici le script: <!-- redirection des liens image jpg. Michel Deboom 05/2005
// Création de la pseudo-popup : (le z-index est important pour etre sur qu'il soit au premier plan)
fe='<div id="pop" style="position:absolute;left:180px;top:300px;display:none;z-index:200;background-color:#FFFFFF;border:3px outset;'
//ajoute une ombre pour IE seulement
fe+='filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#63421b,strength=6)">'
fe+='<div id="tet" onmousedown="dx=px-gdim.offsetLeft;dy=py-gdim.offsetTop;drag=1;" onmouseup="drag=0" style="cursor:move;background-color:#267726;line-height:18px;color:white;font-size:12px;padding:0 20px 0 .5em;font-family:Verdana, Helvetica, Arial;">'
// (entête c'est là ou tu met le bouton avec la croix pour fermer le pseudo pop up (vire ces commentaires))
fe+='entête<img title=" Fermer " src="url de ton.gif" onclick="voirSelect(\'visible\');gdim.style.display=\'none\'" height="14" width="16"'
fe+='style="cursor:default;position:absolute;margin:1px;right:0;top:0; " /></div></div>'
function initLienImg(){
db=!D.documentElement.clientWidth?D.body:D.documentElement //quirk IE6
gdim=D.getElementById('pop'); lx=D.getElementById('tet')
addEvent(D,"mousemove",controle_position)
elem=document.getElementsByTagName('select');
//création de l'image
im1=D.createElement("img");gdim.appendChild(im1);
with(im1.style){border=0;margin="1px";}
//écriture des évènements
l=D.getElementsByTagName('a');
for(var i=0;i<l.length;++i){
//ajoute onclick=grdimg dans liens image avec extention .jpg ou .JPG
result=l[i].href.search(/jpg$|JPG$/);
if(result!=-1){l[i].onclick=grdimg;}
}
}
function controle_position(e){
sx=gk?pageXOffset:db.scrollLeft; //scroll h
sy=gk?pageYOffset:db.scrollTop; //scroll v
px=gk?e.pageX:event.clientX+sx; //curseur x
py=gk?e.pageY:event.clientY+sy; //curseur y
if(drag)with(gdim.style){left=px-dx+"px";top=py-dy+"px";}
return false
}
//Renvoi image et title dans le calque.
function grdimg(){
fx=gk?innerWidth-20:db.clientWidth //l fenêtre
fy=gk?innerHeight:db.clientHeight //h fenêtre
//charge l'image dans le cache du navigateur.
im=new Image();im.src=this.href;
//l'affiche en grandeur réduite repositionnée.
with(gdim.style){display="block";top=sy+2+'px'};
with(im1){src=im.src;width=height=100};
if(!cr)cr=gdim.offsetHeight-127;
if(gk)im1.style.marginBottom=-cr+"px";//correction Gecko
//montre le message d'attente.
lx.firstChild.data="patientez svp";
//colore le lien comme visité, récupère le message title
this.style.color=D.vlinkColor;txt=this.title;
//Lance le controle de chargement (c'est le temps que la grande image s'affiche, patientez patatipatata...)
actif=setTimeout('controleChargement()',100)
//désactive l'action normale du lien HTML
;return false
}
//controle du chargement de l'image
function controleChargement(){
//éxécute imgOK quand c'est terminé
im.complete?imgOK():
//sinon relance le contrôle toutes les 100 ms
actif=setTimeout('controleChargement()',100)
}
function imgOK(){ // image chargée.
clearTimeout(actif);lx.firstChild.data=txt;
//L'image ne dépasse pas la fenêtre:
if(im.width>=fx){im.height*=(fx-20)/im.width;im.width=fx-20;}
if(im.height>=fy){im.width*=(fy-30)/im.height;im.height=fy-30;}
//applique les dimensions recalculées à l'image.
im1.width=im.width;im1.height=im.height;
voirSelect('hidden')
}
// bug ie corrigé : cache les <select>
function voirSelect(v){
if(!gk){for(i=0;i<elem.length;i++)elem[i].style.visibility=v;}
}
function addEvent(obj,evType,fn,capt){ // ajoute un événement sans écraser l'éxistant.
if(obj.addEventListener){obj.addEventListener(evType,fn,capt);return true;} // NS6+
else if(obj.attachEvent)obj.attachEvent("on"+evType,fn) // IE 5+
else {return false;}
}
// initialisation
D=document;gk=window.Event?1:0/*Gecko*/;
dx=dy=e=drag=cr=0
addEvent(window,"load",initLienImg)
D.write(fe)
//-->
Tu le copie dans un fichier à part en g_img.js et dans le head tu met: <script language="javascript" src="url/g_img.js" type="text/javascript"></script> ensuite, dans tes vignettes tu met ceci: <a href="dossierphotosgrandetaille/ma-photo-1.jpg" title="speechtquiapparaîtradanslabarredetitre"><img src="dossiervignettes/ma-vignette-1.jpg" alt="speechtquiapparaîtradanslabarredetitre" border="0" /></a> ATTENTION: pour le texte destiné à la barre de titre: il ne doit pas etre trop long au risque d'avoir une partie blanche en plus de l'image. Le script qui centre automatiquement c'est pas celuila (m'est gouré) Il faut le positionner au début des lignes de celui-ci. Pour l'image de la croix (pour fermer le pop up: Dessine un carré de 16 x 14 pixels avec une croix. Tu peux upprimer les commentaires entre ( ) je te les aient mis pour t'éclairer. Voilà! a toi de l'adapter. NOTE: toutes tes photos devront avoir leur vignettes (si tu a un logiciel de dessin qui te permette de faire des traitements par lots, ça ne prendra que quelques secondes. Le bonheur est la seule chose que l'on peut donner sans l'avoir. |
Merci beaucoup, je vais essayer de voir tout ça ce soir.
Je te tiens au courant. CN ça m'a l'air un peu compliqué |
Re-bonsoir,
Bon alors, je vais t'embêter encore. Mais quelques précisions. En fait, j'ai mes photos au format normal que j'ai scanné. Qu'entends-tu par vignettes pour chaque photo et surtout comment le faire ? J'ai photofiltre, paintshop, picasa, the gimp, avec tout ça y'a moyen de faire un truc non ? Le plus dur sera d'intégrer tout ça dans ma page comme tu l'as fait toi, encore du style, je suppose et c'est ma faiblesse, tu l'as remarqué!!! Merci encore. CN |
Non, non !
Puisque tu a les grandes photos, tu les mets dans un dossier. Tu créé un autre dossier pour y mettre les vignettes. Les vignettes sont de petites photos. D'ailleurs la résolution peut etre moindre, ce qui compte ce sont les grandes qui doivent avoir une résolution de 72DPI (cest suffisant pour le web). Je ne connais ces logiciels mais tu prend une photo et tu la réduit, beaucoup. Avec Fireworks c'est facile, on indique le pourcentage de réduction, on spécifie un dossier de destination et il va le faire automatiquement pour toutes tes photos sélectionnées. Sinon faudra le faire manuellement. (Pose la question sur ce forum, peut etre que gimp sait faire ça, le traitement par lots). Tu n'a pas besoin de faire un style supplémentaire. Les miennes se trouvent dans un tableau. A moins que tu créé un style spécifique pour ce tableau qui va contenir les vignettes, fond, padding, images centrées etc... ça devrait aller. Déjà tente le coup avec certaines des photos et le script pour les pop up ! @ + Le bonheur est la seule chose que l'on peut donner sans l'avoir.
|
Salut poky,
Tiens un lien pour les propriétés en CSS (très utile): http://fr.selfhtml.org/navigation/css.htm#ecriture Bon courage ! Le bonheur est la seule chose que l'on peut donner sans l'avoir.
|
Bonjour,
Ah, tu as bien fait de changer (-; 1) Une photo ne s'ouvre pas J'en vois 11. 2) La page du formulaire n'est pas valide W3C. Tu utilises 2 fois “<p id="civilite">”. id ⇒ 1 seule utilisation 3) la police, un peu crénelé C'est peut-être dû à “http://legarrit.free.fr/images/trans5.gif” ? 4) améliorer le plan d'accès Tu peux peut-être enjoliver le tien (pour la précision) et proposer, en plus http://maps.google.fr/... + http://www.google.fr/... Pas mal (-; |
|