{INFO CACHÉE
-
OkiCom
Toggle navigation
Wiki Pas à pas
-
PasCherMontres
-
Plaquette
**Accueil1**
Étape 0
Étape 1
Étape 2
Étape 3
Étape 4
Étape 5
Étape 6
Étape 7
Étape 8
Rechercher
×
Se connecter
×
Se connecter
Email ou NomWiki
Mot de passe
Mot de passe perdu ?
Se souvenir de moi
S'inscrire
Aide
Gestion du site
Tableau de bord
Base de données
No-Name
Maho
-
AubergeDeCannedda
Activer JavaScript pour joindre des fichiers.
Joindre / Insérer un fichier
Annuler
Échoué
×
Télécharger le fichier
Texte du lien de téléchargement
Alignement de l'image
Gauche
Centre
Droite
Taille de l'image
Miniature (140x97)
Moyenne (300x209)
Large (780x544)
Taille originale
Texte de la vignette
Paramètres avancés
Lien associé
Effets graphiques
Bord blanc
Ombre portée
Agrandissement au survol
Texte de remplacement
""<!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid black; } </style> </head> <body> <h1>The col element</h1> <table> <colgroup> <col span="1" style="background-color:red"> <col span="0" style="background-color:green"> <col span="1" style="background-color:blue"> <col style="background-color:yellow"> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> <th>tva</th> </tr> <tr> <td>3476896</td> <td><h1>The col element</h1></td> <td>$53</td> </tr> <tr> <td>5869207</td> <td>My first CSS</td> <td>$49</td> </tr> </table> </body> </html>"" ""<!DOCTYPE html> <html> <body> <h1>The textarea rows and cols attributes</h1> <textarea rows="2" cols="100"> At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies. </textarea> <p>This textarea has 4 visible rows.</p> <p>You can change that by changing the value of the "rows" attribute.</p> </body> </html>"" ""<div style="position: absolute; top: 50px; left: 500px; width: 100px; height: 100px; background-color: red; {{attach file="merry.jpg" desc="image merry.jpg (15.1kB)" size="small" class="right"}} text-align: center; line-height: 100px; color: white;"> Texte à l'intérieur du carré </div>"" ""<html> <head> <style> .image-container { width: 300px; height: 200px; border: 1px solid black; overflow: hidden; } .image-container img { width: 50%; height: auto; } </style> </head> <body> <div class="image-container"> "" {{attach file="merry.jpg" desc="image merry.jpg (15.1kB)" size="small" class="left"}}"" <img src="https://ferme.yeswiki.net/wikipasapas/files/PaG31_merry_vignette_97_97_20230211191241_20230211191312.jpg" alt="Image"> </div>https://ferme.yeswiki.net/wikipasapas/files/PaG31_merry_vignette_97_97_20230211191241_20230211191312.jpg </body> </html>"" Dans cet exemple, la classe .image-container définit les dimensions et les bords du rectangle, tandis que la classe .image-container img définit les dimensions de l'image pour s'adapter à l'intérieur du rectangle. La propriété overflow
Sauver
Annuler
Thème
Protection anti-spam active
×
Apparence de la page PaG31
Thème
bootstrap3
margot
yeswiki
Squelette
fixed-1col.tpl.html
fixed-2cols-left.tpl.html
fixed-2cols-right.tpl.html
fixed-3cols.tpl.html
fullscreen-1col.tpl.html
fullscreen-2cols-left.tpl.html
fullscreen-2cols-right.tpl.html
fullscreen-3cols.tpl.html
fullwidth-1col.tpl.html
responsive-1col.tpl.html
responsive-2cols-left.tpl.html
responsive-2cols-right.tpl.html
responsive-3cols.tpl.html
Style
blue.css
gray.css
green.css
red.css
yellow.css
Paramètres avancés
Langue de la page
Català
English
Español, castellano
Français
Nederlands, Vlaams
Português
Choisir une page pour:
le menu horizontal
les raccourcis en haut à droite
l'entête (bandeau)
le pied de page
le menu vertical
Configuration graphique
×