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>

Automne
+ Hyperactif +

Messages : 8423
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>

Automne
+ Hyperactif +

Messages : 8423
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