Sujets similaires

Sujet: Code Iframe Sam 13 Nov 2010, 13:33

Bonjour/bonsoir,

J'avais demandé quelque chose ici http://www.css-actif.com/resolu-f18/code-iframe-modifiable-t7808.htm je l'ai fait, et je cherche à savoir comment je pourrais arrondir les bords s'il vous plait ?

Voici le code, placé dans module > gestion des pages HTML:

Code:: <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">


</style></head>

<body>
<table width="850" border="0" cellspacing="0" cellpadding="0">
<tr>

<td align="center"><div class="footer-sign"><center><a href="http://www.css-actif.com/aide-css-xhtml-f17/code-iframe-modifiable-t7808.htm" target="_blank" class="footer-link">Codes</a><a href="http://www.css-actif.com/aide-css-xhtml-f17/code-iframe-modifiable-t7808.htm" target="_blank" class="footer-link">Love</a><a href="http://www.css-actif.com/aide-css-xhtml-f17/code-iframe-modifiable-t7808.htm" target="_blank" class="footer-link">up</a></center></div></td>
</tr>
<tr>

<td width="600"><img src="http://nsa19.casimages.com/img/2010/11/05/101105124130110293.jpg" width="600" height="500" /></td>
</tr>
<tr>

<td><div class="tesxte">blabla</div></td>
</td>
<tr>

<td align="center"><div class="footer-ssign"><center><a href="http://www.css-actif.com/aide-css-xhtml-f17/code-iframe-modifiable-t7808.htm" target="_blank" class="footer-link">Codes</a><a href="http://www.css-actif.com/aide-css-xhtml-f17/code-iframe-modifiable-t7808.htm" target="_blank" class="footer-link">Love</a><a href="http://www.css-actif.com/aide-css-xhtml-f17/code-iframe-modifiable-t7808.htm" target="_blank" class="footer-link">up</a></center></div></td>
</tr>
</table>
</body>
</html>

</table></body>

Ce qui donne ceci:

Code Iframe Mini_101113063940303889

Sujet: Re: Code Iframe Sam 13 Nov 2010, 13:52

Salut!

Alors sous mozilla, le rendu des arrondis est parfait. Sous chrome, il y a une petite erreur ici :

Code:: .footer-sign { /* Barre au haut de la signature */
background-color: #D2C4AA; /* Couleur du fond */
-moz-border-radius: 10px 10px 0px 0px; /* Arrondissement des bordures */
-webkit-border-radius: -top-right: 10px 10px 0px 0px; /* Arrondissement des bordures */
padding-left: 5px; /* Ajustement */
padding-right: 5px; /* Ajustement */
}

Le webkit-border-radius a eu un petit souci =) Remplace-le ainsi :

Code:: -webkit-border-radius: 10px 10px 0px 0px; /* Arrondissement des bordures */

Ensuite, je vois qu'en bas à droite de ton image, la bordure ne fonctionne pas. J'imagine que ça vient d'une sorte de conflit de taille. Juste après ton body tu as ceci :

Code:: <table width="850" border="0" cellspacing="0" cellpadding="0">

Change la valeur de width par 600. J'espère que ça résoudra ton souci =)

Kiwi

Sujet: Re: Code Iframe Sam 13 Nov 2010, 14:23

Merci pour votre réponse avant tout !

J'obtiens maintenant ceci:

Code Iframe Mini_10111307244827144

Y a-t-il possibilité d'arrondir seulement le coin gauche en haut et droit en bas ? Je ne vois pas comment faire.

Sujet: Re: Code Iframe Sam 13 Nov 2010, 14:34

Dans ton CSS tu as ceci :

Code:: .footer-ssign{ /* Barre au bas de la signature */
background-color: #D2C4AA; /* Couleur du fond */
-moz-border-radius: 0px 0px 10px 10px; /* Arrondissement des bordures */
-webkit-border-radius: 0px 0px 10px 10px; /* Arrondissement des bordures */
border-radius: 0px 0px 10px 10px; /* Arrondissement des bordures */
padding-left: 5px; /* Ajustement */
padding-right: 5px; /* Ajustement */
}

