Optimisation sur du HTML?

[Invité]

Booooonsoir ,
Voilà , je poste ce suet pour savoir si il était possible de faire une optimisation du un code HTML.. Je suis en la possession d'une fiche de présentation pour mon forum de Jeu De Rôle ; malheureusement sur Chrome les arrondis ne sont pas présents..
J'aimerais donc savoir si il était possible de faire ce que je cherche à faire..
Merci.

[Roxy.]

Bonsoir,

Certains navigateur (comme chrome) ne peuvent "comprendre" certains codes. Donc si les arrondis n'apparaissent pas sois cela viens du navigateur ou alors un problème du code.

[Invité]

Oui ; je sais que Chrome ne prends pas les arrondis ; mais dès fois ils les prends sur des pages d'accueils par exemple ...

[Roxy.]

Est-ce que vous avez essayer sous d'autre navigateur ? Comme mozilla firefox ?

[Invité]

Oui , mais j'aimerais que les utilisateurs utilisant Chrome ne soit aps "gênés" par ce soucis... Sachant que sa fait un drôle de truc pour l'esthétique...

[Scoubifitz]

bonjour ,

avez vous rajouté le webkit pour les arrondis ?

bonus : générateur de coins arrondis

[Invité]

Non , je n'ai rien ajouté du tout.

[Scoubifitz]

lorsque vous essayez le générateur avec chrome ,

voyez vous les arrondis , en changeant les valeurs des coins ?

[Invité]

Je ne comprends pas trop de quoi vous parlez .... Les coins , je ne l'es vois pas sur Chrome ..

[Scoubifitz]

bien ...

on va y allez très lentement ...

cliquez sur ce lien :

http://border-radius.com/

et remplacez "0" (zéro) dans un des coins par "30" (par exemple) et dites moi si vous voyez un changement ...

[Invité]

Oui , je vois un changement ^^

[Scoubifitz]

le texte qui s'affiche est le CSS qu'il faut rajouter au style d'un tableau ...

exemple :

1	2
3	4

Code:

[table style="width:200px;height:200px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;border:1px solid blue;"]
[tr]
[td style="-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;border:1px solid blue;"]1 [/td][td]2 [/td]
[/tr][tr]
[td]3 [/td][td style="-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;border:1px solid blue;"]4 [/td]
[/tr]
[/table]

[Invité]

J'ai fais ceci pour mon code ; j'ai apporté des modifications au "moz-border ":
..

[Scoubifitz]

si vous avez déjà "-moz-border-radius" pour Mozilla Firefox ,

il faudra juste rajouter "-webkit-border-radius" pour chrome et Safari

et "border-radius" pour IE9

mettez le tout sur une seule ligne ...

[Invité]

Je met donc "-moz-border-radius: 10px -webkit-border-radius border-radius" c'est bien sa?

[Scoubifitz]

... si vous ne lisez même pas l'exemple qu'on vous donne , comment voulez comprendre ?

le code complet , avec les rajouts :

Code:

<center><table cellspacing='50' >
<div style="border-bottom: 3px solid Tomato; text-align:center; width: 300px; "><font face="georgia" size=5 >[color=FireBrick]Nom, Prénoms[/color]</FONT></div></center>
<tr><td style=" background: Tomato; -moz-border-radius: 30px; -webkit-border-radius: 30px;border-radius: 30px; width: 210px; height: 330px; "><img src="http://img269.imageshack.us/img269/4794/gossip3.png" style=" margin: 9px; border: 7px solid LightSalmon; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; "></td><td ><font color="#ffffff"><font face="georgia"><div style="font-size: 40px; letter-spacing: -5px; background-color: Tomato; text-shadow: 1px 1px 1px #000 ">Qui est-ce ? </font></font> </div>
• PRÉNOM (S) : ICI.
• NOM : ICI.
• AGE : ICI.
• DATE DE NAISSANCE : ICI.
• STATUT SOCIAL [célibataire , en couple , amoureux ect..] : ICI.
• ETUDE ET/OU EMPLOIS : ICI.
• ORIGINE: ICI.
• GROUPE: ICI.
•  STAR DE AVATAR : ICI.
• CARACTÈRE : <select name="wxlmenu" size=1 style="font-family: georgia; color: LightSalmon; border: double Tomato;-moz-border-radius:8px;-webkit-border-radius: 8px;border-radius: 8px;LightSalmon; font-size: 12; padding:3px;">
<option value>Qualité</option>
<option value>Qualité</option>
<option value>Qualité</option>
<option value>Qualité</option>
<option value>Qualité</option>
<option value>Qualité</option>
<option value>Qualité</option>
</select>
</td></tr></table>


<div style="border-bottom: 3px solid Tomato; text-align:center; width: 300px; "><font face="georgia" size=5 >[color=FireBrick]Histoire.[/color]</FONT></div>

<div  style="background: Tomato; text-align: center; width: 470px ;height: 250px; -moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px; padding: 20px; "><div  style="background: white; width: 420px ; height: 200px; margin: 20px; padding: 10px; overflow: auto; "><blockquote>[list][justify]Merci d'écrire l'histoire de ton personnage dans cette partie,  sachez que ici tous est permis. Que ce soit sous forme de "journal intime" ou encore de "RP" peut importe , mais nous voulons quelques choses dépassant les deux lignes s'il vous plaît , creusez dans votre imagination la plus profonde.[/justify][/list]</blockquote></div></div><center><table cellspacing='10' ><tr><td style=" background:; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; width: 110px;  "><td ><div  style="width: 400px ;  margin: 20px; padding: 10px; overflow: auto; ">
<font color="#ffffff"><font face="georgia"><div style="font-size: 40px; letter-spacing: -5px; background-color: Tomato; text-shadow: 1px 1px 1px #000 ">Derrière l'écran </font></font></div>
Nous aimerions bien savoir qui se cache derrière votre pseudo , que vous soyez une femme , un homme , un martien. Nous voudrons savoir ton prénom ou ton pseudo , mais surtout ton âge ; c'est mieux de savoir quel âge à la personne à qui nous avons à faire vous ne trouvez pas? Si vous avez des passions , passe temps ou autres ne vous gênez pas.</div></td></tr></table></center>[right]F[size=9]iche De Présentation Par Stella Brant De Twi-Art.
Pour le forum [i][url=http://beverlyhills-90210.forumgratuit.org/]Beverly-Hills.[/url][/i]
Toute reproduction interdite[/size][/right]

[Invité]

Merci à vous , je vais comparé les changements avec le code d’origine.