Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Page d'accueil [Placement de case]

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Page d'accueil [Placement de case]

Message par K-Surf le Jeu 23 Fév 2012 - 13:17

Bonjour,
J'aimerais que la case dernier message descende, et que je puisse mettre la case "Etat des commandes graphiques" au dessus de celui ci sur la même ligne.

Le HTML:

Code:
 

























[table width="600"][tr][td rowspan="2" width="200"]
Etat des commandes


 Commande de thème: [b]5 places disponibles[/b]

Commande d'avatar & signature: [b]Ouvert[/b]

 [/td][td rowspan="2" width="200"]
Dernier message


 Image + contexte  [/td][td width="200"]
Staff du forum


[img]http://www.img.dizee.fr/images/infoksurf.png[/img]


[img]http://www.img.dizee.fr/images/infofanny.png[/img][/td][td rowspan="2" width="200"]
C'est quoi SerialDesigner?


Serial Designer est un vrai repère pour les graphistes ! Que vous soyez débutant où expert, vous trouverez des sections qui vous convient comme [b]nos cours[/b], [b]nos tutoriels[/b] et même participer à des [b]activités graphiques[/b] et tout cela dans le but [b]d'améliorer[/b] votre niveau tout en vous [b]amusant[/b]. Bon, l'amusement c'est bien, mais le partage c'est génial aussi pas vrai ? Nous vous invitons aussi à partager avec nous des turoriels, des liens qui pourraient servir et même des créations que vous voudriez partager dans le [b]libre service[/b]. Pour ceux qui aimeraient passer des [b]commandes graphiques[b], nous avons aussi une section pour cela. Bref...il vous suffit de vous inscrire pour voir tous les trésors que contient le forum de Serial Designer ![/b][/b][/td][/tr][tr][td width="200"]
Nouveautés



