Bonjour
Je diffuse aujourd'hui mon premier site. J'espère me prouver que je saurai très bientôt développer un site en xhtml/css correct et accessible car je suis moi-même une personne en situation de handicap psychique et j'espère partager ensuite mon savoir.
Voilà mon problème dans une page du site.
J'avais d'abord développé cette page avec des span mais ça ne fonctionnait pas avec les navigateurs alternatifs.
Alors je l'ai développée en position absolue mais si l'internaute augmente la taille de la police, les div se chevauchent.
Qu'en pensez-vous ?
Merci d'avance.
Marietta
ma page : http://www.sylvie-rousseau.com/amour/sauverlamour.htm
le code :
xhtml :
css
Modifié par Marietta (02 May 2005 - 15:38)
Je diffuse aujourd'hui mon premier site. J'espère me prouver que je saurai très bientôt développer un site en xhtml/css correct et accessible car je suis moi-même une personne en situation de handicap psychique et j'espère partager ensuite mon savoir.
Voilà mon problème dans une page du site.
J'avais d'abord développé cette page avec des span mais ça ne fonctionnait pas avec les navigateurs alternatifs.
Alors je l'ai développée en position absolue mais si l'internaute augmente la taille de la police, les div se chevauchent.
Qu'en pensez-vous ?
Merci d'avance.
Marietta
ma page : http://www.sylvie-rousseau.com/amour/sauverlamour.htm
le code :
xhtml :
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sauver l'amour : les priorités de mes projets humanistes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../librairie/essai.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<p><a href="../index.php"><img src="../images/logo.gif" alt="logo, retour à l'accueil" width="296" height="162" border="0" /></a>
<img src="images/amour.jpg" width="180" height="150" />
</p>
<h3>Sauver l'amour : les priorités de mes projets humanistes</h3>
<div id="message">
<p>J'ai exploré un grand nombre d'associations qui militent pour les droits humains. De cette expérience souvent malheureuse, je retiens trois mots : machisme, archaïsme, "normalisme", vraiment pas de quoi rêver d'un monde meilleur !!! J'ai lu beaucoup de livres qui sont parfois de gros pavés avec des phrases compliquées, j'ai réfléchi, discuté et je conclus que les priorités de mes projets humanistes sont la lutte :</p>
<ul>
<li><a href="antisexisme/antisexisme.htm">contre le sexisme et pour la parité
hommes-femmes dans les instances décisionnelles</a> ;</li>
<li><a href="handicapsy/handicapsy.htm">pour la citoyenneté des personnes
en situation de handicap psychique</a> ; </li>
<li><a href="multimedia/multimedia.htm">pour la démocratisation des
pratiques du multimédia</a>.</li>
</ul>
<p>Le militantisme se dilue souvent dans des pratiques urgentistes et des considérations misérabilistes alors qu'il devrait faire preuve d'innovation, de prévention, de stratégie quitte à sacrifier aujourd'hui pour des lendemains qui chantent. Je préfère le politique au social : le social est dangereux et stérile s'il n'est pas porté par une ambition politique, une vision neuve d'un monde vieux. Je profite de ma relative jeunesse pour croire qu'un autre monde est encore possible...</p>
</div>
<div id="bala">
<h5>Balavoine : il n'était pas un héros (alors quoi ?), ses faux pas lui collaient à la peau</h5>
<p>En 1978, il était "le chanteur" : on découvrait la tessiture aigüe d'un artiste généreux ; <br />
au terme d'une fulgurante carrière, en janvier 1986, le drame est arrivé. </p>
<p>19 ans après, la mort de Balavoine est toujours cruelle et laisse un vide insupportable dans la chanson française et dans nos vies. Les rares hommages rendus à Balavoine dans notre petit écran sont souvent à la limite de l'obscénité. Pour moi, l'oeuvre de Balavoine est le symbole de ma révolte, de ma rage, de mes cris d'amour.<br />
Finalement, le plus bel hommage que nous puissions lui rendre, c'est que chaque jour de notre vie soit un pas vers la paix, la compréhension, le désir, la beauté.</p>
<p>Merci, l'artiste pour la force que vous continuez à propager dans mes veines et pour vos chansons qui accompagnent notre chemin.</p>
</div>
<div id="sauver">
<img src="images/sauverlamour.jpg" width="800" height="200" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="373,171,488,196" href="antisexisme/antisexisme.htm" />
<area shape="rect" coords="509,173,619,194" href="handicapsy/handicapsy.htm" />
<area shape="rect" coords="649,173,757,194" href="multimedia/multimedia.htm" />
</map>
</div>
</div>
</body>
</html>css
body {
background-color: #993333;
font-family: Georgia;
font-size: 12px;
color: #ffffff;
}
#page {
width: 800px;
}
#logo {
width: 300px;
height: 165px;
margin-right: 30px;
}
#message {
width: 550px;
position: absolute;
top: 225px;
left: 10px;
}
#bala {
width: 245px;
position: absolute;
top: 10px;
left: 575px;
color: #993333;
background-color: #000000;
padding: 10px;
}
#sauver {
position: absolute;
top: 515px;
left: 10px
}
a:link {
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: underline;
}
a:visited {
font-size: 11px;
font-weight: normal;
color: #ffffff;
text-decoration: underline;
}
a:hover {
font-size: 11px;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}Modifié par Marietta (02 May 2005 - 15:38)
dans le titre de ton post. Tout simplement. Le bouton 
se trouve a droite de ton post