28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous

Voilà j'ai activé la mise en place des fichiers joints dans les posts pour mettre des photos
J'ai demandé donc la création de petites miniatures pour faire style diaporama.

C'est super mais ca demande un truc en plus.

Est ce que plutôt que de les afficher les une sur les autres on ne pourais pas les mettre à la suite les une des autres.

Aprés un peu de recherche je penses quec'est dans le content.css

/* Attachments
----------------------------------------*/
.attachbox {
   float: left;
   width: auto;
   margin: 5px 5px 5px 0;
   padding: 6px;
   background-color: #FFFFFF;
   border: 1px dashed #d8d8d8;
   clear: left;
}

.pm-message .attachbox {
   background-color: #f3f3f3;
}

.attachbox dt {
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

.attachbox dd {
   margin-top: 4px;
   padding-top: 4px;
   clear: left;
   border-top: 1px solid #d8d8d8;
}

.attachbox dd dd {
   border: none;
}

.attachbox p {
   line-height: 110%;
   color: #666666;
   font-weight: normal;
   clear: left;
}

.attachbox p.stats
{
   line-height: 110%;
   color: #666666;
   font-weight: normal;
   clear: left;
}

.attach-image {
   margin: 3px 0;
   width: 100%;
   max-height: 350px;
   overflow: auto;
}

.attach-image img {
   border: 1px solid #999999;
/*   cursor: move; */
   cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
   display: block;
   margin-bottom: 4px;
}

div.inline-attachment p {
   font-size: 100%;
}

dl.file {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   display: block;
}

dl.file dt {
   text-transform: none;
   margin: 0;
   padding: 0;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

dl.file dd {
   color: #666666;
   margin: 0;
   padding: 0;   
}

dl.thumbnail img {
   padding: 3px;
   border: 1px solid #666666;
   background-color: #FFF;
}

dl.thumbnail dd {
   color: #666666;
   font-style: italic;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd {
   font-size: 100%;
}

dl.thumbnail dt a:hover {
   background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
   border: 1px solid #d2d2d2;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

fieldset.polls dl {
   margin-top: 5px;
   border-top: 1px solid #e2e2e2;
   padding: 5px 0 0 0;
   line-height: 120%;
   color: #666666;
}

fieldset.polls dl.voted {
   font-weight: bold;
   color: #000000;
}

fieldset.polls dt {
   text-align: left;
   float: left;
   display: block;
   width: 30%;
   border-right: none;
   padding: 0;
   margin: 0;
   font-size: 1.1em;
}

fieldset.polls dd {
   float: left;
   width: 10%;
   border-left: none;
   padding: 0 5px;
   margin-left: 0;
   font-size: 1.1em;
}

fieldset.polls dd.resultbar {
   width: 50%;
}

fieldset.polls dd input {
   margin: 2px 0;
}

fieldset.polls dd div {
   text-align: right;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-weight: bold;
   padding: 0 2px;
   overflow: visible;
   min-width: 2%;
}


Merchi d'avance Smiley cligne
Administrateur
Bonjour et bienvenue,

le problème semblant spécifique au forum phpbb3, tu devrais t'adresser à une communauté qui connait ce script ou est spécialisé dedans. Au pif (Google) http://forums.phpbb-fr.com/ Smiley cligne
Et sans exemple en ligne, sans savoir ce que style chaque classe, sans le code HTML correspondant, c'est impossible de te répondre. Smiley sweatdrop
Ben oui je sais bien mais personne ne me répond ....
Je me suis dis peut etre qu'ici ?
Avec un peu de chance !!!!! Smiley rolleyes
Ben je sais pas là-bas mais ici il manque toujours le code HTML (ou la portion de code HTML pertinente) ou, bien mieux, un lien vers une page en ligne où le problème se pose.

On ne soigne pas un malade absent. Smiley cligne
Voici dans ce cas le code php qui correspond au CSS

		<!-- IF _file.S_THUMBNAIL -->
		<dl class="thumbnail">
			<dt><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
			<!-- IF _file.COMMENT --><dd>{_file.COMMENT}</dd><!-- ENDIF -->
		</dl>
		<!-- ENDIF -->


		<!-- IF _file.S_IMAGE -->
		<dl class="file">
			<dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- ENDIF -->


Smiley langue