15 appréciations
Hors-ligne
|
Re-bonjour Bisonours,
....pour un autre sujet
et pourtant je connais bien le CSS sur un site que j'ai. Par exemple le début de chacun d'eux.
L'ancien :
*
{
margin: 0;
padding: 0;
}
body
{
background-image : url(https://static.blog4ever.com/2009/04/305296/13-Fond-d----cran.png);
background-repeat :no-repeat;
padding-top : 0px;
font-size : 13pt;
font-family : georgia;
text-align : center;
background-attachment : fixed;
}
#cadre
{
background-repeat : no-repeat;
width : 1000px;
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin : auto;
border : 10px groove #006600;
position : relative;
background-attachment : fixed;
}
#haut
{
background-image : url(https://static.blog4ever.com/2009/04/305296/artfichier_305296_695758_201203295550118.png);
background-repeat : no-repeat;
width : 1000px;
height : 300px;
border-width : 0px;
border-style : solid;
border-color : #FFCC80;
background-attachment : scroll;
}
#haut h1 a
{
color : #000000;
text-decoration : none;
font-size : 120pt;
font-family : georgia;
text-align : center;
}
a
{
}
a:hover
{
text-decoration : none;
}
#barre
{
etc....
Le nouveau :
/**
RESET CSS
**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
table {
table-layout: fixed;
}
td {
vertical-align: middle;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
}
article table {
border-width: 1px;
border-style: solid;
border-collapse: collapse;
}
article table[border="0"], #forum_derniers_sujets table {
border-width: 0;
}
article table th,
article table td {
border-width: 1px;
border-style: solid;
border-color: #CCC;
}
article table[border="0"] th,
article table[border="0"] td,
#forum_derniers_sujets table th, #forum_derniers_sujets table td {
border-width: 0;
}
article table th[style="text-align: center;"] p,
article table td[style="text-align: center;"] p {
text-align: center;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
etc...
Alors celui-là j'ai des soucis. D'où ma question. Si c'est possible de faire le changer, j'aimerais
Bonne soirée
|