Programming Forums
User Name Password Register
 

RSS Feed
FORUM INDEX | TODAY'S POSTS | UNANSWERED THREADS | ADVANCED SEARCH

Reply
 
Thread Tools Display Modes
Old Mar 21st, 2005, 1:50 PM   #1
You Like Java?
Newbie
 
You Like Java?'s Avatar
 
Join Date: Mar 2005
Location: aboho.com (sn:eyvind)
Posts: 20
Rep Power: 0 You Like Java? is on a distinguished road
Send a message via AIM to You Like Java? Send a message via MSN to You Like Java? Send a message via Yahoo to You Like Java?
Making Tables With <div> Tags

How do you make "tables" with <div> tags?
__________________
If you need help with Java, you can go to javaforum.tk and get answers quickly.

Programmer YouLikeJava = new JavaProgrammer("Eyvind");
YouLikeJava.printInfo();
YouLikeJava.setWeb("You Like Java?");
You Like Java? is offline   Reply With Quote
Old Mar 21st, 2005, 3:38 PM   #2
Ooble
I eat cake for breakfast.
 
Ooble's Avatar
 
Join Date: Jul 2004
Location: In my box.
Posts: 4,434
Rep Power: 9 Ooble is on a distinguished road
It depends what you mean. Tables are still best created with table tags, but you can "float" items to the left or right by using the float CSS attribute:
<div style="float: right; margin: 0px 0px 16px 16px; border: 1px #000 solid;">
 	This is on the right.
 </div>
   <p>La de da. Random text to fill stuff up...
  blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-
   blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-
   blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-
   blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-blah-de-
   blah-de-blah-de-blah-de-blah-de-blah.</p>
__________________
Me :: You :: Them

Last edited by Ooble; Mar 21st, 2005 at 3:41 PM.
Ooble is offline   Reply With Quote
Old Mar 21st, 2005, 3:42 PM   #3
Dizzutch
Professional Programmer
 
Dizzutch's Avatar
 
Join Date: Dec 2004
Location: Worcester, MA
Posts: 441
Rep Power: 4 Dizzutch is on a distinguished road
Send a message via ICQ to Dizzutch Send a message via AIM to Dizzutch Send a message via MSN to Dizzutch Send a message via Yahoo to Dizzutch
watch out with the float, it doesn't work quite well in Firefox
__________________
naked pictures of you | PFO F@H stats
Dizzutch is offline   Reply With Quote
Old Mar 21st, 2005, 3:46 PM   #4
Ooble
I eat cake for breakfast.
 
Ooble's Avatar
 
Join Date: Jul 2004
Location: In my box.
Posts: 4,434
Rep Power: 9 Ooble is on a distinguished road
I find it works better in Firefox than in IE. IE has the irritating habit of chopping off the bottom if the main text doesn't reach that far.
__________________
Me :: You :: Them
Ooble is offline   Reply With Quote
Old Mar 21st, 2005, 4:02 PM   #5
Dizzutch
Professional Programmer
 
Dizzutch's Avatar
 
Join Date: Dec 2004
Location: Worcester, MA
Posts: 441
Rep Power: 4 Dizzutch is on a distinguished road
Send a message via ICQ to Dizzutch Send a message via AIM to Dizzutch Send a message via MSN to Dizzutch Send a message via Yahoo to Dizzutch
really?
check http://www.thesloot.com/blog/ it's odd it doesn't quite do what i want, if you have a solution, pease feel free..
__________________
naked pictures of you | PFO F@H stats
Dizzutch is offline   Reply With Quote
Old Mar 21st, 2005, 4:15 PM   #6
Ooble
I eat cake for breakfast.
 
Ooble's Avatar
 
Join Date: Jul 2004
Location: In my box.
Posts: 4,434
Rep Power: 9 Ooble is on a distinguished road
Looks fine to me. That's how it's supposed to work; if you want it different, use a table.
__________________
Me :: You :: Them
Ooble is offline   Reply With Quote
Old Mar 21st, 2005, 9:03 PM   #7
You Like Java?
Newbie
 
You Like Java?'s Avatar
 
Join Date: Mar 2005
Location: aboho.com (sn:eyvind)
Posts: 20
Rep Power: 0 You Like Java? is on a distinguished road
Send a message via AIM to You Like Java? Send a message via MSN to You Like Java? Send a message via Yahoo to You Like Java?
What I meant was, how do I use CSS to create a layout like this, which could have been done with tables but I heard tables are "bad":

1111111111111111111
0000222222222222222
0000222222222222222
0000222222222222222
0000222222222222222
3333333333333333333

(this is actually a very good idea, mapping out you web like that)

and everything centered.
How would I do this with CSS?
__________________
If you need help with Java, you can go to javaforum.tk and get answers quickly.

Programmer YouLikeJava = new JavaProgrammer("Eyvind");
YouLikeJava.printInfo();
YouLikeJava.setWeb("You Like Java?");

Last edited by You Like Java?; Mar 21st, 2005 at 9:07 PM.
You Like Java? is offline   Reply With Quote
Old Mar 21st, 2005, 9:54 PM   #8
You Like Java?
Newbie
 
You Like Java?'s Avatar
 
Join Date: Mar 2005
Location: aboho.com (sn:eyvind)
Posts: 20
Rep Power: 0 You Like Java? is on a distinguished road
Send a message via AIM to You Like Java? Send a message via MSN to You Like Java? Send a message via Yahoo to You Like Java?
haha I got it!

You just use float:left; and float:right;!!! so simple!, that way they move with resizing windows and different screen resolutions and with right text alignment, padding, and margins, it's perfect!

(if anyone wants help with this now, I can help, ask for elaboration and I will show you exactly how I did it.)
__________________
If you need help with Java, you can go to javaforum.tk and get answers quickly.

Programmer YouLikeJava = new JavaProgrammer("Eyvind");
YouLikeJava.printInfo();
YouLikeJava.setWeb("You Like Java?");
You Like Java? is offline   Reply With Quote
Old Mar 22nd, 2005, 12:41 PM   #9
Ooble
I eat cake for breakfast.
 
Ooble's Avatar
 
Join Date: Jul 2004
Location: In my box.
Posts: 4,434
Rep Power: 9 Ooble is on a distinguished road
I would personally use a table, but only in the middle. float's a little dodgy when it comes to tabular formatting.
__________________
Me :: You :: Them
Ooble is offline   Reply With Quote
Reply

Bookmarks

« Previous Thread in Forum | Next Thread in Forum »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump




DaniWeb IT Discussion Community
All times are GMT -5. The time now is 6:04 AM.

Powered by vBulletin® Version 3.7.0, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Copyright ©2007 DaniWeb® LLC