Hi,
I am trying to design a site template. Its a three column layout site. I am not able to center the things.
Plese help me where i am wrong?
Below is the link to files...
Template Code (<!-- m --><a class="postlink" href="http://www.dpanimationstudios.com/templates.zip">http://www.dpanimationstudios.com/templates.zip</a><!-- m -->)
Thanks.You could try this....
<style type="text/css">
#center { text-align: center; }
#correct_text { text-align: left; }
</style>
then...
<div id="center">
<div id="correct_text">
three column thing here... everything is centered except the text
</div>
</div>
The #center CSS style centers anything within that layer, but this also centers the text as well. So to stop it centering the text, you add #correct_text to left-align the text.
Oh and you can use this code to make the copyright symbol...
©Tried that but still
See Image (<!-- m --><a class="postlink" href="http://i45.photobucket.com/albums/f76/pradeepmamgain/Help%20Pics/1.jpg">http://i45.photobucket.com/albums/f76/p ... Pics/1.jpg</a><!-- m -->)Tried that but still...
See Image (<!-- m --><a class="postlink" href="http://i45.photobucket.com/albums/f76/pradeepmamgain/Help%20Pics/1.jpg">http://i45.photobucket.com/albums/f76/p ... Pics/1.jpg</a><!-- m -->)
main content table is still not centered and also the theree columnsPls helpHey, on google I was able to find a lot on 3 column layouts, like this <!-- m --><a class="postlink" href="http://glish.com/css/7.asp">http://glish.com/css/7.asp</a><!-- m --> . I hope it can help, I'm expecting you can apply what you read from there to your own layout. I'm having problems with positioning myself so I can't be a resource for you but google certainly has a lot of data that could aid you.
Steve
(Google Search (<!-- m --><a class="postlink" href="http://www.google.ca/search?hl=en&safe=off&q=3+column+layouts+using+css&btnG=Search&meta=">http://www.google.ca/search?hl=en&safe= ... arch&meta=</a><!-- m -->))How to Center Elements with CSS (in IE5+/Win and other browsers) (<!-- m --><a class="postlink" href="http://www.dynamicsitesolutions.com/css/center_element/">http://www.dynamicsitesolutions.com/css/center_element/</a><!-- m -->)
I am trying to design a site template. Its a three column layout site. I am not able to center the things.
Plese help me where i am wrong?
Below is the link to files...
Template Code (<!-- m --><a class="postlink" href="http://www.dpanimationstudios.com/templates.zip">http://www.dpanimationstudios.com/templates.zip</a><!-- m -->)
Thanks.You could try this....
<style type="text/css">
#center { text-align: center; }
#correct_text { text-align: left; }
</style>
then...
<div id="center">
<div id="correct_text">
three column thing here... everything is centered except the text
</div>
</div>
The #center CSS style centers anything within that layer, but this also centers the text as well. So to stop it centering the text, you add #correct_text to left-align the text.
Oh and you can use this code to make the copyright symbol...
©Tried that but still
See Image (<!-- m --><a class="postlink" href="http://i45.photobucket.com/albums/f76/pradeepmamgain/Help%20Pics/1.jpg">http://i45.photobucket.com/albums/f76/p ... Pics/1.jpg</a><!-- m -->)Tried that but still...
See Image (<!-- m --><a class="postlink" href="http://i45.photobucket.com/albums/f76/pradeepmamgain/Help%20Pics/1.jpg">http://i45.photobucket.com/albums/f76/p ... Pics/1.jpg</a><!-- m -->)
main content table is still not centered and also the theree columnsPls helpHey, on google I was able to find a lot on 3 column layouts, like this <!-- m --><a class="postlink" href="http://glish.com/css/7.asp">http://glish.com/css/7.asp</a><!-- m --> . I hope it can help, I'm expecting you can apply what you read from there to your own layout. I'm having problems with positioning myself so I can't be a resource for you but google certainly has a lot of data that could aid you.
Steve
(Google Search (<!-- m --><a class="postlink" href="http://www.google.ca/search?hl=en&safe=off&q=3+column+layouts+using+css&btnG=Search&meta=">http://www.google.ca/search?hl=en&safe= ... arch&meta=</a><!-- m -->))How to Center Elements with CSS (in IE5+/Win and other browsers) (<!-- m --><a class="postlink" href="http://www.dynamicsitesolutions.com/css/center_element/">http://www.dynamicsitesolutions.com/css/center_element/</a><!-- m -->)