Tableless Designs
- Started
- Last post
- 32 Responses
- lw-d
Hi people,
As a designer, I have always used Photoshop / ImageReady to mockk up my designs, then I slice them before opening up Dreamweaver and creating the tables to hold the image.
Now, with tableless designs, do we need to hard code the layout, or, is there anyway I can use my favourite programs and still create css based layouts?
Thanks.
- UndoUndo0
there are some css templates available in DW but sooner or later it will be in yr benefit to look at the code.
look at file>new > Page Designs(CSS)
the good news is pure css/xhtml is much easier to look at than tables.
- ********0
DW8 has some good pre-made templates that you could alter.
- ********0
curse you undo.
not only better, but quicker than me also.
- UndoUndo0
curse you undo.
not only better, but quicker than me also.
determinedmoth
(Mar 7 06, 04:52)pffft. not sure about that.
:)
- lw-d0
I have actually got started, I have created a tableless design, the problem is that I create the layout, and then scratch my head at trying to implement the design mockup in ImageReady.
Would I just slice it as before but this time apply it a background div?
Is there a place for ImageReady with tableless designs?
- ********0
Post your design. It'll help make a suggestion.
- ephix0
where is a good place to learn about how to code for tableless sites. I know html like the back of my hand, but need a refresher with using pure css.
- Dancer0
where is a good place to learn about how to code for tableless sites. I know html like the back of my hand, but need a refresher with using pure css.
ephix
(Mar 7 06, 06:31)I started with this:
http://www.amazon.co.uk/exec/obi…Quite basic but it gave me the basics to develop
- rafalski0
determinedmoth, can you make a suggestion to solve my problem as well?
http://newstoday.com/pv-an/view_…
(..in the bottom there)
- jakeyj0
what's the question here?
if you've got the site coded - why not just show what you've got in a browser?
- ********0
what the question again Raf?
- version30
i suggest you learn the basics of how css works, then begin applying those methods learned to your design. it should be a grid system either way right?
- nocomply0
I slice my comps by hand, and then (mostly) code by hand using dreamweaver. I find that slicing each image by hand forces me to examine the layout and determine where each of my divs will go. It makes it easier for me to start coding because I already have an idea of the structure of the page.
DW 8 has a lot of problems rendering CSS in the design view so I pretty much only use internet browsers to preview my work. Anyone else notice these problems with the new dreamweaver?
- MadFlea0
Ummmm...ImageReady will let you publish your slices as CSS div's instead of table cells. Easy as pie. It's in the optimization settings.
- ********0
where is a good place to learn about how to code for tableless sites. I know html like the back of my hand, but need a refresher with using pure css.
ephix
(Mar 7 06, 06:31)start here- CSS Standards
http://www.dezwozhere.com/links.…i personally never used DW in my life as i hand code everything. it helps to read code easier. i dont reconmend this path at all but i do reconmend that you do understand fully what DW is doing for you that you arent.
- dtan0
I agree with epill_. i had a problem of just using dreamweaver and having it finish out my code. once i started handcoding all my css, i picked it up so much faster and can now figure out any problems with the css without shitting myself.
- tkmeister0
i use photoshop/imageready to slice the graphics, then just strip the html and handcode. i keep all the image sizes and stuff in so i don't have to look that up.
when you design, you just have to think about how you gonna build it.
- rafalski0
what the question again Raf?
determinedmoth
(Mar 7 06, 09:14)
--
Sorry, I had a reinstall evening session yesterday.Here it goes:
http://komercja.com/nt/blah.html…Top menu. Text in each element can be either one or two lines and is vertically and horizontally centered.
Ideally, number of menu items would be variable, the layout should adjust - but let's say it's a secondary goal.
So far you suggested percentage widths for this, but tables can do better - the cells spread perfectly adjusting to content widths which gives better results than splitting the menu into even-width items. But as I said, this is a secondary goal, the main task is what seems simplest - just set up the menu with text centered.