> Tous les forums > Forum des Webmasters
 Encadrer un code htmlSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
MickyMike
  Posté le 13/10/2009 @ 10:41 
Aller en bas de la page 
Petit astucien

bonjour,

est-il possible d'encadrer un code html ?

quoi que je fasse, j'ai le résultat du code

et non le code lui même

voir l'exemple sur l'image

je voudrais pouvoir encadrer le cod, ou si pas possible, trouver quelque chose qui le fasse ressortir un peu

merci d'avance pour votre aide

Publicité
MickyMike
 Posté le 13/10/2009 à 13:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

re,

j'ai trouvé une solution grâce à Elle avec le lien qu'elle a posté sur un autre sujet

en fouillant un peu le site http://www.php-astux.info/formulaires-html.php

j'ai réussi à trouver :

<fieldset>...</fieldset> : cette balise sert à encadrer un ensemble de champs pour visuellement (ainsi qu'ergonomiquement et sémantiquement) regrouper des objets de même connotation. Exemple : utiliser un fieldset pour les coordonnées personnelles (nom, prénom, adresse), un autre pour les coordonnées bancaires (banque, compte, rib) et un autre pour le choix du produit (quantité, couleur, taille ...). Cette délimitation n'est pas obligatoire mais apporte un plus sur l'aspect ergonomique, simplement parce que lorsqu'on est dans le fieldset des coordonnées, on ne trouvera pas de données relatives au compte bancaire.

bon ce n'est pas exactement ce que je voulais, mais c'est déjà pas mal, vu mon niveau

jdl68160
 Posté le 13/10/2009 à 17:16 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut

Super site Rire et détente, j'ai été faire un tour hier.

@++

elle
 Posté le 13/10/2009 à 17:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Pour encadrer, il suffit d'ajouter une bordure :

border: 1px solid #ff0000 , par exemple.



Modifié par elle le 13/10/2009 17:58
elle
 Posté le 13/10/2009 à 17:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Regarde ici pour les différentes possibilités : http://www.w3schools.com/css/css_border.asp

MickyMike
 Posté le 13/10/2009 à 18:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

bonjour Elle et jdl68160

merci jdl68160

je te remercie Elle pour le lien,

mais le css et moi .... ça fait 2 et encore je suis gentil

je connais plus le html qui est plus simple

je regardé le lien, traduit par google

et j'avoue que je patauge un peu ...

n'ayant jamais travaillé le css

je ne sais où mettre ces codes, et lequel surtout

MickyMike
 Posté le 13/10/2009 à 18:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

j'ai utiliser le "try it yourself"

le hic est que le code html que je met à la place du texte se transforme en bannière et j'aimerais en faite garder le texte html

le but étant que les visiteurs copie ce code pour l'insérer chez eux

elle
 Posté le 13/10/2009 à 18:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Il faut mettre la bordure autour du texte, pas le remplacer.

Donne le bout de code pour ton texte, balises comprises...



Modifié par elle le 13/10/2009 18:42
elle
 Posté le 13/10/2009 à 18:44 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

MickyMike a écrit :

mais le css et moi .... ça fait 2 et encore je suis gentil

je connais plus le html qui est plus simple

Jette un oeil ici : http://maboite.qc.ca/site_web-style.php

L'un va difficilement sans l'autre présentement.

Publicité
MickyMike
 Posté le 13/10/2009 à 18:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Elle,

j'ai bosser la question

j'ai procéder de la même manière que pour

<fieldset>...</fieldset>

j'ai mis tout d'abord le code

pui une fois validé

j'ai supprimé la banière et ajouter à la place le code html

et apparemment maintenant c'est bon

ah oui que je t'explique comment je travaille, je travaille sur un éditeur visuel ou je peux activer le html ce qui me permet de voir immédiatement le résultat

voilà le résultat, qu'en penses-tu ?

http://rire-et-detente.e-monsite.com/rubrique,faire-un-lien,460845.html

je penses par contre changer la couleur

edit : j'ai modifié un peu le texte car en écrivant vite, j'avaias loupé quelques mots



Modifié par MickyMike le 13/10/2009 18:53
MickyMike
 Posté le 13/10/2009 à 18:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

elle a écrit :

Jette un oeil ici : http://maboite.qc.ca/site_web-style.php

L'un va difficilement sans l'autre présentement.

merci pour le lien, je l'ai vu dans ta signature et mis en favori pour le regarder plus tard

voici le code final :

<p style="text-align: center;"><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: center">
<style type="text/css"><!--
p.one { border-style:solid; border-width:5px; } p.two { border-style:solid; border-width:medium; } p.three { border-style:solid; border-width:1px; }
--></style>
<p class="one"><a href="http://rire-et-detente.e-monsite.com/" target="_blank" title="Rire et d&amp;eacute;tente"><img src="http://www.e-monsite.com/s/2009/03/23/rire-et-detente/40635916banniere468x60-animee-gif.gif" alt="Rire et d&amp;eacute;tente" border="0" /></a></p>
</span></span></p>

je souhaiterais changer la couleur noire, mais je ne vois nulle part, où la changer ...

je suppose que dans ce cas là, il faut rajouter un code

peux-tu me dire lequel et où le placer stp ?

ensuite je me débrouille pour le placer etc ...

car c'est en forgeant que l'on devient forgeron

elle
 Posté le 13/10/2009 à 18:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu peux remplacer : border-style:solid; border-width:5px; par border: 5px solid #000000

Pour la couleur, remplace #000000 par celle de ton choix.




Modifié par elle le 13/10/2009 18:58
MickyMike
 Posté le 13/10/2009 à 19:09 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

je te remercie beaucoup Elle pour ton aide,

c'est exactement le résultat que je voulais

la couleur a été modifié également

je la changerais peut-être plus tard aussi

faut que je fasse des essais

merci encore à toi

elle
 Posté le 13/10/2009 à 19:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

De rien!

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
16,48 €Pack de 2 clés USB 3.0 Kingston DataTraveler 100 G3 - 64 Go à 16,48 €
Valable jusqu'au 15 Avril

Amazon fait une promotion sur le pack de 2 clés USB 3.0 Kingston DataTraveler 100 G3 - 64 Go qui passe à 16,48 € au lieu de 25 euros habituellement.


> Voir l'offre
47,99 €SSD Crucial P2 500 Go (3D NAND, NVMe, PCIe, M.2, 2400 Mo/s) à 47,99 €
Valable jusqu'au 15 Avril

Amazon fait une promotion sur le SSD Crucial P2 500 Go (3D NAND, NVMe, PCIe, M.2) qui passe à 47,99 €. On le trouve ailleurs à partir de 70 €. Ce SSD offre des vitesses de lecture/écriture séquentielle allant jusqu’à 2 400/ 1 900 Mo/s. Il est garanti 5 ans. La livraison est gratuite.


> Voir l'offre
52,99 €Manette Microsoft Xbox sans fil + adaptateur pour PC à 52,99 €
Valable jusqu'au 15 Avril

Fnac fait une promotion sur la nouvelle manette Microsoft Xbox sans fil + adapateur pour PC qui passe à 52,99 € livrée gratuitement alors qu'on la trouve ailleurs à partir de 69 €.  Sur Xbox One, la connexion se fera directement sans fil et sur PC, il vous suffira de brancher l'adaptateur bluetooth fourni pour en profiter aussi sans fil. 


> Voir l'offre

Sujets relatifs
code html pour info-bulle
insertion code html
Code html
problemme de changer un code html ...
Code HTML ?? c'est quoi
erreur code validateur html
code html au bon endroit
Vérification du code HTML de mon site
integrer une petite anim flash dans un code html
insérer du code html dans un article blogger
Plus de sujets relatifs à Encadrer un code html
 > Tous les forums > Forum Forum des Webmasters