Wiki SGY.io - web:css
https://wiki.sgy.io/
2026-05-12T12:14:28+00:00
Wiki SGY.io
https://wiki.sgy.io/
https://wiki.sgy.io/_media/wiki:logo.png
-
text/html
2025-08-16T16:30:11+00:00
Anonymous (anonymous@undisclosed.example.com)
structure_trois_colonnes
https://wiki.sgy.io/web:css:structure_trois_colonnes?rev=1755361811&do=diff
Structure trois colonnes
Le code HTML/CSS suivant permet de créer un item avec trois colonnes.
CSS
#item {
width:300px;
text-align:left;
margin:0 auto;
font-size: 10pt;
}
#item > #wrapper > #leftcol{
width:50px;
float:left;
position:relative;
}
#item > #wrapper > #twocols{
width:250px;
float:right;
position:relative;
}
#item > #wrapper > #twocols > #rightcol{
width:50px;
float:right;
position:relative;
}
#item > #wrapper > #twocols > #maincol{
float: lef…
-
text/html
2025-08-16T16:30:11+00:00
Anonymous (anonymous@undisclosed.example.com)
toc
https://wiki.sgy.io/web:css:toc?rev=1755361811&do=diff
CSS
* Structure trois colonnes
Insérer un CSS
Interne
<head>
<style type="text/css">
body {background-image:url("images/bg.png")}
p {margin-left:10px}
</style>
</head>
Externe
<link rel="stylesheet" type="text/css" href="main.css" />
Inline
<p style="color:blue;margin-left:10px">Bla bla bla.</p>