Welcome visitor
* Login
* Register
It is currently July 20th, 2019, 11:36 am
All times are UTC [ DST ]
* Search
View unanswered posts - View active topics

FORUMS » Client Side » HTML



Post new topic Reply to topic  [ 2 posts ] 
Author Message
  Vertical and Horizontal center
PostPosted: February 23rd, 2010, 5:04 am 

Posts: 27
I know this has been asked tons of times before but I haven't yet found the right answer, do you know how to center, horizontally and vertically, a logo on the screen?

I'm looking for a mehtod that doesn't use tables, thanks.


Top
 Profile  
 
  Re: Vertical and Horizontal center
PostPosted: February 24th, 2010, 9:46 pm 
User avatar

Posts: 48
The other day I saw something like this on the web...
<style type="text/css">
body, html{height: 100%; margin: 0px; pading: 0px}
.class1st{display: table; height: 100%; #position: relative; overflow: hidden; width: 100%}
.class2nd{#position: absolute; #top: 50%;display: table-cell; vertical-align: middle; width: 100%}
.class3rd{#position: relative; #top: -50%; text-align: center; width: 100%}
</style>
<div class="class1st">
<div class="class2nd">
<div class="class3rd">
    <img src="logo.png">
</div>
</div>
</div>
</body>

If you want the link I think I can find it for you...


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ] 

FORUMS » Client Side » HTML


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron