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

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 Glorio 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
avatar

Glorio
*****

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

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

Scipion
Membre actif

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

https://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%;
}
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3598
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 Glorio le Lun 15 Avr 2013 - 17:14

Je vous remercie à vous deux !

Merci de l'aide Smile

[résolu]
avatar

Glorio
*****

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

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