bonjour j'aimerais rajouter une colonne sur la droite à un code css d'un gabarit .
quel un serait me donné une idée svp
quel un serait me donné une idée svp
/* CSS Document by Dieter Schneider 2006 */
* {margin: 0;
padding: 0;
}
html {
height: 100%;
font-size:100.01%;
}
body {
height: 100%;
font-size:1em;
background-image: url(images/body_bg.jpg);
background-repeat: repeat-y;
background-color: #e4d9be;
background-position: center;
font-family: Georgia, "Times New Roman", Times, serif;
}
#container {
width: 900px;
margin: 0px auto;
background-color: #f6eacf;
font-size:.9em;
background-image: url(images/container.jpg);
background-repeat: repeat-y;
}
#header {
height: 113px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}
#content {
margin-right: 0px;
background-color: #d1ba84;
padding: 10px;
}
#footer {
clear: both;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
height: 21px;
font-size: 0.7em;
padding-top: 10px;
padding-left: 20px;
}
#footerNyheter { padding-left:250px;
height: 21px;
font-size:.7em;
clear: both;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 10px;
}
/********************************************* linkbar start **************************************/
#navcontainer ul
{
font-size: small;
background-image: url(images/linkbar_bg.jpg);
height: 37px;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
color: #FFFFFF;
text-decoration: none;
float: left;
margin-left: 20px;
padding-top: 8px;
}
#navcontainer ul li a:hover
{
color: #2a4d73;
background-image: url(images/hover.jpg);
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 10px;
}
/******************************************** linkbar end ***********************************/
/******************************************** linkpanel start************************************/
.navcontainer {
text-decoration: none;
}
.navcontainer ul
{
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
background-color: #D3D582;
}
.navcontainer a
{
display: block;
padding: 4px 0 4px 10px;
width: 158px;
border-bottom: 1px solid #7C7C3C;
background-image: url(images/linkpanel.jpg);
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
}
.navcontainer a:link,
{
color: #000000;
text-decoration: none;
}
.navcontainer a:hover
{
color: #fff;
background-image: url(images/linkpanel_hover.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
}
/************************************************* linkpanel end **********************************/
h1 {
padding-top: 62px;
font-size: 2em;
color: #FFFFFF;
text-align: right;
margin-right: 67px;
font-style: italic;
}
h2 {
background-image: url(images/h2.jpg);
background-repeat: no-repeat;
font-size: 1em;
height: 39px;
padding-top: 20px;
padding-left: 40px;
clear: left;
color: #FBE09D;
}
h3 {
font-size: 1em;
background-color: #785012;
padding-left: 13px;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 2px;
margin-top: 15px;
background-repeat: no-repeat;
height: 18px;
}
p {
margin: 7px;
}
ul.generell {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 30px;
font-size: 0.9em;
color: #CC0000;
list-style-image: url(images/arrow.gif);
}