Bonjour à tous,
Ceci est mon premier message sur le forum après recherche infructueuse dans les différentes sections ad hoc.
Ma question concerne le site suivant :
http://www.unige.ch/formcont/BD.html
Problème
Lorsque je clique sur l'un des sous-menus pour qu'il me redirige dans le corps du texte, il s'ensuit un décalage vers le bas qui semble lié à la hauteur dudit sous-menu.
La question est donc : comment éviter ce désagrément de navigation ?
Descriptif
Les balises a name et id ont été testées simultanément : le problème est le même dans les deux cas.
Ce problème pourrait-il être lié à la présence d'un tableau structurant ?
Je vous remercie pour votre attention. En espérant qu'une piste soit peut-être proposée, je salue tout le monde.
Je termine avec le code source de la page pour ne pas encombrer la lecture :
Modifié par vinx (05 Apr 2007 - 14:04)
Ceci est mon premier message sur le forum après recherche infructueuse dans les différentes sections ad hoc.
Ma question concerne le site suivant :
http://www.unige.ch/formcont/BD.html
Problème
Lorsque je clique sur l'un des sous-menus pour qu'il me redirige dans le corps du texte, il s'ensuit un décalage vers le bas qui semble lié à la hauteur dudit sous-menu.
La question est donc : comment éviter ce désagrément de navigation ?
Descriptif
Les balises a name et id ont été testées simultanément : le problème est le même dans les deux cas.
Ce problème pourrait-il être lié à la présence d'un tableau structurant ?
Je vous remercie pour votre attention. En espérant qu'une piste soit peut-être proposée, je salue tout le monde.
Je termine avec le code source de la page pour ne pas encombrer la lecture :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link type="text/css" rel="stylesheet" href="contenu-new.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Language" content="fr-CH">
<meta http-equiv="expires" content="0">
<meta name="robots" content="index, nofollow">
<meta name="revisit-after" content="4 months">
<!--IMPORTANT: modifier les lignes ci-dessous selon les commentaires-->
<meta name="Author" content="Copyright © novembre 2006 - Catherine Conus - Université de Genève"><!--Changer: Mois année - Prenom Nom-->
<meta name="description" content="Conférences - Bande dessinée et dessin de presse : regards critiques"><!--Introduire la description-->
<meta name="keywords" lang="fr" content="formation continue, FORMATION CONTINUE, UniGE, adulte, adultes, formation, bande dessinée, dessin de presse, bande, dessinée, dessin, presse, regard, critique, pédagogie, prévention, comics, mangas, erotisme, caricature"><!--Introduire les mots-cles-->
<title>Conférences - Bande dessinée et dessin de presse : regards critiques</title><!--Introduire le titre-->
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
<!--
body {
margin: 0;
align: center
padding: 0;
background: white;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
font-family: verdana, arial, sans-serif;
}
#menu {
float: left;
align:center;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 165px;
margin: 0 0px;
}
#menu dt {
cursor: pointer;
text-align: center;
color: white;
font:bold;
font-size: 10px;
background: #CC0066;
border: 1px solid white;
}
#menu dd {
border: 1px solid #cc0066;
text-align: center;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #CC0066;
font:normal;
font-size: 9px;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
font:normal;
font-size: 9px;
color:#CC0066;
}
#site {
position: absolute;
z-index: 1;
top : 100px;
left : 50px;
width: 780px;
color: #000;
background-color: #fff;
padding: 5px;
border: 1px solid gray;
}
a {text-decoration: none;
color: black;
color: #222;
}
-->
</style>
</head>
<body bgcolor="white">
<!--Décalage-->
<table width="660" border="0" align="center">
<tr>
<td class="copyright">
<table width="100%" border="0" align="center">
<tr valign="middle"><td width="16%" ><img src="AAimage/formcont.gif" width="150" height="72"></td>
<td width="84%" align="left" valign="bottom" class="titre16"><div align="right">
<p><br>
<a name="top"></a>Bande dessinée et dessin de presse :
regards critiques</p>
<p class="titre11">Cycle de conférences de décembre 2006 à avril
2007</p>
</div>
<div align="right" class="petitnoir"><font color="#FFFFFF" size="1">septembre – octobre
2006</font> </div></td>
</tr>
</table>
<table width="660" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu2');">Présentation</dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#presentation">Présentation</a></li>
<li><a href="#objectifs">Objectifs</a></li>
<li><a href="#public">Public</a></li>
</li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Organisation</dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#direction">Direction</a></li>
<li><a href="#collaboration">Collaboration</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Programme</dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#conf1">Conférence du 6 décembre</a></li>
<li ><a href="#conf2">Conférence du 17 janvier</a></li>
<li><a href="#conf3">Conférence du 24 janvier</a></li>
<li><a href="#conf4">Conférence du 31 janvier</a></li>
<li><a href="#conf5">Conférence du 7 février</a></li>
<li><a href="#conf6">Conférence du 21 février</a></li>
<li><a href="#conf7">Conférence du 28 février</a></li>
<li><a href="#conf8">Conférence du 7 mars</a></li>
<li><a href="#conf9">Conférence du 14 mars</a></li>
<li><a href="#conf10">Conférence du 21 mars</a></li>
<li><a href="#conf11">Conférence du 28 mars</a></li>
<li><a href="#conf12">Conférence du 18 avril</a></li>
<li><a href="#conf13">Conférence du 25 avril</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu5');">Renseignements pratiques</dt>
<dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#inscription">Inscription</a></li>
<li><a href="#finance">Prix</a></li>
<li><a href="#dates">Horaire</a></li>
<li><a href="#lieu">Lieu</a></li>
<li><a href="#attestation">Attestation de présence</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</dd>
</dl>
</div>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr class="bodytext">
<td colspan="2" height="40"><a class="liensouligne" href="site-BD/welcome.html" target="_parent">>>
SITE RÉSERVÉ AUX PARTICIPANTS</a></td>
<td> </td>
</tr>
<tr valign="baseline">
<td width="13%" class="titre11" id="presentation">Présentation</td>
<td width="70%" class="bodytext"><div align="justify">Ce cycle de conférences
propose un regard critique là où se joue une partie
du destin culturel de notre rapport à l’image. Ni
la presse ni l’édition de livres dessinés n’échappent à l’influence
des discours économiques. L’augmentation croissante
de l’édition de bandes dessinées et la cohabitation
parfois difficile du dessin de presse avec la liberté d’expression
invitent à porter une attention soutenue sur ces deux expressions
artistiques.<br>
Les littératures dessinées occupent une place majeure
dans la culture européenne et dans le monde francophone en
particulier : d’un côté une tradition franco-belge
déterminante et d’un autre la perméabilité de
ces récits aux autres cultures, comics, mangas japonais ou
manwhas coréens, en progression remarquable. Il importe donc
de situer les discours sur la bande dessinée en apportant
l’éclairage indispensable de chercheurs de tous horizons.<br>
Interroger le dessin de presse, c’est retracer son histoire,
retrouver ses conditions premières mais aussi le confronter à l’actualité.
Quelles sont les contraintes et les libertés du dessin de
presse aujourd’hui? A quelles réalités est-il
opposé ?<br>
L’Université présente une réflexion novatrice
sur ces questions à travers 13 conférences et tables
rondes.</div></td>
<td width="17%" align="center"><p align="right"><a href="BD-broch.pdf" class="liensouligne" target="_blank"> Brochure <<</a></p>
<p align="right"><a href="BD-flyer.pdf" class="liensouligne" target="_blank"> Flyer <<</a></p> <p align="right"><a href="BD.pdf" class="liensouligne" target="_blank">Bulletin <<<br>
d'inscription</a></p>
<p align="right"> </p></td>
</tr>
<tr>
<td valign="baseline"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="titre11">
<tr>
<td><a name="objectifs" id="objectifs"></a>Objectifs </td>
</tr>
</table></td>
<td class="bodytext"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="baseline">
<td width="4%"><img src="AAimage/redcubesmall.jpg" width="5" height="5"></td>
<td width="96%" class="bodytext">Approfondir ses connaissances sur les littératures dessinées à partir
d’une approche pluridisciplinaire</td>
</tr>
<tr valign="baseline">
<td><img src="AAimage/redcubesmall.jpg" width="5" height="5"></td>
<td class="bodytext">Comprendre les spécificités techniques, esthétiques, économiques
et sociales de la bande dessinée et du dessin de presse
ainsi que leurs enjeux culturels</td>
</tr>
<tr valign="baseline">
<td height="27"><img src="AAimage/redcubesmall.jpg" width="5" height="5"></td>
<td class="bodytext">Proposer des outils d’analyse et des perspectives nouvelles
pour penser le rapport entre texte et image</td>
</tr>
</table>
</td>
<td class="bodytext"> </td>
</tr>
<tr>
<td class="titre11" valign="baseline"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="titre11">
<tr>
<td><a name="public" id="public"></a>Public </td>
</tr>
</table></td>
<td class="bodytext"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="baseline">
<td width="4%"><img src="AAimage/redcubesmall.jpg" width="5" height="5"></td>
<td width="96%" class="bodytext">Toute personne intéressée
par le rapport entre l’image et le texte (bande dessinée,
dessin de presse, livres illustrés,…)</td>
</tr>
<tr valign="baseline">
<td><img src="AAimage/redcubesmall.jpg" width="5" height="5"></td>
<td class="bodytext">Auteur, éditeur, libraire, journaliste,
dessinateur de presse, publicitaire, enseignant, curateur d’exposition,
métiers liés aux livres</td>
</tr>
<tr valign="baseline">
<td><img src="AAimage/redcubesmall.jpg" width="5" height="5"></td>
<td class="bodytext">Acteur culturel impliqué dans l’organisation
d’événements liés à la bande
dessinée (festivals, expositions, ateliers,…)</td>
</tr>
<tr valign="baseline">
<td><img src="AAimage/redcubesmall.jpg" width="5" height="5"></td>
<td class="bodytext">Responsable de projets socio-pédagogiques
impliquant la narration visuelle dans un but pédagogique,
de prévention, de communication et d’enseignement</td>
</tr>
</table>
</td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td class="titre11" id="direction">Direction</td>
<td class="bodytext">Pr Emilio Manzotti, Département des langues
romanes, Faculté des lettres, Université de Genève<br>
Antoine Auchlin, MER, Département de linguistique, Faculté des
lettres, Université de Genève</td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td valign="top" class="titre11"><p><a name="collaboration" id="collaboration"></a>Collaboration</p>
<p><a href="#top"><img src="AAimage/top.jpg" width="15" height="15" border="0"></a></p></td>
<td class="bodytext">Conférences organisées par le <b>Service
formation continue</b> de l’Université de Genève
dans le cadre du <b>10e Prix de la <a href="http://www.ville-ge.ch/" target="_blank" class="liensouligne">ville
de Genève</a> pour la bande
dessinée</b><br>
en collaboration avec <b><a href="http://www.papiers-gras.com/" target="_blank" class="liensouligne">La Galerie Papiers Gras</a></b> et <b><a href="http://www.unige.ch/acultu/" target="_blank" class="liensouligne">Les
activités
culturelles de l’Université de
Genève</a></b></td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td valign="top" class="titre11"> </td>
<td class="bodytext"> </td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td height="433" valign="top" class="titre11"><p>Programme</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p> <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p> <p><a href="#top"><img src="AAimage/top.jpg" width="15" height="15" border="0"></a></p></td>
<td class="bodytext"><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr valign="baseline">
<td colspan="2" class="bodytext">Toutes les conférences
ont lieu le mercredi, à Uni-Mail.</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf1" id="conf1"></a>6
décembre<br>
Salle R080</td>
<td class="bodytext"><span class="titre11">Qu’est-ce qu’un éditeur
de bande dessinée ? </span><br>
Thierry BELLEFROID, auteur et critique de bande dessinée,
auteur de Les éditeurs de bande dessinée (Niffle)
Entrée libre </td>
</tr>
<tr valign="baseline">
<td width="22%" class="bodytext"><a name="conf2" id="conf2"></a>17
janvier<br>
Salle R280</td>
<td width="78%" class="bodytext"><span class="titre11">Strip, planche,
album: les territoires des littératures dessinées</span><br>
Harry MORGAN, auteur, dessinateur et théoricien de la
bande dessinée</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf3" id="conf3"></a>24 janvier<br>
Salle
R280</td>
<td class="bodytext"><span class="titre11">La bande dessinée au secours de la
pédagogie et de la prévention</span><br>
Table ronde<br>
animée par Georges POP, journaliste radio et scénariste
de BD<br>
avec <br>
Thierry BARRIGUE, journaliste et dessinateur<br>
Roland MARGUERON, galeriste, libraire et curateur d’expositions<br>
Hermogène TOÏHEN, juriste et scénariste<br>
Luc WILHELM, La main tendue vaudoise</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf4" id="conf4"></a>31 janvier<br>
Salle
R280</td>
<td class="bodytext"><span class="titre11">Préface à une véritable
histoire de la bande dessinée</span><br>
Benoît PEETERS, scénariste, écrivain et historien
de la bande dessinée</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf5" id="conf5"></a>7 février<br>
Salle
R280</td>
<td class="bodytext"><span class="titre11">Les handicaps symboliques
de la bande dessinée:
légitimités et exclusions</span><br>
Thierry GROENSTEEN, éditeur critique</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><div id="conf6">21 février</div><br>
Salle
R280</td>
<td class="bodytext"><span class="titre11">Archéologie et bandes dessinées:
de la connaissance à l'imaginaire</span><br>
Alain GALLAY, Pr honoraire d’archéologie, Université de
Genève</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf7" id="conf7"></a>28 février<br>
Salle
R280</td>
<td class="bodytext"><p><span class="titre11">Comics américains: de la presse à la
librairie</span><br>
Jean-Marc LAINÉ, éditeur et scénariste</p>
</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf8" id="conf8"></a>7 mars
<br>
Salle R280</td>
<td class="bodytext"><span class="titre11">Les mangas: une nouvelle
littérature
populaire</span><br>
Julien BASTIDE, critique, auteur du Guide des mangas (Bordas),
participe à l’organisation du Festival international
de la bande dessinée d'Angoulême</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf9" id="conf9"></a>14 mars<br>
Salle R280</td>
<td class="bodytext"><span class="titre11">Erotisme et bande dessinée</span><br>
Pierre Yves LADOR, écrivain, auteur de L'étang
et les spasmes dans la bande dessinée (Castagniééé)</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf10" id="conf10"></a>21 mars<br>
Salle R280</td>
<td class="bodytext"><span class="titre11">Histoire de la caricature</span><br>
Philippe KAENEL, Pr d’histoire de l’art, Université de
Lausanne</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf11" id="conf11"></a>28 mars<br>
Salle R280</td>
<td class="bodytext"><span class="titre11">Daumier, ou comment
la caricature entre dans l’histoire de l’art</span><br>
Michel MELOT, conservateur général des bibliothèques
de Paris</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf12" id="conf12"></a>18 avril<br>
Salle
R280</td>
<td class="bodytext"><span class="titre11">Le dessin dans la presse</span><br>
Martial LEITER, artiste et dessinateur de presse</td>
</tr>
<tr valign="baseline">
<td class="bodytext"><a name="conf13" id="conf13"></a>25 avril<br>
Salle
R280</td>
<td class="bodytext"><span class="titre11">Dessin de presse et
liberté d’expression</span><br>
Table ronde avec:<br>
Patrick CHAPPATTE, dessinateur de presse<br>
Alfred FERNANDEZ, coprésident de l’Université d'été des
droits de l'homme et du droit à l'éducation (UEDH)
/ Collège universitaire Henry Dunant (CuDH)<br>
Gérald HERRMANN, dessinateur de presse<br>
MIX & REMIX, dessinateurs de presse</td>
</tr>
</table></td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr valign="baseline">
<td class="titre11"><a name="inscription" id="inscription"></a>Inscription</td>
<td class="bodytext"><p><a href="BD.pdf" target="_parent" class="liensouligne">Le
bulletin d'inscription</a> est à renvoyer <span class="titre11">avant
le 13 janvier 2007</span> pour le cycle complet ou <span class="titre11">2
semaines avant</span> la conférence
choisie à:<br>
class="liensouligne">RegardsCritiques@formcont.unige.ch</a></p>
<p>Pour la conférence du 6 décembre 2006: entrée
libre mais inscription obligatoire</p></td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td class="titre11"><a name="finance" id="finance"></a>Prix</td>
<td class="bodytext"><img src="AAimage/redcubesmall.jpg" width="5" height="5"> CHF
300.- pour le cycle complet des 13 conférences<br>
<img src="AAimage/redcubesmall.jpg" width="5" height="5"> CHF 30.- par conférence<br>
<img src="AAimage/redcubesmall.jpg" width="5" height="5"> CHF 15.-
par conférence pour les étudiants</td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td class="titre11"id="dates">Horaire</td>
<td class="bodytext">18h30 à 20h15 </td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td class="titre11"><a name="lieu" id="lieu"></a>Lieu</td>
<td class="bodytext">Salle R280 (sauf mercredi 6 décembre: salle
R080)<br>
Université de Genève – Uni Mail<br>
Bd du Pont d’Arve 40 – 1205 Genève<br>
Trams 15/17 arrêt Uni Mail ou parking sur place</td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td class="titre11"><a name="attestation" id="attestation"></a>Attestation</td>
<td class="bodytext">Une attestation de présence est délivrée
aux participants inscrits au programme complet ayant suivi au moins
10 conférences.</td>
<td class="bodytext"> </td>
</tr>
<tr valign="baseline">
<td class="titre11"><p><a name="contact" id="contact"></a>Contact</p>
<p> </p>
<p><a href="#top"><img src="AAimage/top.jpg" width="15" height="15" border="0"></a></p></td>
<td class="bodytext">xxx<br>
</td>
<td class="bodytext"> </td>
</tr>
</table>
<table width="80%" border="0"
align="center" cellpadding="5" cellspacing="0" class="copyright">
<tr>
<td align="center"> <a href="http://www.adobe.fr/products/acrobat/readstep.html"
target="_blank"><img src="AAimage/acrobat70.gif"></a> To read the
.pdf documents, load Acrobat Reader (free). </td>
</tr>
</table>
<hr size="1" noshade color="#CC0066">
<table width="100%" border="0">
<tr>
<td class="copyright">
<div align="center"> <a href="programme/domaines.html">Programmes
par domaine</a> / <a href="http://www.unige.ch/formcont/">Formation
continue</a> / <a href="http://www.unige.ch/">Université
de Genève</a> / <a href="http://www.swissuni.ch/">Swissuni</a></div>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr class="copyright">
<td width="100%">
Service formation continue - Université
de Genève<br>
24, rue du Général-Dufour-CH-1211
Genève 4-T +41 22 379 78 33 - F +41 22 379 78 30 - <a href="mailto:info@formcont.unige.ch" class="lienbody">
info@formcont.unige.ch</a></td>
</tr>
</table>
<table cellspacing="0" border="0" cellpadding="0" width="100%">
<tr class="copyright">
<td width="50%" height="500" valign="top">
<div align="left" class="date"> <a class="lienbody"
href="mailto:webmaster@formcont.unige.ch?subject=BD.html"
title="Envoi d'un E-mail">Contact webmaster</a> -
<!-- #BeginDate format:Sw1 -->6 février, 2007<!-- #EndDate -->
</div>
</td>
<td width="50%" align="right" valign="top">© SFC UNIGE </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Modifié par vinx (05 Apr 2007 - 14:04)