- Forum fermé pour le moment[/td][/tr][tr][td rowspan="2" width="200"]
Credit


 PA faite par Lune de  [url=http://templactif.forumgratuit.org/]templactif[/url]

Design par K-Surf

Organisation et création des catégories par Fanny  [/td][/tr][tr][td colspan="3" width="600"]

 
Top Partenaire





[url=http://serialdesigner.forumactif.fr/f5-partenariat][img]http://www.img.dizee.fr/images/logopa.png[/img][/url] [url=http://serialdesigner.forumactif.fr/f5-partenariat][img]http://www.img.dizee.fr/images/logopa.png[/img][/url] [url=http://serialdesigner.forumactif.fr/f5-partenariat][img]http://www.img.dizee.fr/images/logopa.png[/img][/url] [url=http://serialdesigner.forumactif.fr/f5-partenariat][img]http://www.img.dizee.fr/images/logopa.png[/img][/url] [url=http://serialdesigner.forumactif.fr/f5-partenariat][img]http://www.img.dizee.fr/images/logopa.png[/img][/url] [url=http://serialdesigner.forumactif.fr/f5-partenariat][img]http://www.img.dizee.fr/images/logopa.png[/img][/url]
[url=http://serialdesigner.forumactif.fr/f5-partenariat][img]http://www.img.dizee.fr/images/logopa.png[/img][/url]
[url=http://serialdesigner.forumactif.fr/f5-partenariat][img]http://www.img.dizee.fr/images/logopa.png[/img][/url]
 

[/td][/tr][/table]

Le CSS
Code:
/*DEBUT NOUVELLE PAGE D'ACCUEIL*/

.fond5 {

  overflow : auto;
background-color: #D3E3E8;
font-size: 11px;
text-align : center;
  height: 100px;
 
 
}
.titre5 {
  text-align:center;
  margin-bottom: -5px;
  text-transform : capitalize ;
  color:#000;
text-shadow: 2px 2px 2px #B7E1EF;
  font-size:12px;
 
}
.fond2 {

border: 1px solid #B7E1EF;
font-size: 11px;
text-align : center;

}

.cadre1 {

    overflow : auto;
border: 1px solid #B7E1EF;
font-size: 11px;
text-align : center;
  height: 100px;
}

.fond1 {

  overflow : auto;
background-color: #D3E3E8;
font-size: 11px;
text-align : center;
  height: 100px;
 
 
}
.titre1 {
  text-align:center;
  margin-bottom: -5px;
  text-transform : capitalize ;
  color:#000;
text-shadow: 2px 2px 2px #B7E1EF;
  font-size:12px;
 
}
.fond4 {

  overflow : auto;
background-color: #D3E3E8;
font-size: 11px;
text-align : center;
  height: 100px;
 
}
.titre4 {
  text-align:center;
  margin-bottom: -5px;
  text-transform : capitalize ;
  color:#000;
text-shadow: 2px 2px 2px #B7E1EF;
  font-size:12px;
 
}
.fond3 {

  overflow : auto;
background-color: #D3E3E8;
font-size: 11px;
text-align : center;
  height: 250px;
}
.titre2 {
  text-align:center;
  margin-bottom: -5px;
  text-transform : capitalize ;
  color:#000;
text-shadow: 2px 2px 2px #B7E1EF;
  font-size:12px;
}


/*FIN NOUVELLE PAGE D'ACCUEIL*/
/*------INFOBULLE------*/
.infobulle {
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
border: 1px solid white;
left: 300px;
margin-bottom: 2px;
position: absolute;
transition: opacity 1s ease-in-out;
  margin-left: 280px;
 
}

.infobulle01 {
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
border: 1px solid white;
left: 355px;
margin-bottom: 2px;
position: absolute;
transition: opacity 1s ease-in-out;
  margin-left: 280px;
}

Merci d'avance


Dernière édition par K-Surf le Dim 26 Fév 2012 - 16:08, édité 1 fois

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil [Placement de case]

Message par K-Surf le Ven 24 Fév 2012 - 18:57

Up

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil [Placement de case]

Message par K-Surf le Sam 25 Fév 2012 - 12:03

Up

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d'accueil [Placement de case]

Message par Automne le Sam 25 Fév 2012 - 22:04

Bonjour,


Essayez comme ceci
Code:

<center><table width="600"> <tr><td  width="200"><div class="titre1">Etat des commandes </div><div class="fond1"><br /> Commande de thème: <b>5 places disponibles</b><br />
Commande d'avatar & signature: <b>Ouvert</b> <br /></div></td>

<td width="200"><div class="titre2">Staff du forum</div> <div class="cadre1">
<br /><span class="infobulle"><img class="fading" src="http://www.img.dizee.fr/images/infoksurf.png" alt="Image" onmouseover="javascript:this.  src='http://www.img.dizee.fr/images/ksurffonda.png';" onmouseout="javascript:this.src='http://www.img.dizee.fr/images/infoksurf.png'; " /></span>
 
 
<span class="infobulle01"><img class="fading" src="http://www.img.dizee.fr/images/infofanny.png" alt="image" onmouseover="javascript:this.  src='http://www.img.dizee.fr/images/fannyfonda.png';" onmouseout="javascript:this.src='http://www.img.dizee.fr/images/infofanny.png'; " /></span></div></td>

<td rowspan="2" width="200"><div class="titre2">C'est quoi SerialDesigner? </div><div class="fond3"><br />Serial Designer est un vrai repère pour les graphistes ! Que vous soyez débutant où expert, vous trouverez des sections qui vous convient comme <b>nos cours</b>, <b>nos tutoriels</b> et même participer à des <b>activités graphiques</b> et tout cela dans le but <b>d'améliorer</b> votre niveau tout en vous <b>amusant</b>. Bon, l'amusement c'est bien, mais le partage c'est génial aussi pas vrai ? Nous vous invitons aussi à partager avec nous des turoriels, des liens qui pourraient servir et même des créations que vous voudriez partager dans le <b>libre service</b>. Pour ceux qui aimeraient passer des <b>commandes graphiques<b/>, nous avons aussi une section pour cela. Bref...il vous suffit de vous inscrire pour voir tous les trésors que contient le forum de Serial Designer !</div></td>

</tr> <tr>

<td width="200"><div class="titre1">Dernier message </div><div class="fond1">
<br /> Image + contexte  </div></td>

<td width="200"> <div class="titre2">Nouveautés </div><div class="cadre1">
<br />- Forum fermé pour le moment</div></td>

 <tr> <td  width="200"><div class="titre4">Credit </div><div class="fond4">
<br /> PA faite par Lune de  <a href="http://templactif.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow">templactif</a><br>Design par K-Surf<br>Organisation et création des catégories par Fanny  </div></td>

<td colspan="3" width="600">
 <div class="titre2">Top Partenaire </div><div class="fond2"><br />
 
<marquee><a href="http://serialdesigner.forumactif.fr/f5-partenariat"><img src="http://www.img.dizee.fr/images/logopa.png"/></a> <a href="http://serialdesigner.forumactif.fr/f5-partenariat"><img src="http://www.img.dizee.fr/images/logopa.png"/></a> <a href="http://serialdesigner.forumactif.fr/f5-partenariat"><img src="http://www.img.dizee.fr/images/logopa.png"/></a> <a href="http://serialdesigner.forumactif.fr/f5-partenariat"><img src="http://www.img.dizee.fr/images/logopa.png"/></a> <a href="http://serialdesigner.forumactif.fr/f5-partenariat"><img src="http://www.img.dizee.fr/images/logopa.png"/></a> <a href="http://serialdesigner.forumactif.fr/f5-partenariat"><img src="http://www.img.dizee.fr/images/logopa.png"/></a><a href="http://serialdesigner.forumactif.fr/f5-partenariat"><img src="http://www.img.dizee.fr/images/logopa.png"/></a><a href="http://serialdesigner.forumactif.fr/f5-partenariat"><img src="http://www.img.dizee.fr/images/logopa.png"/></a></marquee></div>
 
</td>
 
</tr> </table></centrer>
avatar

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil [Placement de case]

Message par K-Surf le Dim 26 Fév 2012 - 9:02

C'est parfait Very Happy pouvez vous m'expliquer ce que vous avez fais?

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d'accueil [Placement de case]

Message par Automne le Dim 26 Fév 2012 - 10:18

Bonjour,

J'ai refait un tableau et placé les éléments. Je me suis fier a votre code seulement pour reprendre l'intérieur des cases. Donc je pense que cela viens de la base de votre tableau . Les tr et td. D'ailleurs en reprenant j'ai vu un oublie de </tr> juste a la fin de - Forum fermé pour le moment</div></td></tr>


Code:
<center><table width="600">
<tr>
<td  width="200"></td>
<td width="200"></td>
<td rowspan="2" width="200"></td>
</tr>
<tr>
<td width="200"></td>
<td width="200"></td>
</tr>
<tr>
<td  width="200"></td>
<td colspan="3" width="600"></td>
</tr>
</table>
</centrer>
avatar

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil [Placement de case]

Message par K-Surf le Dim 26 Fév 2012 - 16:08

Ok je vous dit un gros merci Very Happy

Problème résolu.

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum