Hello there! I am a new graphic designer along with I normally endeavor to stay on the designing end of websites, but I will be trying to start out learning CSS as you are still need it despite DreamWeaver. I get created a split page with apdivs. For some reason it suddenly went to flush left within the browser and I have tried and experimented with and can’t figure out what I need to do to get that centered again, would you mind a quick look at it and giving me some assistance with what I should do to get it centered I’d personally GREATLY appreciate them!!! Hallmark Automotive Collection
While I didn’t look at this with an excellent toothed comb, I did notice that you seem to have many absolute positioning that doesn’t Really should be there.
An easy wrapper would maintain page nice and also centered, but you’d ought to completely rebuild, or at least reposition your absolute positioning.
Sometimes you simply really have to use it, but for my sanity, I don’t use absolute location unless completely required.
i agree with OrlWebDesign, you dont ought to position everything applying CSS, you can merely align things with the addition of " align" as an example
but it will go towards very left on the page… you can switch the positioning of everything or to put everything in the div tag as well as position it i think….
Thank you much! I am merely learning coding and also am still at the baby step phase. My brain is actually spinning! I determined a work close to and everything can be centered, but WE can’t get our background image based. Would you you should show me easy methods to do that Thanks much for being so nice helpful, you certainly are a life saver!
The page having everything centered except the background (It dropped my border next time i changed the css file):
http: //www. dgstanleygraphics. com/hal… exsctbrdr. html
My css file when using the border but certainly not centered:
charset " UTF-8";
human body
underlay: 0;
coloration: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: JUST ONE. 4;
background-color: #004CA9;
background-image: url(images/bkgls. png);
background-repeat: no-repeat;
text-align: center;
display: block;
margin-top: 0;
margin-right: vehicle;
margin-bottom: 0;
margin-left: vehicle;
. company logo
display: block;
thicker: 648px;
margin-right: vehicle;
margin-left: vehicle;
header
coloration: #FFF;
#apDiv3 div h1. h1
font-family: Arial, Helvetica, sans-serif;
coloration: #FFF;
text-align: center;
display: block;
thicker: 942px;
margin-right: vehicle;
margin-left: vehicle;
. signal
background-image: url(images/sign. png);
background-repeat: no-repeat;
text-align: center;
display: block;
thicker: 864px;
margin-right: vehicle;
margin-left: vehicle;
#apDiv6. heading2 sturdy
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
display: block;
margin-right: vehicle;
margin-left: vehicle;
. regions
font-family: Arial, Helvetica, sans-serif;
text-align: center;
display: block;
thicker: 170px;
margin-right: vehicle;
margin-left: vehicle;
font-size: 20px;
#apDiv9. heading2
font-family: Arial, Helvetica, sans-serif;
#apDiv9. heading2
font-family: Arial, Helvetica, sans-serif;
#apDiv7. heading2 sturdy
font-family: Arial, Helvetica, sans-serif;
#apDiv8. regions
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
display: block;
margin-right: vehicle;
margin-left: vehicle;
p
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
. heading2 sturdy
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
display: block;
margin-right: vehicle;
margin-left: vehicle;
#apDiv7. heading2 sturdy
font-family: Arial, Helvetica, sans-serif;
#apDiv7. heading2 sturdy
font-family: Arial, Helvetica, sans-serif;
This. css centered but no background:
charset " UTF-8";
human body
underlay: 0;
coloration: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: JUST ONE. 4;
background-color: #004CA9;
background-image: url(file: ///Macintosh%20HD/Work/Terry%20Cornelius/hallmarkauto_html/images/bkgls. png);
background-repeat: no-repeat;
text-align: center;
display: block;
margin-top: 0;
margin-right: vehicle;
margin-bottom: 0;
margin-left: vehicle;
. company logo
display: block;
thicker: 648px;
margin-right: vehicle;
margin-left: vehicle;
header
coloration: #FFF;
#apDiv3 div h1. h1
font-family: Arial, Helvetica, sans-serif;
coloration: #FFF;
text-align: center;
display: block;
thicker: 942px;
margin-right: vehicle;
margin-left: vehicle;
. signal
background-image: url(file: ///Macintosh%20HD/Work/Terry%20Cornelius/hallmarkauto_html/images/sign. png);
background-repeat: no-repeat;
text-align: center;
display: block;
thicker: 864px;
margin-right: vehicle;
margin-left: vehicle;
#apDiv6. heading2 sturdy
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
display: block;
margin-right: vehicle;
margin-left: vehicle;
. regions
font-family: Arial, Helvetica, sans-serif;
text-align: center;
display: block;
thicker: 170px;
margin-right: vehicle;
margin-left: vehicle;
font-size: 20px;
#apDiv9. heading2
font-family: Arial, Helvetica, sans-serif;
#apDiv9. heading2
font-family: Arial, Helvetica, sans-serif;
#apDiv7. heading2 sturdy
font-family: Arial, Helvetica, sans-serif;
#apDiv8. regions
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
display: block;
margin-right: vehicle;
margin-left: vehicle;
p
font-family: Arial, Helvetica, sans-serif;
font-size: