begin process at 2010 03 17 04:41:21
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

liens dans une feuille de style


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

liens dans une feuille de style

jeudi 1 février 2007 à 12:54:28 | liens dans une feuille de style

phelsuma

Salut tout le monde,

Ce topic fait suite à celui-ci :  http://www.javascriptfr.com/infomsg_INTEGRER-HTML-DANS-CSS_881844.aspx#

J'ai un tableau mis en forme dans une feuille de style css. Dans ce tableau, j'ai deux cellules auxquelles je souhaiterais ajouter des liens :
- un lien pour la cellule1
- un lien pour la cellule2

Existe-t-il une manip' particulière pour intégrer les liens dans le CSS ? (si tant est que c'est possible). L'objectif est que ce tableau "répété" sur toutes les pages permettent en un clic d'aller sur d'autres sites Internet.

Histoire d'être plus complet, je vous transmets les lignes html suivantes (suivies du code css correspondant).


voici le html de mon petit tableau :

<html>
<head>
<title>exercice</title>
</head>

<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">

<div id="Tableau_01">
<div id="cellule1">
<img src="images/Sans-titre-1_01.gif" width="435" height="200" alt="">
	</div>
<div id="cellule2">
<img src="images/Sans-titre-1_02.gif" width="465" height="200" alt="">
</div>
</div>

</body>
</html>

Puis voici le css qui est associé :

#Tableau_01 {
	position:absolute;
left:0px;
top:0px;
width:900px;
height:200px;
}

#cellule1 {
position:absolute;
left:0px;
top:0px;
width:435px;
height:200px;
}

#cellule2 {
position:absolute;
left:435px;
top:0px;
width:465px;
height:200px;
}
Merci à toutes et à tous pour vos enrichissements / ajustements !

jeudi 1 février 2007 à 13:00:53 | Re : liens dans une feuille de style

phelsuma

Euh, excusez moi, mais le code était pas bon, c'est plutôt ceci :

Pour le html :

<html>
<head>
<title>exercice</title>
</head>

<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">

<div id="Tableau_01">
<div id="cellule1"></div>
<div id="cellule2"></div>
</div>

</body>
</html>

Pour le css:
#Tableau_01 {
	position:absolute;
left:0px;
top:0px;
width:900px;
height:200px;
}

#cellule1 {
position:absolute;
background-image:url(../img/image de ma cellule1.gif);
left:0px;
top:0px;
width:435px;
height:200px;
}

#cellule2 {
position:absolute;
background-image:url(../img/image de ma cellule2.gif);
left:435px;
top:0px;
width:465px;
height:200px;
}

Voilà pour les corrections !
jeudi 1 février 2007 à 13:45:19 | Re : liens dans une feuille de style

nickadele

Membre Club Administrateur CodeS-SourceS
Bonjour, comme te l'a dit Bultez le CSS sert à la mise en page, étant donné qu'un lien se rapporte au contenu et non à la présentation, tu ne sauras pas les gérer au niveau du CSS. Le résultat de ta page donnera donc un truc du style : exercice
lien1lien2
jeudi 1 février 2007 à 15:21:19 | Re : liens dans une feuille de style

phelsuma

Bonjour Nickadele,

J'ai bien noté tes astuces. En fait, je suis débutant dans tous ces codes... Il me faut respecter un certain ordre au niveau des balises.

Avant, je m'obstinais à écrire :

<div id="cellule1><a href="//monsite.com"></a></div>
Résultat : rien ne fonctionne. Alors je me suis dis qu'il y avait certainement du CSS à modifier là dedans, d'où ma question sur ce post (mais vous avez raison, CSS = contenant et non contenu, j'ai compris la leçon)

Il suffisait d'écrire :
<a href="//monsite.com"><div id="cellule1"></div></a>.... et répéter ça sur toutes les pages html comprenant l'élément <div id="cellule1">
Résultat : ça fonctionne !
Constat : je me rends compte que j'suis vraiment paresseux et crois que le CSS peut tout faire à ma place !

Merci pour vos lumières

A+



Cette discussion est classée dans : tableau, html, css, div, 0px


Répondre à ce message

Sujets en rapport avec ce message

Div en quantité énorme ... [ par jeanmorelle ] Salut, y-a-t-il un moyen pour gérer des div en quantité ? J'ai un site assez gros avec 1000 div (identiques au départ et qui, par la suite et pour cer Dupliquer une ligne d'un tableau html javascript DOM [ par lord1366 ] Bonjour, voici mon problème : Je voudrais copier une ligne d'un tableau html (celà fonctionne sous Mozilla, Opera, Safari, IE8 mais pas sous IE6 et I Overflow avec hauteurs en pourcentage [ par Titmoff ] Bonjour à tous, Mon sujet a déjà été traité et résolu mais malgré tout, je n'arrive pas à régler mon problème. Je voudrais n'avoir qu'une barre de d exporter un tableau html vers javascript (attention : les champs contiennent des widgets) [ par barbe91 ] Bonjour à toute la communauté,c'est mon premier message sur ce forum ça se fête (comment cela non, c'est bientôt la saison des barbeucs, on s'organise barre fixe qui ne se rafraichit pas [ par yohannIII ] Bonjour,je souhaiterai faire une barre comme sur http://www.jiwa.fr/ qui ne se rafraichit pas au changement de page mais sans utiliser de frame.le but css position:fixed; sans scroll horizontal [ par ghost_of_prog ] Bonjour à tous,j'ai un souci en css, je ne sais pas si cela est possible alors je demande a tout hasard ...voila j'ai une div en position:fixed; je vo tableau et css... [ par kalif ] bonjour a tous,dans une page html, j'utilise plusieurs fois le code ci dessous pour créer une "étiquette" mais le problème est que je compte utiliser Tri à bulles d'un tableau HTML [ par Airman31 ] Tout d'abord bonjour à tous, J'ai besoin d'un petit coup de main pour une fonction Javascript que je suis en train d'implémenter : tri à bulle sur un Faire un copier coller de tableau [ par 6xavier6 ] Bonjour a tousje vous expose mon problemeje code en HTML PHP CSS JAVASCRIPT. Je fait un beau tableau HTML ( pour les intimes), l'affichage ce passe bi Div.innerHTML et page html [ par rhan_659 ] bonjourj'ai besoin d'afficher une page html complete dans une div.via de l'ajax je récupére ma page html que j'incorpore dans ma div via ineerHTMLmais


Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,421 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales