From: [EMAIL PROTECTED]
>There is only one more thing, the first paragraphe/sentence stays 'off', see
> http://www.cmamali.org/koutiala.html
Try the following changes to your CSS -
#content {
font-family:arial, verdana, serif;
font-size:12px;
background:url(http://www.cmamali.org/images/pattern.jpg) no-repeat top left;
width:710px;
padding:0;
text-align:left;
margin:0 auto; /* this is a sufficient margin declaration */
/*margin:0;
margin-left:auto;
margin-right: auto;*/ /* these 3 are redundant and not needed */
padding-left: 75px; /* <<<<< add this <<<<<< */
}
table {
font-family:arial,verdana,serif;
font-size:12px;
width:500px;
/*margin-left:75px;*/ /* <<<<< Remove this <<<<< */
padding:1px;
vertical-align:right;
text-align:left;
}
table.spec {
font-family:arial,verdana,serif;
font-size:12px;
width:500px;
/*margin-left:80px !important;
margin-left:75px; */ /* <<<<< Remove these <<<<< */
padding:1px;
vertical-align:right;
text-align:left;
}
So, the idea is to pad the content div to make room for the background image.
Everything else will be moveed over without using any margins.
Also, the vertical-align property does not take the value "right". See -
http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
and when you use a two-or-more word font family, such as Courier New, it must
have quotes around it in your string
font-family: Georgia, "Courier New", serif; /* <<<<< note that the trailing
comma comes _after_ the quote <<<<< */
Scroll down to see paragraph starting "If an unquoted font family name..." -
http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family
I hope that these suggestions help,
~holly
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