Il te suffit d'enlever les 3 lignes signalées par le commentaire "Arrondissement des bordures"

Kiwi

Sujet: Re: Code Iframe Sam 13 Nov 2010, 15:02

si on enlève les 3 codes, il n'y a pas d'arrondi en bas à droite.... ^^''

Sujet: Re: Code Iframe Sam 13 Nov 2010, 15:29

J'ai mal lu sa question en effet ^^ J'avais lu 'et ~~droit~~ pas en bas'... ^^ Si j'ai bien compris...

Donc pour effacer l'arrondi en haut à droite :

Code:: .footer-sign { /* Barre au haut de la signature */
background-color: #D2C4AA; /* Couleur du fond */
-moz-border-radius: 10px 0px 0px 0px; /* Arrondissement des bordures */
-webkit-border-radius: 10px 0px 0px 0px; /* Arrondissement des bordures */
padding-left: 5px; /* Ajustement */
padding-right: 5px; /* Ajustement */
}

Et effacer celui en bas à gauche :

Code:: .footer-ssign{ /* Barre au bas de la signature */
background-color: #D2C4AA; /* Couleur du fond */
-moz-border-radius: 0px 0px 10px 0px; /* Arrondissement des bordures */
-webkit-border-radius: 0px 0px 10px 0px; /* Arrondissement des bordures */
border-radius: 0px 0px 10px 0; /* Arrondissement des bordures */
padding-left: 5px; /* Ajustement */
padding-right: 5px; /* Ajustement */
}

Cela dit, je viens de remarquer que sur ton image, les bordures droites n'ont pas l'air d’apparaître arrondies, alors que chez moi, lorsque je crée un document HTML, cela fonctionne très bien. Comment est-ce que tu affiches cette page?

Sujet: Re: Code Iframe Sam 13 Nov 2010, 15:39

Je répond à la place de Cat-chan, vu qu'on en discute ensemble de ça et qu'on travaille dessus tous les deux Smile

Qu'entends-tu par "Comment est-ce que tu affiches cette page?"

Sujet: Re: Code Iframe Sam 13 Nov 2010, 16:22

Eh bien, la méthode que vous employez, de sorte que je puisse reproduire ce comportement de mon côté. Par exemple, de mon côté, pour vérifier, j'ai créé un fichier texte sur mon ordinateur auquel j'ai donné l'extension .html et dans lequel j'ai recopié l'intégralité du code.

À moins que vous ayez un lien?

Autrement, vous utilisez quel navigateur?

Sujet: Re: Code Iframe Sam 13 Nov 2010, 16:41

Moi, quand je change mes codes, j'utilise wordpad ou un autre, je sais plus le nom xD

Sinon euh... j'enregistre jamais mes fichiers ou rarement xD Et je n'ai pas de lien...
A vrai dire, pour ce que je fais, j'ai suivis les tutos qu'on a passé à Cat y'a quelques temps pour l'iframe justement...

Bref, la je vais m'arracher les cheveux les codes marchent pas :

http://shinn-test.forum-actif.net/votre-1er-forum-f1/test-fiche-t4.htm#5

{sa va plus vite de te montrer direct {enfin si sa marche o_o *va voir si c'est visible aux invité xD}

Pour moi, je suis sous google chrome et Cat, Mozilla je crois...

Edit : On y est arrivé à force de bidouillage Very Happy

Merci beaucoup d'avoir prit sur ton temps pour nous aider Smile

Sujet: Re: Code Iframe Sam 13 Nov 2010, 17:27

Ha oui, j'étais justement en train de regarder ^^
Bien joué à vous, bonne chance pour la suite.

Sujet: Re: Code Iframe Sam 13 Nov 2010, 17:32

Merci pour votre aide et bravo Shinn-chou =)

Sujet: Re: Code Iframe Dim 14 Nov 2010, 07:10

Ce sujet étant résolu, je le déplace.

Code Iframe

Code Iframe

Sujets similaires

Sujets similaires

Partenaires Or