Salut,
J'essaye de faire une sorte de portfolio dont le contenu (des textes avec titre et photo) défilerait avec une scrollbarre horizontale.
J'ai fait le contenu avec des DL (c'est la première fois que je m'en sers). Jusque là, la présentation n'est pas trop mal => new4.php mais l'overflow est vertical. Hors, je voudrais que le défilement se fasse à l'horizontal.
Voici la partie du code HTML
J'ai également d'autres petits soucis de présentation mais on en reparlera après
EDIT: correction de quelques fautes d'orthographe.
PS : Se serait bien d'avoir le bouton "Prévisualiser" lorsque l'on crée ou que l'on édite un post
Modifié par Ricou13 (12 May 2005 - 18:51)
J'essaye de faire une sorte de portfolio dont le contenu (des textes avec titre et photo) défilerait avec une scrollbarre horizontale.
J'ai fait le contenu avec des DL (c'est la première fois que je m'en sers). Jusque là, la présentation n'est pas trop mal => new4.php mais l'overflow est vertical. Hors, je voudrais que le défilement se fasse à l'horizontal.
Voici la partie du code HTML
<div id="photos">
<dl>
<dt><strong>Frederic</strong></dt>
<dt><a href="Javascript:alert('Zoom Fred');">Agrandir l'image [+]</a></dt>
<dt><img src="frederic.jpg" alt"fred" /></dt>
<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus varius eleifend tellus. Suspendisse potenti.</dd>
</dl>
<dl>
<dt><strong>Pierre</strong></dt>
<dt><a href="Javascript:alert('Zoom Pierre');">Agrandir l'image [+]</a></dt>
<dt><img src="pierre.jpg" alt"Pierre" /></dt>
<dd>Phasellus varius eleifend tellus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </dd>
</dl>
<dl>
<dt><strong>Nafem</strong></dt>
<dt><a href="Javascript:alert('Zoom Nafem');">Agrandir l'image [+]</a></dt>
<dt><img src="nafem2003.jpg" alt"Nafem" /></dt>
<dd>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</dd>
</dl>
<dl>
<dt><strong>Frederic 2 (le retour)</strong></dt>
<dt><a href="Javascript:alert('Zoom Fred');">Agrandir l'image [+]</a></dt>
<dt><img src="frederic.jpg" alt"fred" /></dt>
<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus varius eleifend tellus. Suspendisse potenti.</dd>
</dl>
</div>
le calque #photos étant, avec les autres calques de contenu, dans un div nommé #client (celui avec la grosse bordure bleue) et sa correspondance en CSS#client #photos {
position: relative;
border: solid 1px gray;
margin: 10px 0;
padding: 5px;
overflow: auto;
height: 200px;
}
#client #photos dl, #client #photos dl dt, #client #photos dl dd {
margin: 0;
padding: 0;
}
#client #photos dl {
float: left;
width: 260px;
margin-right: 1em;
padding-left: 3px;
background-color: #ddd;
border: solid 1px black;
min-height: 180px;
}
#client #photos dl dt strong {
display: block;
font-size: 1em;
text-align: center;
background-color: #01516d;
color: #EEE;
padding: 2px;
margin: 3px 3px 0 0;
}
#client #photos dl dt a {
align: right;
text-decoration: none;
font-size: 0.8em;
color: blue;
border: solid 0px maroon;
}
#client #photos dl dt img {
float: left;
border: 1px solid black;
width: 95px;
height: 95px;
margin-right: 5px;
}
J'ai également d'autres petits soucis de présentation mais on en reparlera après

EDIT: correction de quelques fautes d'orthographe.
PS : Se serait bien d'avoir le bouton "Prévisualiser" lorsque l'on crée ou que l'on édite un post

Modifié par Ricou13 (12 May 2005 - 18:51)