SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How can I slice a document without having thounds div?

    When I slice a document in photoshop I get a div for every slice instead I would like to have divs, class, p and other tags that will create a semantic code.

    Thanks.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    I cringe whenever I hear the word 'slice' in relation to web design. It sounds too much like the table days to me, even if it can be adapted to modern web design.

    It's better to think of a web page primarily as HTML. That is, headings, paragraphs, lists, images and links etc. Plain, vanilla HTML. Then you bring in a bit of CSS. Create columns and other sections. Then add color, maybe some nice fonts, background images etc.

    The slice approach, on the other hand, seems an artificial way to transfer print design—a static image—to the web, which is not really very practical. It makes it sound like you are not really adapting to the web.

    What are you actually slicing? What components are you working with?

  3. #3
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am slicing a web design image with an an unordered list on top a side bar and some add to the right. I think I will have to go and use a little bit of my brain. Even though it is hard to integrate a photoshop design using plain vanilla css and html, at least for those who are not that practical like me.

    Thanks though.

    J.

  4. #4
    Mouse catcher silver trophy
    Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,822
    Mentioned
    110 Post(s)
    Tagged
    1 Thread(s)
    If the image is a background image (which it usually is when people talk about slicing), your best bet is to set it as a background image on a parent element (eg a wrapper <div> if nothing else is suitable).

  5. #5
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,233
    Mentioned
    47 Post(s)
    Tagged
    1 Thread(s)
    co.ador did you see deathshadow's rewrite example in your old thread?

    His code and mine are examples of things you would do to avoid slicing.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •