SitePoint Sponsor |
|
User Tag List
Results 1 to 23 of 23
Thread: tables or css positioning?
-
May 12, 2003, 14:17 #1
tables or css positioning?
which is better?
Free Science Homework Help
http://www.physicsforums.com
-
May 12, 2003, 14:25 #2
Personally, i recommend css. it gives you far more control and you can get different effects.
:
:
-
May 12, 2003, 14:34 #3
- Join Date
- Nov 2000
- Location
- Chico, Ca
- Posts
- 1,125
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by mancroft
I agree but it also depends on the audence, and what browsers they use (i.e NN 4.x). Also if the data are from a database then tables work much better."Happiness doesn't find you, you find happiness" -- Unknown
www.chuckknows.com
-
May 12, 2003, 14:55 #4
Any ideas why this doesn't work? Don't pay any attention to what the text says. The positioning just doesn't work and the width doesn't make the text into a box.
Code:<style type="text/css"> .right {position:absolute; left=500px; top=200px; width=200px} .left {position:abosolute; left=30px; top=200px; width=200px} .top {position:absolute; left=200; top=20px; width=200px} </style>
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <LINK href="test.css" rel="stylesheet" type="text/css"> <title>XHTML and CSS test</title> </head> <body> <div class="left"> The heading is placed 100px down from the top of the document, and 100px to the right from the left side of the document. The paragraph is placed 200px down from the top of the document, and 100px to the right from the left side of the document. </div> <div class="right"> The heading is placed 100px down from the top of the document, and 100px to the right from the left side of the document. The paragraph is placed 200px down from the top of the document, and 100px to the right from the left side of the document. </div> <div class="top"> This is the heading </div> </body> </html>
Free Science Homework Help
http://www.physicsforums.com
-
May 12, 2003, 15:16 #5
- Join Date
- Mar 2003
- Location
- Chicago, IL
- Posts
- 75
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
If the first section of code is your external stylesheet, you'll need to take out the <style> tags.
Stephen Taylor
Visual Echo Designs: http://www.vischo.com/
Personal: http://people.msoe.edu/~taylors/
Evolt: http://www.evolt.org/user/shifter/54210/index.html
-
May 12, 2003, 15:20 #6
.top {position:absolute; left=200; top=20px; width=200px} should have left:200px; ie no = and px after the number
check all the other css entries for the same errors.:
:
-
May 12, 2003, 16:49 #7
Your <link> tag should be lowercased in XHTML; actually, all elements and quoted attributes should be lower-cased (well, enumerated sets of attributes with limited values, i.e. input type="text").
Also, chalk up another vote for CSS layout. More flexibility than table-based layouts if you ask me.
Originally Posted by Chuckie
-
May 12, 2003, 16:52 #8
goto http://physicspost.com/temp/index.html
for some reason my left div isn't responding to the 200px top position
also is css positioning alot of trial and error, how can I find out the dimensions I need?Free Science Homework Help
http://www.physicsforums.com
-
May 12, 2003, 17:20 #9
You have a typo. It's "position: absolute;", not "abosolute".
-
May 12, 2003, 17:22 #10
- Join Date
- Apr 2002
- Location
- Salford / Manchester / UK
- Posts
- 4,838
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by vgarcia
Code:<link href="test.css" rel="stylesheet" type="text/css" />
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
WaSP Accessibility Task Force Member
splintered.co.uk | photographia.co.uk | redux.deviantart.com
-
May 12, 2003, 17:24 #11
- Join Date
- Apr 2002
- Location
- Salford / Manchester / UK
- Posts
- 4,838
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by dethfire
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
WaSP Accessibility Task Force Member
splintered.co.uk | photographia.co.uk | redux.deviantart.com
-
May 12, 2003, 17:26 #12
why doesn't xhtml give me an error when I mess up like that? whats the use of xhtml if it doesn't care if I do something wrong?
Free Science Homework Help
http://www.physicsforums.com
-
May 12, 2003, 17:31 #13
Originally Posted by dethfire
-
May 12, 2003, 17:33 #14
Originally Posted by redux
!
-
May 12, 2003, 17:33 #15
- Join Date
- Apr 2002
- Location
- Salford / Manchester / UK
- Posts
- 4,838
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
and if you do mess up your xhtml, many browsers will exhibit weird behaviour...mostly going into quirks mode...
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
WaSP Accessibility Task Force Member
splintered.co.uk | photographia.co.uk | redux.deviantart.com
-
May 12, 2003, 17:34 #16
- Join Date
- Apr 2002
- Location
- Salford / Manchester / UK
- Posts
- 4,838
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by vgarcia
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
WaSP Accessibility Task Force Member
splintered.co.uk | photographia.co.uk | redux.deviantart.com
-
May 12, 2003, 17:43 #17
Originally Posted by redux
).
-
May 12, 2003, 17:45 #18and if you do mess up your xhtml, many browsers will exhibit weird behaviour...mostly going into quirks modeFree Science Homework Help
http://www.physicsforums.com
-
May 12, 2003, 17:53 #19
Originally Posted by dethfire
.
-
May 12, 2003, 18:06 #20It's a web browser, not a mind readerFree Science Homework Help
http://www.physicsforums.com
-
May 12, 2003, 18:39 #21
- Join Date
- Apr 2002
- Location
- Salford / Manchester / UK
- Posts
- 4,838
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
as a sidenote: the browser's job is to do the best it can to interpret and display a page. it would be a sad world if, every time it hit a page of someone trying to do standards-compliant code, and failing miserably, it would come up with a popup dialog saying "the author had no idea what standards are. proceed anyway ? yes | no | whatever".
the burden is on the page authors to test their creations in the appropriate tools. with the easy availability of online validators, and tools such as tidy http://www.w3.org/People/Raggett/tidy/ , it's really not rocket surgery....re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
WaSP Accessibility Task Force Member
splintered.co.uk | photographia.co.uk | redux.deviantart.com
-
May 12, 2003, 18:52 #22it's really not rocket surgery....Free Science Homework Help
http://www.physicsforums.com
-
May 12, 2003, 18:55 #23
- Join Date
- Apr 2002
- Location
- Salford / Manchester / UK
- Posts
- 4,838
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
not really, no...my flames are usually quite recognisable as such
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
WaSP Accessibility Task Force Member
splintered.co.uk | photographia.co.uk | redux.deviantart.com
Bookmarks