Image en haut à gauche d'un tableau.

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

Résolu Image en haut à gauche d'un tableau.

Message par Polices le Lun 15 Avr 2013 - 15:46

Bonjour à vous, j'ai un soucis avec un code. Je voudrais reproduire ce tableau-ci :

Pour les 1 an de mon Forum.
Je voudrai que l'image soit à gauche en haut du tableau (comme sur l'image) et pouvoir ainsi avoir un espace en haut comme sur l'image.
Voici mon code CSS :
Code:
.info {
    border-color: #FFD800;
    color: #555555;
background-color: #FFF6BC;
}
.info {
    border-radius: 11px 11px 11px 11px;
    border-style: solid;
    border-width: 1px;
    margin: 2px auto;
    padding: 5px;
    width: 41%
}

Mon code en BBcode qui se met dans les posts :
Code:
[table class="info"][tr][td]Votre texte[/td][/tr][/table]

L'image à mettre en haut à gauche du tableau :
Code:
http://image.noelshack.com/fichiers/2013/16/1366033956-festif-tableau.png

Merci à vous !


Dernière édition par Polices le Lun 15 Avr 2013 - 17:14, édité 1 fois

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en haut à gauche d'un tableau.

Message par Scipion le Lun 15 Avr 2013 - 16:24

Bonjour

J'ai deux propositions à vous faire :

première variante :

Code:
<table><tr><td><img src="http://image.noelshack.com/fichiers/2013/16/1366033956-festif-tableau.png" border="0" alt=" /></a>"><br><br><br><br><br><br></td><td>Merci d'avoir choisit le forum pour partager votre passion et vos connaissances !! J'espère que le forum sera à la hauteur de vos attentes 
</td></tr></table>
<span style="display: block; text-align: center; font-size: 36px; font-family: Arial; color: #db0000;">Merci {USER&amp;#8288;NAME}</span>
Deuxième variante

Code:
<table><tr><td><img src="http://image.noelshack.com/fichiers/2013/16/1366033956-festif-tableau.png" border="0" alt=" /></a>"<br><br><br><br><br><br><br></td><td> <span style="display: block; text-align: center; font-size: 16px; font-family: Arial; color: #db0000;"><b>10 BDL GRATUITS EN PUB</b><br></span>
Tous les jours tu peux gagner 10 BDL de plus gratuitement depuis cette page en regardant une publicité.
</td></tr></table>
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Image en haut à gauche d'un tableau.

Message par Scoubifitz le Lun 15 Avr 2013 - 17:07

bonjour,

on peut tout mettre dans le CSS ...

remplacez votre code CSS par celui ci :

Code:
.info {
color: #555555;
text-align:center;
background: #FFF6BC url(http://image.noelshack.com/fichiers/2013/16/1366033956-festif-tableau.png)top left no-repeat;
border-radius: 11px;
border:1px solid #FFD800;
margin: 2px auto;
padding:70px 5px 5px 5px;
width: 41%;
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en haut à gauche d'un tableau.

Message par Polices le Lun 15 Avr 2013 - 17:14

Je vous remercie à vous deux !

Merci de l'aide Smile

[résolu]

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices 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