Fixer une banniere latérale
Fermé
hollow74
Messages postés
22
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
23 décembre 2008
-
21 déc. 2008 à 19:15
scriptiz Messages postés 1420 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 mai 2013 - 21 déc. 2008 à 21:28
scriptiz Messages postés 1420 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 mai 2013 - 21 déc. 2008 à 21:28
A voir également:
- Fixer une banniere latérale
- Bannière instagram - Guide
- Barre latérale clavier ✓ - Forum Mandriva / Mageia
- Banniere html - Forum HTML
- Fixer une image css - Forum CSS
- Quels sont les amis qui apparaissent dans la barre latérale de discussion instantanée ? - Forum Facebook
8 réponses
scriptiz
Messages postés
1420
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
14 mai 2013
422
21 déc. 2008 à 19:19
21 déc. 2008 à 19:19
Met ton texte dans un div et met lui un paramètre style dans lequel tu met un height qui à la valeur de la hauteur de ton image, et un overflow: auto;
Et bien entendu tu met ce div dans la cellule de ton tableau. (ici 500px j'ai supposé que c'était la taille en hauteur de ta bannière.) Ca te permettra de scroller sur ton texte quand il y en aura trop au lieu de dépasser les 500pixels.
HF.
<div style="height: 500px; overflow: auto;">Ton texte ici</div>
Et bien entendu tu met ce div dans la cellule de ton tableau. (ici 500px j'ai supposé que c'était la taille en hauteur de ta bannière.) Ca te permettra de scroller sur ton texte quand il y en aura trop au lieu de dépasser les 500pixels.
HF.
hollow74
Messages postés
22
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
23 décembre 2008
21 déc. 2008 à 19:21
21 déc. 2008 à 19:21
j'essai ça de suite
meri
meri
hollow74
Messages postés
22
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
23 décembre 2008
21 déc. 2008 à 19:29
21 déc. 2008 à 19:29
je crois que j ai pas su ou inserer ce code
si tu pouvais m indiquer ou exactement je devais le placer parce que comme tu as vu ma page est constituée de 3 tableaux
j ai mis le code dans le tableaux ou ya tout le texte mais ça donne rien
si tu pouvais m indiquer ou exactement je devais le placer parce que comme tu as vu ma page est constituée de 3 tableaux
j ai mis le code dans le tableaux ou ya tout le texte mais ça donne rien
scriptiz
Messages postés
1420
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
14 mai 2013
422
21 déc. 2008 à 19:33
21 déc. 2008 à 19:33
Met ton code en entier alors parce que là il y a des </table> avant le <body> et des bidules bizarres :P
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
hollow74
Messages postés
22
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
23 décembre 2008
21 déc. 2008 à 19:38
21 déc. 2008 à 19:38
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Web-Graph designer Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="design.css">
</head>
<body>
<TABLE WIDTH=100% bgcolor="#000000" BORDER=2 CELLPADDING=4 CELLSPACING=2 STYLE="page-break-inside: avoid">
<THEAD>
<TR>
<TH COLSPAN=8 WIDTH=100% VALIGN=TOP>
<!-- Début du code du texte défilant d'Astwinds-->
<marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="2" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif"><strong><font color="#a5060d"><i>Conception de logos - création de sites web - affiches publicitaires ...</i></strong></font></font></marquee></font></p>
</TH>
</TR>
</TABLE>
<body bgcolor="#FFFFFF" text="#FFFFFF">
<TABLE WIDTH=15% bgcolor="#000000" BORDER=2 CELLPADDING=4 CELLSPACING=2 align=right>
<tr>
<Td WIDTH=15%COLSPAN=8 BGCOLOR="#AAAAAA">
<P ALIGN=CENTER><img src="images/bann1.png"></P>
</td>
</tr>
</table>
<TABLE WIDTH=85% bgcolor="#000000" BORDER=2 CELLPADDING=4 CELLSPACING=2 align=right>
<tr>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b><a href="index.html">Accueil</a></b></td>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b><a href="inscription.html">Inscription</a></b></td>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b><a href="graph.html">Conception Graphique</a></b></td>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b><a href="web.html">Création de sites</a></b></td>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b>Contactez nous</b></td>
</tr>
<Td COLSPAN=8 WIDTH=100% VALIGN=TOP>
<P ALIGN=CENTER><font color="#a5060d" ><i><h3>Présentation du site</h3></i></font></P>
</Td>
<tr>
<TD COLSPAN=8 WIDTH=80% VALIGN=TOP>
<img src="images/logo_carré.png"alt= "" class="imageflottante"alt="image flottante"/>
<p>
BLABLABLA
</p>
<p>BLABLABLABLA
</p>
</tr>
<tr>
<Td COLSPAN=8 WIDTH=100% VALIGN=TOP>
<P ALIGN=CENTER><font color="#a5060d" ><i><h3>Fonctionnement du site</h3></i></font></P>
</Td>
<tr>
<TD COLSPAN=8 WIDTH=80% VALIGN=TOP>
<img src="images/logo_carré.png"alt= "" class="imageflot"alt="image flottante"/>
<h3><font color="#a5060d">web & graph designer ... c'est très simple </font></h3>
<p>
BLABLA
</p>
<p>
BLABLABLA
</p>
</TR>
<Td COLSPAN=8 WIDTH=100% VALIGN=TOP>
<P ALIGN=CENTER><font color="#a5060d" ><i><h3>Nos ambitions</h3></i></font></P>
</Td>
<tr>
<TD COLSPAN=8 WIDTH=80% VALIGN=TOP>
<img src="images/logo_carré.png"alt= "" class="imageflottante"alt="image flottante"/>
<p>
BLABLABLA
</p>
</tr>
</table>
<TR>
<TABLE WIDTH=85% bgcolor="#444440" BORDER=2 CELLPADDING=2 CELLSPACING=0 >
<TD COLSPAN=8 WIDTH=80% VALIGN=TOP BGCOLOR="#AAAAAA">
<P ALIGN=CENTER><img src="images/footer.png"></P>
</TD>
</TR>
</THEAD>
voilivoilou et merci encore
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Web-Graph designer Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="design.css">
</head>
<body>
<TABLE WIDTH=100% bgcolor="#000000" BORDER=2 CELLPADDING=4 CELLSPACING=2 STYLE="page-break-inside: avoid">
<THEAD>
<TR>
<TH COLSPAN=8 WIDTH=100% VALIGN=TOP>
<!-- Début du code du texte défilant d'Astwinds-->
<marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="2" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif"><strong><font color="#a5060d"><i>Conception de logos - création de sites web - affiches publicitaires ...</i></strong></font></font></marquee></font></p>
</TH>
</TR>
</TABLE>
<body bgcolor="#FFFFFF" text="#FFFFFF">
<TABLE WIDTH=15% bgcolor="#000000" BORDER=2 CELLPADDING=4 CELLSPACING=2 align=right>
<tr>
<Td WIDTH=15%COLSPAN=8 BGCOLOR="#AAAAAA">
<P ALIGN=CENTER><img src="images/bann1.png"></P>
</td>
</tr>
</table>
<TABLE WIDTH=85% bgcolor="#000000" BORDER=2 CELLPADDING=4 CELLSPACING=2 align=right>
<tr>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b><a href="index.html">Accueil</a></b></td>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b><a href="inscription.html">Inscription</a></b></td>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b><a href="graph.html">Conception Graphique</a></b></td>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b><a href="web.html">Création de sites</a></b></td>
<td bgcolor=" #000000"; height="30%" align="center" VALIGN=TOP><b>Contactez nous</b></td>
</tr>
<Td COLSPAN=8 WIDTH=100% VALIGN=TOP>
<P ALIGN=CENTER><font color="#a5060d" ><i><h3>Présentation du site</h3></i></font></P>
</Td>
<tr>
<TD COLSPAN=8 WIDTH=80% VALIGN=TOP>
<img src="images/logo_carré.png"alt= "" class="imageflottante"alt="image flottante"/>
<p>
BLABLABLA
</p>
<p>BLABLABLABLA
</p>
</tr>
<tr>
<Td COLSPAN=8 WIDTH=100% VALIGN=TOP>
<P ALIGN=CENTER><font color="#a5060d" ><i><h3>Fonctionnement du site</h3></i></font></P>
</Td>
<tr>
<TD COLSPAN=8 WIDTH=80% VALIGN=TOP>
<img src="images/logo_carré.png"alt= "" class="imageflot"alt="image flottante"/>
<h3><font color="#a5060d">web & graph designer ... c'est très simple </font></h3>
<p>
BLABLA
</p>
<p>
BLABLABLA
</p>
</TR>
<Td COLSPAN=8 WIDTH=100% VALIGN=TOP>
<P ALIGN=CENTER><font color="#a5060d" ><i><h3>Nos ambitions</h3></i></font></P>
</Td>
<tr>
<TD COLSPAN=8 WIDTH=80% VALIGN=TOP>
<img src="images/logo_carré.png"alt= "" class="imageflottante"alt="image flottante"/>
<p>
BLABLABLA
</p>
</tr>
</table>
<TR>
<TABLE WIDTH=85% bgcolor="#444440" BORDER=2 CELLPADDING=2 CELLSPACING=0 >
<TD COLSPAN=8 WIDTH=80% VALIGN=TOP BGCOLOR="#AAAAAA">
<P ALIGN=CENTER><img src="images/footer.png"></P>
</TD>
</TR>
</THEAD>
voilivoilou et merci encore
scriptiz
Messages postés
1420
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
14 mai 2013
422
21 déc. 2008 à 19:54
21 déc. 2008 à 19:54
Bon ton code est assez bordélique, en fait tu ouvre et ferme des balises dans tous les sens donc il y a pas mal d'erreurs.
Voici une sorte de petite exemple de ce que je t'ai expliquer en essayant de respecter la structure de tes tableaux (difficille ^^).
Module le afin de l'adapter selon tes envies/besoins :
Voici une sorte de petite exemple de ce que je t'ai expliquer en essayant de respecter la structure de tes tableaux (difficille ^^).
Module le afin de l'adapter selon tes envies/besoins :
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ton titre</title>
<style>
td {
border: 1px solid green;
}
</style>
</head>
<body>
<div style="width: 100%;">
<marquee>
Conception de logos - création de sites web - affiches publicitaires ...
</marquee>
</div>
<table style="width: 100%;">
<tr>
<td style="text-align: center;"><strong><a href="index.html">Accueil</a></strong></td>
<td style="text-align: center;"><strong><a href="inscription.html">Inscription</a></strong></td>
<td style="text-align: center;"><strong><a href="graph.html">Conception Graphique</a></strong></td>
<td style="text-align: center;"><strong><a href="web.html">Création de sites</a></strong></td>
<td style="text-align: center;"><strong>Contactez nous</strong></td>
<td rowspan="7"><img src="images/bann1.png" alt="banner" /></td>
</tr>
<tr>
<td colspan="5">Présentation du site</td>
</tr>
<tr>
<td colspan="5"><div style="height: 50px; overflow: auto; border: 1px solid red;">Présentation du site<br />
Présentation du site<br />
Présentation du site<br />
Présentation du site<br />
Présentation du site<br />
Présentation du site<br />
Présentation du site<br />
Présentation du site<br />
</div></td>
</tr>
<tr>
<td colspan="5">Présentation du site</td>
</tr>
<tr>
<td colspan="5">Présentation du site</td>
</tr>
<tr>
<td colspan="5">Présentation du site</td>
</tr>
<tr>
<td colspan="5">Présentation du site</td>
</tr>
</table>
<div style="text-align: center;"><img src="images/footer.png" alt="footer" /></div>
</body>
</html>
hollow74
Messages postés
22
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
23 décembre 2008
21 déc. 2008 à 20:00
21 déc. 2008 à 20:00
je teste de suite et te dis ce que ça donne
merci
merci
hollow74
Messages postés
22
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
23 décembre 2008
21 déc. 2008 à 20:53
21 déc. 2008 à 20:53
merci quand meme pour ton aide mais ça a pas résolu mon pb
Cdt,
Cdt,
scriptiz
Messages postés
1420
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
14 mai 2013
422
21 déc. 2008 à 21:28
21 déc. 2008 à 21:28
Désolé alors, mais corrige en tout cas ton code HTML car il est truffé d'erreur, surtout au niveau des balises ouvrantes et fermantes :)
Bonne continuation.
Bonne continuation.