1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

dreamweaver layuout problem

Discussion in 'HTML & Website Design' started by fi5hbone, Apr 19, 2006.

  1. #1
    [​IMG]

    i would like to do the above in dreamweaver. however not a simple page but a template instead. so the pink parts are fixed and non-editable while the grey parts are editable. anyone knows how to do it?
     
    fi5hbone, Apr 19, 2006 IP
  2. steadymarvin

    steadymarvin Peon

    Messages:
    49
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Highlight the table division in the parts you want to make editable and select insert from the menu bar, then > template objects > Editable region
     
    steadymarvin, Apr 19, 2006 IP
  3. fi5hbone

    fi5hbone Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    the problem is i want the whole grey region to be one whole editable region!

    i can make the layers like that but i want to make the text in the grey region WORDWRAP around the pink regions.
     
    fi5hbone, Apr 19, 2006 IP
  4. steadymarvin

    steadymarvin Peon

    Messages:
    49
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Shooting from the hip here as I don't have time to leap into Dreamweaver and try it out but how about using transparent gifs to make the text flow the way you want it and then putting the pink content into layers?
     
    steadymarvin, Apr 19, 2006 IP
  5. fi5hbone

    fi5hbone Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    here is a much clearer picture i guess of what i want? is this possible?

    [​IMG]

    i am starting to wonder if this is impossible to do or would require some immense level of scripting. anyone can help?
     
    fi5hbone, Apr 19, 2006 IP
  6. fi5hbone

    fi5hbone Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    hey that is a good idea! haha. ill try it out and see how it goes. thanks dude!

    but if anyone knows a more straightforward way of doing so, please let me know! thanks!
     
    fi5hbone, Apr 19, 2006 IP
  7. fi5hbone

    fi5hbone Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    i just tried it out. it almost worked. lol!

    the thing is the gif will be inside the grey editable region. which will not be all right because it will disappear as it exists within an editable region. i need a template which allows me to only edit the grey spaces.
     
    fi5hbone, Apr 19, 2006 IP
  8. Blame Me

    Blame Me Guest

    Messages:
    162
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #8
    From what I can see you could just make it like this:

    2 div boxes one <div id="left"> one <div id="right"> (yellow frame)

    Div left has 3 div boxes:
    <div class="top'>
    <div class="middle">
    <div class="bottom">

    (blue frames are text box which are editable) (black frame contains the image)

    Div right has 3 div boxes:
    <div class="top">
    <div class="bottom_left">
    <div class="bottom_right">

    (black frame contains the image)
    (blue frame for the text which is editable)
    (white frame contains the links)

    Match the background color withe that of the text background and it will look like the flow around the images.

    Hope this helps with what you are after.

    [​IMG]
     
    Blame Me, Apr 19, 2006 IP
  9. fi5hbone

    fi5hbone Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Hi there, thanks for the reply! However, the grey bit is supposed to flow in one continuous page. That is to say the content are supposed to of one single article and it flows through the entire text divs. So basically it's not 3 separate divs but 1 single div where I can paste an entire article.
     
    fi5hbone, Apr 19, 2006 IP
  10. Blame Me

    Blame Me Guest

    Messages:
    162
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #10

    I had a feeling that was what you might of been after.

    Have you thought of floating div boxes for your image boxes and link box along with absolute positioning to tie them to a certain place?

    I'm off to bed and might try my suggestion in the morning.
     
    Blame Me, Apr 19, 2006 IP
  11. steadymarvin

    steadymarvin Peon

    Messages:
    49
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #11
    How about this?

    [​IMG]

    Actually - forget I mentioned it. it doesn't work
     
    steadymarvin, Apr 20, 2006 IP
  12. Blame Me

    Blame Me Guest

    Messages:
    162
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Blame Me, Apr 20, 2006 IP