Rules      FAQ       Register        Login
It is currently May 9th, 2025, 4:28 pm

All times are UTC - 5 hours [ DST ]




Post new topic Reply to topic  [ 4 posts ] 
Author Message
 Post subject: Layout Help
PostPosted: September 18th, 2006, 11:52 pm 
Rider of Rohan
Rider of Rohan
User avatar

Joined: 04 August 2006
Posts: 157

Offline
So, I've been wondering how can you center a layout? I here are some examples of what I mean :)
Bruno's Honeypot
Skyward thoughts
Nightingale
I've done lots of googling, but I can't seem to find anything that give a specific answer. Any help will be greatly appreciated!

_________________
<center>
Memories carry me through the day
of when we were kids
and angels came to watch us play

Image
Image
</center>


Top
 Profile       WWW            
 
 Post subject:
PostPosted: September 19th, 2006, 11:52 am 
Custom Rank
Custom Rank
User avatar

Joined: 09 July 2005
Posts: 9460
Location: in the temple of love

Offline
I usually do it via

<table align="center">
lalala your text
</table>

Not sure about frames and divs though...

_________________
<center>[font=Times New Roman]<img src="http://tinyurl.com/63ongu"><br><br>From sorrow & pain I find my strength ... the more pain I feel, the more I see /// July the 4th 2008, first day of my life...<br><br>I met Eru on September 5th 2006 ♥ (and April 15th 2008!)<br><br>Censorship Causes Blindness</center>[/font]


Top
 Profile       WWW            
 
 Post subject:
PostPosted: September 19th, 2006, 7:22 pm 
Mageling
Mageling
User avatar

Joined: 03 July 2005
Posts: 9846
Location: city that never sleeps

Offline
with divs, I simply align it so that it looks like it's in the center of the screen. I know it's not the proper way to do it, but...

I can't exactly explain how you center a layout. my layout looks like this
http://www.freewebs.com/tohs/
and the way I got it to center is with a repeating background that looks like this
http://www.freewebs.com/tohs/background.jpg

_________________
Image


Top
 Profile       WWW            
 
 Post subject:
PostPosted: September 22nd, 2006, 5:02 pm 
Istari
Istari
User avatar

Joined: 28 June 2005
Posts: 2310
Location: USA

Offline
^You can do it that way, but for users with 800x600 resolution, it'll look really big and there will be annoying little arrows just to go back and forth to see everything. :/

I havn't tried it yet, but this is what I found on a site:

Quote:
Centering with CSS is easy after you know how to do it. The best way to center is to first set the text-align property in your body statement to center. Following that you will need to create a new div statement named content. Add a margin to ‘content’ in your CSS and use the value auto. Remember that everything you want centered on your web page must go inbetween your content div. Your CSS should look similar to this:
Code:
body { text-align: center; }
#content { margin: auto; }

Then, simply implement this into your HTML/XHTML - like so:
Code:
<body>
<div id="content">This content will be centered</div>
</body>

_________________
<center>
<a href="http://raindrops.lemon-drop.net/">Between the Rain Drops</a>
[ + @ # ? : ]


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

All times are UTC - 5 hours [ DST ]




Who is online

Users browsing this forum: No registered users and 11 guests


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

Jump to:  




Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Boyz theme by Zarron Media 2003