SitePoint Sponsor |
|
User Tag List
Results 1 to 14 of 14
-
Oct 12, 2001, 08:30 #1
- Join Date
- May 2001
- Location
- Channel Islands Girth: Footlong
- Posts
- 5,882
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Please take your time with this one.
Hey,
I have been using stylesheets for a long time now and I am familiar with most of the techniques but it was only after viewing pages at for e.g www.glish.com have I started to think about simply using CSS for all the page design (i.e. scrapping tables).
However, I have since seen pages that use both tables and CSS for formatting.
My question then, refers to the integration of DIVs (with positioning elements) and tables. In a site I am developing (www.thornworx.com) I am using tables for the layout, but then div layers to show and hide information. However, I am having position problems that relate to the size of the browser window.
I have read many tutorials on the web about this, but all have come up short. I would therefore be very grateful if someone could perhaps view the site and source, and tell me where I am going in terms of positioning the elements and what I need to do in order to fix this, and also increase my understanding of these newish (to me) concepts.
Thanks.I swear to drunk I'm not God.
» Matt's debating is not a crime «
Hint: Don't buy a stupid dwarf ö Clicky
-
Oct 12, 2001, 13:51 #2
- Join Date
- Feb 2001
- Location
- Clearwater, FL
- Posts
- 3,615
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I'm rather new to DIVs and Layers myself, but I believe what you need is relative positioning on your elements. They need to be placed in a position relative to the menu, no matter what size the browser window is.
Scratch that....
I just put your code into dreamweaver and played with it a little bit and found that it is your tables that are moving and not the layers. I think you need to nest your DIVS in a table or go all the way with the layers.
-
Oct 12, 2001, 13:58 #3
- Join Date
- May 2001
- Location
- Channel Islands Girth: Footlong
- Posts
- 5,882
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally posted by moospot
I just put your code into dreamweaver and played with it a little bit and found that it is your tables that are moving and not the layers. I think you need to nest your DIVS in a table or go all the way with the layers.-- I am using absolute positioing for the layers. So I need to know how I go about nesting the table within a <div> or how I position the table absolutely and make the layers relative etc. Like you, I'm new at this, and I am also new to DW (I was recently converted from trusty ol' notepad!).
I swear to drunk I'm not God.
» Matt's debating is not a crime «
Hint: Don't buy a stupid dwarf ö Clicky
-
Oct 12, 2001, 17:44 #4
- Join Date
- Oct 2001
- Posts
- 60
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Do you feel you need the table?
Take a look at this http://www.sturgood.com/mywork/ajj.htm
No tables, but basically the same effect (show/hide info) that you seem to be looking for with your home page. (Not as pretty as yours for sure, but it is still a work in progress)
The divs need to be relative in order to scale with browser window. Resize your browser window with this page and you will see it scales. Also notice that font size is changeable without messing up layout.
This page uses relative divs for positioning, and classes for styling. It also uses percentages to help with the scaling. And this is where some of the problems come in, in that every browser figures the percentages different. Opera being the most noticably different.
I haven't tried it, but think I could reproduce your home page without tables. The method Glish uses does not support NS 4+. (In fact they are rather rude to netscape 4 users) There are problems with all solutions. I havent found a perfect one yet, and have been playing with table-less layouts for the last year or so.
-
Oct 13, 2001, 15:21 #5
- Join Date
- May 2001
- Location
- View Ridge
- Posts
- 692
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Wbmt,
I spent a little time trying to position the layers/divs relatively without much success using both <div> & <span>. Because of the multiple layers following each other in the document structure, using relative positioning displays the layers one after the other either as a block using <div> or inline using <span>.
I'm not too savvy w/ javascript, but if you can change the show/hide script to trigger only one <div> for the mouseover description and one for the descriptive text (<td class="standard">) then you should be able to position the divs using relative positioning.
Hope that makes some sense?
-
Oct 13, 2001, 16:20 #6
- Join Date
- Mar 2001
- Location
- Mexico
- Posts
- 1,287
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Hi guys, I've worked with absolute positioning layer without problems (in both browsers: NN & IE).
-
Oct 13, 2001, 16:37 #7
- Join Date
- May 2001
- Location
- Channel Islands Girth: Footlong
- Posts
- 5,882
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally posted by isotope235
Wbmt,
I spent a little time trying to position the layers/divs relatively without much success using both <div> & <span>. Because of the multiple layers following each other in the document structure, using relative positioning displays the layers one after the other either as a block using <div> or inline using <span>.
I'm not too savvy w/ javascript, but if you can change the show/hide script to trigger only one <div> for the mouseover description and one for the descriptive text (<td class="standard">) then you should be able to position the divs using relative positioning.
Hope that makes some sense?I swear to drunk I'm not God.
» Matt's debating is not a crime «
Hint: Don't buy a stupid dwarf ö Clicky
-
Oct 15, 2001, 06:53 #8
- Join Date
- Feb 2001
- Location
- Clearwater, FL
- Posts
- 3,615
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Weirdbeard,
Have you tried using dreamwearvers "Convert Tables to Layers" function?
-
Oct 15, 2001, 09:45 #9
- Join Date
- May 2001
- Location
- Channel Islands Girth: Footlong
- Posts
- 5,882
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally posted by moospot
Weirdbeard,
Have you tried using dreamwearvers "Convert Tables to Layers" function?I swear to drunk I'm not God.
» Matt's debating is not a crime «
Hint: Don't buy a stupid dwarf ö Clicky
-
Oct 15, 2001, 10:23 #10
- Join Date
- Jul 2001
- Location
- Scotland
- Posts
- 4,836
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
When I used to do some design (yes, at one point I had to) I never really used tables at all, and I got away with it ok. You just have to be careful with NN.
But I would suggest you don't use WYSIWYG programs, the CSS/HTML they generate is terrible!!
-
Oct 15, 2001, 10:35 #11
- Join Date
- May 2001
- Location
- Channel Islands Girth: Footlong
- Posts
- 5,882
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally posted by dhtmlgod
When I used to do some design (yes, at one point I had to) I never really used tables at all, and I got away with it ok. You just have to be careful with NN.
But I would suggest you don't use WYSIWYG programs, the CSS/HTML they generate is terrible!!
I recommend you have a look at it.I swear to drunk I'm not God.
» Matt's debating is not a crime «
Hint: Don't buy a stupid dwarf ö Clicky
-
Oct 15, 2001, 10:39 #12
- Join Date
- Jul 2001
- Location
- Scotland
- Posts
- 4,836
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Have you seen the ASP and Javascript is produces?!
Granted, I haven't used it since 3, but I have seen 4's ASP and it's a nightmare.
-
Oct 15, 2001, 10:47 #13
- Join Date
- May 2001
- Location
- Channel Islands Girth: Footlong
- Posts
- 5,882
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally posted by dhtmlgod
Have you seen the ASP and Javascript is produces?!
Granted, I haven't used it since 3, but I have seen 4's ASP and it's a nightmare.
I use it for creating the HTML template, then Notepad to convert it to PHP. A bit half-cocked but it works for me!I swear to drunk I'm not God.
» Matt's debating is not a crime «
Hint: Don't buy a stupid dwarf ö Clicky
-
Oct 15, 2001, 10:50 #14
- Join Date
- Jul 2001
- Location
- Scotland
- Posts
- 4,836
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Matt, you should give HomeSite a try, its great
It does have a little visual editor with it.
Bookmarks