Announcement Announcement Module
Collapse
No announcement yet.
PS -> Dreamweaver Problems Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • ISitude
    Reply to Common font, but what is it? Please help.
    ISitude
    Upstairs inside my head I class fonts in categories. In the Serif category I remember this face because of its pointy serif, and I remember its name mainly because the Ss look like a Boa Constrictor that...
    Today, 05:52 PM
  • ISitude
    Comment on Common font, but what is it? Please help.
    ISitude
    WELCOME!!
    Today, 05:41 PM
  • KitchWitch
    Reply to Dissertation topic
    KitchWitch
    Hi ejl and welcome to GDF.

    We ask all new members to read very important links here and here. These explain the rules, how the forum runs and a few inside jokes. No, you haven't done anything...
    Today, 05:01 PM
  • <b>
    Reply to Common font, but what is it? Please help.
    <b>
    I have a weird mental block when it comes to this typeface. Whenever I see it, I can never remember its name. Maybe it's because there's absolutely nothing about the face that seems even remotely ser...
    Today, 04:02 PM
  • <b>
    Reply to Client hasn't paid and is using my website!!
    <b>
    I haven't heard the client's side of the story, but just taking what you've written at face value, you're dealing with a big-time deadbeat and a thief. Getting this person to voluntarily hand over payment...
    Today, 03:56 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • PS -> Dreamweaver Problems

    Ok, I am making a website and I am still a little new at this. I have read many websites on how to do this, yet I can't figure out what is going wrong. I am trying to slice http://oak.cats.ohiou.edu/~mp256604/website.jpg up. I do it and I what that white part to be where the text goes for news, etc... But I cant figure out how to do this, can any1 help me out with this?

  • #2
    Welcome to GDF, mvpags.

    Could you please re-explain EXACTLY what it is you're having trouble with. From my understanding, you want to just slice the photoshop image up into smaller parts, yes? All you need to do that, is position your grid lines in photoshop, and crop each section accordingly. Otherwise, if you have a recent copy of Photoshop or ImageReady, you could probably break it up into parts using an in-built export feature of some kind (I've not done this myself, but I recall it is possible in ImageReady at least).

    Comment


    • #3
      First of all thanks for the welcome [img]/emoticons/cheers.gif[/img]

      Sorry if I wasnt clear. Ok the middle section with the white...I am tryin to make that a bground image so I can add html on top of that. I do have PS 8 and I am using the slice tool in Imageready. I understand slicing and how it makes everything into tables. But I cant get the middle section to be a Table Row by itself, so when I go and try to make it an image it screws everything up. I dont know if you understand that, but sorry im still new at designing and its hard for me to explain =). I had this tutorial that I was following but the site has been down or I'd link it to you.

      Comment


      • #4
        Any chance you can post a link to your html page!? It sounds like you're just having trouble creating a table cel ... as for making a table row an image, you cannot do that. Images either need to be inserted into table cels, or used as cel backgrounds.

        To make the background of a cel use an image, use this:
        background='your_image.gif'

        Comment


        • #5
          http://oak.cats.ohiou.edu/~mp256604/website.html

          Thats's the website...it just looks like a big picture cause I haven't edited the slices yet, but you can get the html from the source and hopefully tell me what I am doing wrong.

          Comment


          • #6
            Try this:




            <html>
            <head>
            <title>website</title>
            <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
            </head>
            [b]
            <!-- ImageReady Slices (website.jpg) -->
            <table id='Table_01' width='750' height='563' border='0' cellpadding='0' cellspacing='0'>
            <tr>
            <td colspan='3'>
            <img src='images/website_01.jpg' width='750' height='215' alt=''></td>
            </tr>

            <tr>
            <td rowspan='13'>
            <img src='images/website_02.jpg' width='46' height='348' alt=''></td>
            <td>
            <img src='images/website_03.jpg' width='112' height='25' alt=''></td>
            <td width='592' rowspan='13' background='images/website_04.jpg'></td>
            </tr>
            <tr>

            <td>
            <img src='images/website_05.jpg' width='112' height='25' alt=''></td>
            </tr>
            <tr>
            <td>
            <img src='images/website_06.jpg' width='112' height='25' alt=''></td>
            </tr>
            <tr>
            <td>

            <img src='images/website_07.jpg' width='112' height='25' alt=''></td>
            </tr>
            <tr>
            <td>
            <img src='images/website_08.jpg' width='112' height='25' alt=''></td>
            </tr>
            <tr>
            <td>
            <img src='images/website_09.jpg' width='112' height='25' alt=''></td>

            </tr>
            <tr>
            <td>
            <img src='images/website_10.jpg' width='112' height='25' alt=''></td>
            </tr>
            <tr>
            <td>
            <img src='images/website_11.jpg' width='112' height='25' alt=''></td>
            </tr>

            <tr>
            <td>
            <img src='images/website_12.jpg' width='112' height='25' alt=''></td>
            </tr>
            <tr>
            <td>
            <img src='images/website_13.jpg' width='112' height='25' alt=''></td>
            </tr>
            <tr>

            <td>
            <img src='images/website_14.jpg' width='112' height='25' alt=''></td>
            </tr>
            <tr>
            <td>
            <img src='images/website_15.jpg' width='112' height='25' alt=''></td>
            </tr>
            <tr>
            <td>

            <img src='images/website_16.jpg' width='112' height='48' alt=''></td>
            </tr>
            </table>
            <!-- End ImageReady Slices -->
            </body>
            </html>

            Comment


            • #7
              Ok I finally got it to be a background image so I can actually type on it now. But look what happens when I try to have text scrool down, whats the best way to do this? http://oak.cats.ohiou.edu/~mp256604/website2.htm See how it spreads everything out as I type farther down, how do I get it to stay all in that space?

              Post Edited (mvpags) : 2/11/2005 6:56:09 PM GMT

              Comment


              • #8
                I've altered it for you. Let me know if it was what you were after.

                Comment


                • #9
                  Hehe you just replied as I edited my post before yours....
                  mvpags said...
                  Ok I finally got it to be a background image so I can actually type on it now. But look what happens when I try to have text scrool down, whats the best way to do this? http://oak.cats.ohiou.edu/~mp256604/website2.htm See how it spreads everything out as I type farther down, how do I get it to stay all in that space?

                  Comment


                  • #10
                    Your design is fixed. That means, your layout is designed to be at it's default dimensions. As such, if you place more text than you expected in that cel, the table and general design around it, will have to expand and adapt, in order to fit all the text in. You always need to bear this foresight in mind when you decide on any layout design, so you know how to code it. As it is, you could place an iframe, or scrollable div within that cel, so the content within, will have it's own scrollbar. Thus, the main layout (as you had it) will remain in tact.

                    Seeing as you're obviously very new to this, I recommend reading some posts on this site, to get you started with the basics of html, before you go any further. It isn't as hard as you think. If you give yourself just this weekend to go through some basics, you'll find it invaluable.

                    Comment

                    Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc. call (212) 389-2000 or email us
                    Working...
                    X