une galerie en codage ? :o

Sujet: Re: une galerie en codage ? :o Sam 22 Sep 2012, 07:55

Alors c'est ça

Code:: #creations img {
display: block;
overflow: auto;
width: 425px;
}

par

Code:: #creations img {
display: block;
overflow: auto;
width-max: 425px;
}

Sujet: Re: une galerie en codage ? :o Sam 22 Sep 2012, 13:02

Ah bah ça marche sauf que maintenant toutes les créations sont à leur taille originales xD
Du coup elles sont coupées, on les vois pas en entières vu que leur taille est plus grande que celle de la galerie ^^

Sujet: Re: une galerie en codage ? :o Sam 22 Sep 2012, 13:39

Code:: #creations img {
display: block;
overflow: auto;
max-width: 425px;
}

Comme ça ce devrai être bon >< ! On va y arriver xD

Sujet: Re: une galerie en codage ? :o Sam 22 Sep 2012, 20:14

ça marche !!!! =D
Le problème c'est que du coup ça m'a enlevé ma barre ne navigation xD tu sais le truc pour descendre sur la page ^^
mais à mon avis ça doit pas être trop compliqué à remettre non ? :O

Sujet: Re: une galerie en codage ? :o Dim 23 Sep 2012, 08:45

Ben en fait comme ça une taille prédéfinie... Mais utilise le code iframe que je t'ai donné comme ça tu intègre directement ta galerie au message sur le forum ;)

Sujet: Re: une galerie en codage ? :o Dim 23 Sep 2012, 11:09

J'ai pas compris O__o
C'est pas sur la page du forum que ça me fait ça, mais sur la galerie elle même

http://forum-howami-test.forumgratuit.org/h2-code-galerie

Tu vois, la galerie n'a pas de fin...

Sujet: Re: une galerie en codage ? :o Dim 23 Sep 2012, 14:40

O.O Repasse moi tout le code alors Smile

Sujet: Re: une galerie en codage ? :o Dim 23 Sep 2012, 15:31

voilà ^^'

Code:: <style type="text/css">

#galerie {
background-color: #eef0bf;
width: 550px;
padding-top: 0;
border: 2px solid #4d4f2e;
}

#bienvenue{
position: relative;
top: 15px;
padding: 0;
margin:0;
}

#galerie p {
width: 425px;
text-align: justify;
background-image: url(http://i35.servimg.com/u/f35/15/55/15/05/motif10.png);
color: #4d4f2e;
padding: 10px;
border: 2px solid #4d4f2e;
}

#creations {
height-max: 500px;
overflow: auto;
margin: 10px 30px;
}

#creations img {
display: block;
overflow: auto;
max-width: 425px;
}

#creations a {
color: #4d4f2e;
text-decoration: none;
font-family: verdana, sans-serif;
font-size: 10px;
font-variant: small-caps;

}

#creations p {
width: 350px;
background-image: url(http://i35.servimg.com/u/f35/15/55/15/05/motif10.png);
color: #4d4f2e;
font-size: 14px;
border-top: none;
border-bottom: none;
border-left: 2px dotted #4d4f2e;
border-right: 2px dotted #4d4f2e;
margin: 5px;
}

</style>

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<header>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Galerie</title>
</header>

<body>

<center><div id="galerie">
<img id="bienvenue" src="http://img15.hostingpics.net/pics/829294bienvenue.png" />

Bonjour, et bienvenue dans ma Galerie ♥
Pour information je graphe depuis septembre 2009.
Les créations suivantes seront classées dans l'ordre chronologique (j'espère que vous vous en apercevrez xD) faites avec Photofiltre, Gimpounet et Photoshop. Ce ne sont pas les premières créations que j'ai faites, mais celles qui ce sont vu appelées « présentables ». Attention certaines sont sous fausse transparence.
Une dernière chose ! Si vous souhaitez des images de bases, je me ferais une joie de vous les fournir ! (si je les aies encore ^^)
Bonne visite =) Et n'hésitez pas à poster vos critiques constructives !

<div id="creations">
<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati26.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati26.jpg">Voir en taille réelle.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati27.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati27.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati15.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati15.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati18.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati18.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati17.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati17.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati19.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati19.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati20.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati20.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati21.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati21.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati22.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati22.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati23.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati23.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati24.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati24.jpg">Voir en taille réelle.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati25.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati25.jpg">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>
TIMBRE BUG TRANSPARENCE ET TAILLE
<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati21.png"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati21.png">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati28.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati28.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati29.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati29.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati22.png"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati22.png">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>
CREATION SMILE LIFE IS BEAUTIFUL BUG TAILLE
<img src=""/>
<a href="">Voir en taille réelle.</a>
CREATION DE RELANGS BUG TAILLE
<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati30.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati30.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati31.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati31.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati30.png"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati30.png">Voir en grand.</a>
BUG TAILLE
<img src=""/>
<a href="">Voir en grand.</a>
TRANSPARENCE CREATION
<img src=""/>
<a href="">Voir en grand.</a>
TRANSPARENCE CREATION
<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati32.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati32.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati33.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati33.jpg">Voir en grand.</a>
BUG TAILLE
<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati34.jpg"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati34.jpg">Voir en grand.</a>

<img src="http://i36.servimg.com/u/f36/15/66/29/84/craati31.png"/>
<a href="http://i36.servimg.com/u/f36/15/66/29/84/craati31.png">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en taille réelle.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

<img src=""/>
<a href="">Voir en grand.</a>

</div>
 
</div></center>

</body>
</html>

Sujet: Re: une galerie en codage ? :o Dim 23 Sep 2012, 15:57

Normalement remplace juste ça le #creations { } par ça et ça devrait être bon.

Code:: #creations {
height: 500px;
overflow: auto;
margin: 10px 30px;
}

On va y arriver, courage xD

Sujet: Re: une galerie en codage ? :o Dim 23 Sep 2012, 19:21

Génial ça marche !! xD

Sujet: Re: une galerie en codage ? :o Dim 23 Sep 2012, 19:55

T'a compris comme insérer ta galerie dans un message ?

Sujet: Re: une galerie en codage ? :o Lun 24 Sep 2012, 17:43

Oui il me semble, sur mon panneau d'administration je copie le lien et j'ai plus qu'a le coller dans mon message... c'est ça ? Avec le code que tu m'as donné.

Sujet: Re: une galerie en codage ? :o Lun 24 Sep 2012, 18:01

Yeap avec ton lien entre les "" de src

Sujet: Re: une galerie en codage ? :o Mar 25 Sep 2012, 16:28

Merci beaucoup pour toute ton aide =D

Sujet: Re: une galerie en codage ? :o Mar 25 Sep 2012, 18:20

De rien c'est naturel Smile

Sujet: Re: une galerie en codage ? :o Mer 26 Sep 2012, 11:04

J'ai suivi l'avancement de ce sujet, donc bravo Nami, tu m'impressionnes, et TP, puis-je déplacer le sujet ?

Sujet: Re: une galerie en codage ? :o Mer 26 Sep 2012, 13:45

Oui bien sur ^^

Sujet: Re: une galerie en codage ? :o Jeu 27 Sep 2012, 04:45

Mouah Dragi, tu sais à l'heure actuelle je fais exactement les même études que Ella, je fais le même DUT ;)

» ~*~Kima galerie~*~Camo galerie~
» Problème de codage
» [Codage] Une fiche de présentation ^^
» Galerie de C'
» Ma galerie