Fixer une banniere latérale

hollow74 Messages postés 22 Statut Membre -
scriptiz Messages postés 1494 Statut Membre - 21 déc. 2008 à 21:28

Bonsoir,

Je suis sur un projet de site dont j ai voulu modifier un peu l'allure en lui mettant une bannière à la verticale sur la gauche du site ( tout en sachant que le site est sous forme de tableaux ).
bref jusque la pas de soucis seulement les differentes pages du site n'ont pas toute la meme taille ce qui fait que sur certaine pages, j ai la bannière qui est beaucoup plus longue que le texte du site donc je me retrouve avec du blanc tout le long de la page 'jusqua atteindre le bas de la bannière) et sur d'autres page la bannière est trop " courte" ce qui me fait egalement du blanc sous la bann jusqu'a la fin du texte du site (pour etre plus clair je vous met des morceaux de codes) mais en fait ce que je voudrais réussir a faire c'est simplement qe lorsqu'un visiteur descend avec l'ascenseur latéral, il puisse voir defiler le texte mais que la banniere ( dont je vais fixer la taille sur photoshop ) reste fixe a l'écran. *Je sais pas si j ai été assez clair mais merci d'avance.

</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>
		<strong><font color="#a5060d">web & graph designer</font></strong>, blablablablablabla

bref comme vous le voyez ya les 3 parties du site
le menu // la bann // et le texte .
Donc si quelqu'un pouvait m'aider sur ce coup la merci d'avance

Afficher la suite

A voir également:

Fixer une banniere latérale
Barre latérale clavier - Guide
Fixer colonne excel - Guide
Supprimer bannière freebox révolution - Forum Box et Streaming vidéo
Comment faire apparaitre la barre laterale ✓ - Forum Windows
Bannière tumblr ✓ - Forum blog

8 réponses

Réponse 1 / 8

scriptiz Messages postés 1494 Statut Membre 425

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;

<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.

Réponse 2 / 8

hollow74 Messages postés 22 Statut Membre

j'essai ça de suite
meri

Réponse 3 / 8

hollow74 Messages postés 22 Statut Membre

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

Réponse 4 / 8

scriptiz Messages postés 1494 Statut Membre 425

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

Réponse 5 / 8

hollow74 Messages postés 22 Statut Membre

<!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>

<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

Réponse 6 / 8

scriptiz Messages postés 1494 Statut Membre 425

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 :

<!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 Statut Membre

je teste de suite et te dis ce que ça donne
merci

Réponse 7 / 8

hollow74 Messages postés 22 Statut Membre

merci quand meme pour ton aide mais ça a pas résolu mon pb
Cdt,

Réponse 8 / 8

scriptiz Messages postés 1494 Statut Membre 425

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.

Discussions similaires

Barre verticale droite sur clavier

le signe " | " dans excel

Touche du clavier barre verticale

Barre verticale droite sur clavier mac

Barre verticale droite sur clavier

Fixer une banniere latérale

8 réponses

Votre réponse

Discussions similaires

Newsletters