Jump to content


Photo

newb css question


  • Please log in to reply
3 replies to this topic

#1 newb

newb
  • Members
  • PipPipPip
  • Advanced Member
  • 454 posts

Posted 29 August 2006 - 02:48 AM

how do you start converting ur photoshop layout to css.

#2 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 29 August 2006 - 02:50 AM

Simplistically, by learning CSS.  Avoid absolute and relative positionning like the plague - all they do is make life more complex than needed, and fill up your code with opportunities for the pages to 'break' in other browsers.
Legend has it that reading the manual never killed anyone.
My site

#3 newb

newb
  • Members
  • PipPipPip
  • Advanced Member
  • 454 posts

Posted 29 August 2006 - 02:55 AM

ok avoid absolute and relative positioning, got it. so what kind of posintiong do i use? and what do u mean learn css? that not helping,  ok, u have designed webpage in Illustrator or Photoshop, but how do u make css/xhtml webpage of it? If I use tables it is easy - just slice it in Photohop or Imageready and you get almost finished website. it generates the code and stuf for you.

#4 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 29 August 2006 - 08:27 AM

You need to slice up your layout in photoshop/imageready first. Note when you slice make sure the slices you want are the ones being exported, and not the ones that PS/IR put in automatically when you slice. And only export the images. Dont export the html and the images, as the html/css that PS/I generate is not good. 

To position in CSS without absolute and relative positioning use float and clear. Floats are the best and easiest way to position elements on your webpage. Most CSS layouts are done with floats. You use clear: both to stop elements from going underneath a floated object.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users