Bonjour,
J'essaye de réaliser une page web en html avec feuille de style CSS.
Cette page se présente sous la fome de 3 colonnes celles de gauche et de droite sont de largeur fixe et la centrale est variable.
J'ai trouvé sur Alsacréation un tuto pour réaliser cette présentation.
J'ai également cherché et trouvé sur alsacréation un tuto de rollover en CSS (image réactive).
l'avantage de cette méthode c'est qu'il s'agit d'une seule image qui se déplace donc rollover immédiat
Tout fonctionne mais je bute sur le problème suivant:
je voudrais que lorsque je clique sur le rollover, ouvrir une autre page web?
Ou mettre le lien?
dans la feuille HTML ou CSS? et comment?
Merci d'avance pour le réponses.
Le but et de refaire la page d'accueil de mon site, nonp pas par un tableau, mais par une écriture plus moderne avec pages CSS
Voici la copie de mes deux pages:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>essai css</title>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body>
<div id="colonne1">colonne1
flottante et bien proportionnée car c'estvgbnhytfgghkkibbrtv<br>
<ul id="menu">
<li><a href="#">item n°1</a></li>
</ul>
</div>
<div id="colonne2">colonne2
flottante<br>
</div>
<div id="centre">
<div style="text-align: center;" id="centre"><a
=""><img style="width: 600px; height: 600px;"
alt="che" src="file:///C
bidon/poussif/ardenflash/ard2.jpg"><br>
</a></div>
<br>
</div>
</body>
</html>
CSS:
div#colonne1 {
Float:left; width: 160px; background-color: #FF0000;
}
div#colonne2 {
float:right; width: 100px; background: burlywood;
}
ul#menu
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul#menu li
{
margin: 10px 0 5px 30px ;
padding: 0 ;
}
ul#menu li a
{
display: block ;
width: 100px ;
line-height: 83px ;
color: #000 ;
text-indent: px ;
text-decoration: none ;
background: url(ess.gif) no-repeat 0 0 ;
border: 1px solid #dbd ;
}
ul#menu li a:hover
{
background: url(ess.gif) no-repeat 0 -83px ;
border: 1px solid #f97 ;
}
Message édité par Le Taz le 30-11-2007 à 13:21:41
---------------
Si les abeilles disparaissent de la terre, l'humanité n'a plus que 4 ans à vivre.(Albert E.)
![[:zacker]](/images/perso/zacker.gif "[:zacker]")
![[:letaz3]](/images/perso/letaz3.gif "[:letaz3]")
- http://nunh.labrute.fr
