Optimisation sur du HTML?

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

Résolu Optimisation sur du HTML?

Message par Invité le Sam 3 Sep 2011 - 21:14

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.


Dernière édition par alcantara le Dim 4 Sep 2011 - 18:18, édité 2 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Roxy. le Sam 3 Sep 2011 - 21:27

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.

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Invité le Sam 3 Sep 2011 - 21:29

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Roxy. le Sam 3 Sep 2011 - 21:59

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

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Invité le Sam 3 Sep 2011 - 22:01

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...

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Scoubifitz le Dim 4 Sep 2011 - 15:32

bonjour ,

avez vous rajouté le webkit pour les arrondis ?

bonus : générateur de coins arrondis

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: Optimisation sur du HTML?

Message par Invité le Dim 4 Sep 2011 - 15:38

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Scoubifitz le Dim 4 Sep 2011 - 15:50

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

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

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: Optimisation sur du HTML?

Message par Invité le Dim 4 Sep 2011 - 15:52

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Scoubifitz le Dim 4 Sep 2011 - 16:00

bien ... Interrog

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 ...

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: Optimisation sur du HTML?

Message par Invité le Dim 4 Sep 2011 - 16:01

Oui , je vois un changement ^^

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Scoubifitz le Dim 4 Sep 2011 - 16:09

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]

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: Optimisation sur du HTML?

Message par Invité le Dim 4 Sep 2011 - 16:14

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Scoubifitz le Dim 4 Sep 2011 - 16:28

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 ...

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: Optimisation sur du HTML?

Message par Invité le Dim 4 Sep 2011 - 16:32

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimisation sur du HTML?

Message par Scoubifitz le Dim 4 Sep 2011 - 17:47

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

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]

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: Optimisation sur du HTML?

Message par Invité le Dim 4 Sep 2011 - 18:17

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

Invité
Invité


Invité 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