text alignment

Questions and tutorials related to Cascading Style Sheets *all versions*

Moderators: macek, egami, gesf

User avatar
digitalgravy
New php-forum User
New php-forum User
Posts: 32
Joined: Sat Feb 15, 2003 10:00 pm
Location: Los Angeles, CA
Contact:

text alignment

Postby digitalgravy » Wed Jun 18, 2003 11:00 am

Hello,

First, I want to say, thanks for all the help already, I know that this forum is for php, and I'm working on that too.

Well, here is my question:

I am trying to align some text to the browser window.
I want some text on the left, some in the center and some on the right.

I had accomplished this before with tables, but Im trying to move to no tables and 100% css.

I should look like so:
___________________________________________________
| Text A +++++++++++++ Text B ++++++++++++++ Text C|
___________________________________________________

the +'s are to represent blank space.

I am really trying to not use a table.

I have tried span's, and div's, the div's work, except it moves each text group to a new line. I have tried to make the div's inline. Can't get it to work.

Is there a way to specify collumn's in a css box?

Any suggestions would help.

Thanks

User avatar
Joan Garnet
Moderator
Moderator
Posts: 387
Joined: Sat Aug 03, 2002 2:56 am
Location: Mars
Contact:

Postby Joan Garnet » Wed Jun 18, 2003 12:14 pm

I'm afraid that this is not possible.. :?
Just one question, why don't you want to use tables ?

Bye!
;)

User avatar
digitalgravy
New php-forum User
New php-forum User
Posts: 32
Joined: Sat Feb 15, 2003 10:00 pm
Location: Los Angeles, CA
Contact:

Postby digitalgravy » Wed Jun 18, 2003 1:11 pm

I've been reading about speeding up your site, and it says that tables slow down the browser.

User avatar
Joan Garnet
Moderator
Moderator
Posts: 387
Joined: Sat Aug 03, 2002 2:56 am
Location: Mars
Contact:

Postby Joan Garnet » Wed Jun 18, 2003 1:21 pm

Yes, that's true, but you can't really appreciate it...
Even Jakob Nielsen is using tables :D

User avatar
Redcircle
Moderator
Moderator
Posts: 830
Joined: Tue Jan 21, 2003 10:42 pm
Location: Michigan USA
Contact:

Postby Redcircle » Wed Jun 18, 2003 3:23 pm

digitalgravy wrote:I've been reading about speeding up your site, and it says that tables slow down the browser.


There are two types of speed differences. Tollerable and in-tollerable.

Are the tables decreasing your page by a significantly noticable difference. In most cases with simple tables the answer is no.

Noticeable differences will occur when you use a wysiwyg editor that loads 1 image with 4-5 different tables. that's what eats xfer time.

User avatar
digitalgravy
New php-forum User
New php-forum User
Posts: 32
Joined: Sat Feb 15, 2003 10:00 pm
Location: Los Angeles, CA
Contact:

Postby digitalgravy » Wed Jun 18, 2003 4:43 pm

I know that tables don't slow down the load time too much, but I have been looking at sites like http://zeldman.com and I like the idea of controlling everything with css, so that I can easily have more that one layout. It is frustrating though, I might just stick with tables.

Thanks

User avatar
WiZARD
Moderator
Moderator
Posts: 1257
Joined: Thu Jun 20, 2002 10:14 pm
Location: Ukraine, Crimea, Simferopol
Contact:

Postby WiZARD » Thu Jun 19, 2003 1:47 am

digitalgravy wrote:I know that tables don't slow down the load time too much, but I have been looking at sites like http://zeldman.com and I like the idea of controlling everything with css, so that I can easily have more that one layout. It is frustrating though, I might just stick with tables.

Thanks

ghm....
if to you interesting site Jeffrey Zeldman created using XML
by the way yoy may just download and see at this
at youre place i'm using just table

DigitalRice
New php-forum User
New php-forum User
Posts: 29
Joined: Fri Jun 27, 2003 10:05 pm

Postby DigitalRice » Thu Jul 17, 2003 4:37 pm

try this, hope it helps

Code: Select all

<div style="float:left;border:1px solid black; width:150px;text-align:center;">this is left</div>
<div style="float:left;border:1px solid black; width:150px;text-align:center;">this is center</div> 
<div style="float:left;border:1px solid black; width:150px;text-align:center;">this is right</div>

User avatar
swirlee
Moderator
Moderator
Posts: 2272
Joined: Sat Jul 05, 2003 1:18 pm
Location: A bunk in the back
Contact:

Postby swirlee » Thu Jul 17, 2003 7:40 pm

So much confusion, so much misinformation.

  1. Yes, Joan, it is absolutely possible, and I can't imagine where you might've heard otherwise.
  2. While Zeldman.com may have XML behind the scenes (I do not know and don't care to know), WiZARD, the layout is done entirely in CSS and I can report faithfully, Joan, that upon quick inspection of the source on several sections of his site, I found that, as I expected, there wasn't a single HTML table. XML has nothing to do with layout and never has, except for the fact that XHTML is a superset of XML, which is a matter irrelevant to this discussion.


I'm on my way to bed, so I'm not going to go and Google all of the information for those of you who've been misinformed, but I will recommend that you visit the Book of Styles, which I'm essentially just plugging for a friend of mine, but it contains many beautiful CSS-only layouts as well as a number of good links.

digitalgravy, you're absolutely on the right track -- tableless layouts are a beautiful thing and I whole-heartedly cheer you on in your effort. There's nothing wrong with tables, but we don't need them anyway.

Now, am I the only one slightly amused that a poster named DigitalRice (who happened to be apparently the only one anywhere near the mark) replied to a poster named digitalgravy? We'll have an entire digital meal before we know it..

User avatar
Joan Garnet
Moderator
Moderator
Posts: 387
Joined: Sat Aug 03, 2002 2:56 am
Location: Mars
Contact:

Postby Joan Garnet » Thu Jul 17, 2003 11:14 pm

# Yes, Joan, it is absolutely possible, and I can't imagine where you might've heard otherwise.

I'm not here just to help people :D That's a good chance to learn as well. I'm sorry that I say "I'm afraid that this is not possible"
I will use google before answering dumb answers
I will use google before answering dumb answers
I will use google before answering dumb answers
I will use google before answering dumb answers
I will use google before answering dumb answers
I will use google before answering dumb answers
I will use google before answering dumb answers
I will use google before answering dumb answers
I will use google before answering dumb answers
I will use google before answering dumb answers
........

Please, forgive me for being so missinformed
;)

User avatar
digitalgravy
New php-forum User
New php-forum User
Posts: 32
Joined: Sat Feb 15, 2003 10:00 pm
Location: Los Angeles, CA
Contact:

Postby digitalgravy » Fri Jul 18, 2003 7:54 am

swirlee wrote:Now, am I the only one slightly amused that a poster named DigitalRice (who happened to be apparently the only one anywhere near the mark) replied to a poster named digitalgravy? We'll have an entire digital meal before we know it..


LOL


Return to “CSS”

Who is online

Users browsing this forum: No registered users and 5 guests