begin process at 2012 02 13 09:27:28
  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 probleme z-index / CSS [ par ju0123456789 ] Bonjour, J'ai affaire à un souci qui parait simple, mais je n'arrive pas a avoir le resultat souhaité. J'ai tout simplement 2 DIV, un que je souhaite positionnement background CSS div [ par ju0123456789 ] Bonjour, J'ai un petit souci avec des fonds, J'ai un div qui se positionne tout en haut d'une page, dans lequel il y a 3 div avec chacun une image de positionnement background CSS div [ par ju0123456789 ] Bonjour, J'ai un petit souci avec des fonds, J'ai un div qui se positionne tout en haut d'une page, dans lequel il y a 3 div avec chacun une image de positionnement background CSS div [ par ju0123456789 ] Bonjour, J'ai un petit souci avec des fonds, J'ai un div qui se positionne tout en haut d'une page, dans lequel il y a 3 div avec chacun une image de tableau dynamique avec jquery [ par mdh12 ] salut, je veux savoir est ce que c'est possible de créer un tableau dynamique avec jquery en html si on fait appel à ce tableau [code=html][code=htm Colonnes HTML bordure #B5E655 [ par HACKANDROID ] Bonjours, Je me pose une question : comment mettre une bordure autour de la colonne? Capture de la page : [url=http://nsa27.casimages.com/img/2011 Positionez un calendrier centrer en dessou d'un formulaire javascript css et div [ par gb66 ] Voila jai essayer plusieur truc mais je ne suis jamais satisfait car soit firefox ou IE ne laffiche pas comme je le veux voila quelle element je doit PROBLEME DIV [ par elmarko ] Salut,je sors juste d'une formation rapide sur "dream/code html/css" de base... et j'ai besoin d'une explication sur l'attribution d'un comportement à Menu avec cotès arrondis | HTML - CSS | [ par darksam ] [b]Bonsoir,[/b] Comme le titre l'indique, j'aimerais créer un menu avec cotés arrondis ([i]HTML - CSS[/i]). J'ai visualiser beaucoup de sites Web qui


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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 : 4,727 sec (3)

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