i'm having a difficult time inserting a scrolling div into a table. i'm a graphic designer and want to use the scrolling div on the portfolio page of my site.
i find that everything i've tried breaks up the table?! can anyone help! i'm starting to lose my marbles.
the scrolling div needs to go into the large white area (to the right of the nav bar).
hello everyone and a sincere thankyou to dtm, ray and esp. coothead for the code you wrote and the warm welcome!
so - i'm hearing that tables are not so cool anymore. ok fine. i'll have to recalibrate my instruments and start fresh...
here's my current challenge. i'm definitely more 'design' oriented than 'code' (but don't hold that against me) - so I've been making my webpage layout in photoshop then slicing in image-ready and then exporting the images and html to a folder which i then use to make my site in Dreamweaver. the problem with this i can now see, is that the html that gets exported is a table.
(i've attached a PDF so you can see my current page layout)
1. i wonder now how i should work? do i continue to 'slice' in image ready - and make notes of the pixel sizes of each individual slice - so that i can create appropriate sized 'containers' in DW. or perhaps there's some setting in PS/Image-Ready I don't know about - that does this for me? any tips and or feed back are greatly appreciated.
2. I've found all the links that explain why i shouldn't be using tables in my layout very interesting (and a bit hard to read / knowing i've got to hit the books again!) - but can anyone recommend some excellent resources (book / or online) that explains how to code (or even better 'design') tableless layouts in dreamweaver CS3?
can anyone recommend some excellent resources (book / or online) that explains how to code (or even better 'design') tableless layouts in dreamweaver CS3?
You just gotta learn HTML and CSS.
w3schools is a great place to start. Look at the top left - Learn HTML and Learn CSS.
That should help a lot.
As far as image slicing goes in photoshop - try to keep it to a minimum. CSS will allow you to set background colors and borders, etc and very often you can find a way around using an image.
And don't use Photoshop's HTML for your page. Do it all hand-coded. I'll assume that you're referring to navigation HTML. Read those tutorials and you'll see how simple it is to do without Photoshop's code.
Being a designer myself. I found switching from image ready and DW to CSS and HTML a bit daunting.
It will take some time to master, but when you do it becomes much faster to build these sites.
I would recommend getting the following:
xamp - easy php / mysql windows server for testing, so you don't have to load files on the web till you work out bugs.
edit plus - great text editor.
The most important tip I can give you is learn XHTML 1.+ and use a valid doctype. This fixes (for most browsers) many of the frustrations you will have getting DIVs to work instead of tables. At first doing it with DIVs seems to take forever and will, to be honest, suck! But once you get it down you be creating mock ups like a pro and much faster than before.
Hello, I am trying to get a table cell that is overflowing to scroll but I am can't find any answer on how to do that with getting into this CSS which I get very lost when it come to CSS. I have been moving all my new web sites to article content manager I like so I do not have to do that much coding or I can pay someone to change little things for me.
Anyway, I am trying to make a scrolling table cell, any ideas how to do this with CSS?
You would have to add a DIV or IFRAME inside the table to do this. TD does not support or allow scrolling. IFRAMES are not a good solution, neither is using tables for layout. But if you want to just get the job done. Pop an IFRAME in it.