Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problems with Photoshop into Dreamweaver!

    hey there im in need of a little help asap u see, I have built a good band template in photoshop, sliced and converted it into Dreamweaver. I made an effort to leave 2 "boxes" at the bottom of my template for where i want text to go, and now i NEED to know how to add that text over the top of the images i already have.
    BUT for one portion, as there are 2 "boxes" at the bottom, i need some scrolling text to lay in the box. So it scrolls WITHIN the frame, or box? Anyone understand what I'm getting at here?

    I have seen it done as downloading free templates (that have obvoisly been created in Pshop, and done in dreamweaver) will allow me to add text right over the top of the image or section of the site I am editing.

    SO BASICALLY I NEED TO KNOW......

    -How to layer text over a portion of site (thats been sectioned into tables) and NOT HAVE the image dissapear when i try (god thats annoying!).

    AND

    - How to create scrolling text WITHIN a portion of the "box" I am trying to use. (I think its called "i framing" ?)

    I've seen it so many times on websites and they work so well for containing the page and restricting all the scrollin down and down and down the page to get some where.

    Many Thanks If ya Can Help me. I'l respond to any ideas!
    Peace

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Knowledge...

    I assume, since you seem to rely totally on what DW throws at you, that you know rather little about HTML and CSS; until you get at least a basic grasp on these vital subjects, this endeavour is pretty much thundering down a dead-end road.

    Anyway: the most appropriate way to have a background image appear behind the content of an element (be it a table cell; ugh... ) would be to set it as an actual background image on the element using a CSS rule.

    A scrolling block of content with fixed outer dimensions can indeed be implemented using an iframe element.

    If you can provide a peek at the markup ("code") DW has churned out, maybe we can give some more directed assistance.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hmm yeh... CSS i read about it all the time and I never really hav taken time to take a real look at it, what would you suggest is the easiest way of tackling CSS? Is it tricky to learn? I picked up basic HTML quite quickly, and Learned advanced web design in PSHOP very fast.
    Id'e certainly want to add CSS to my reportiore of Design Techniques, so any assistance from you would be much abliged.


    You talk about Iframes, something I hav been looking at for a few weeks now, I see scrolling text frames contained within boxes all the time, thats PRETTY MUCH what im trying to learn overall, it seems so simple yet proves so hard in placing code to do so! Any help with that would be MUCH OBLIGED TOO! lol

    Many Thanks
    Bay Creations.
    Last edited by bay500; 06-01-2005 at 08:58 PM.

  • #4
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    The Dreamweaver HTML script I need to change etc.....

    <HTML>
    <HEAD>
    <TITLE>homehome</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    background-color: #000033;
    }
    -->
    </style></HEAD>
    <BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <!-- ImageReady Slices (homehome.psd) -->
    <div align="center"></div>
    <TABLE WIDTH=700 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 bgcolor="#000000">
    <TR>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_01.gif" WIDTH=124 HEIGHT=328 ALT=""></TD>
    <TD COLSPAN=4>
    <IMG SRC="images/homehome_02.gif" WIDTH=432 HEIGHT=328 ALT=""></TD>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_03.gif" WIDTH=144 HEIGHT=328 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=4>
    <IMG SRC="images/homehome_04.gif" WIDTH=37 HEIGHT=472 ALT=""></TD>
    <TD COLSPAN=6>
    <IMG SRC="images/homehome_05.gif" WIDTH=630 HEIGHT=138 ALT=""></TD>
    <TD ROWSPAN=4>
    <IMG SRC="images/homehome_06.gif" WIDTH=33 HEIGHT=472 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=6>
    <IMG SRC="images/homehome_07.gif" WIDTH=630 HEIGHT=60 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=3>
    <IMG SRC="images/homehome_08.gif" WIDTH=401 HEIGHT=244 ALT=""></TD>
    <TD COLSPAN=3>
    <IMG SRC="images/homehome_09.gif" WIDTH=229 HEIGHT=244 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_10.gif" WIDTH=165 HEIGHT=30 ALT=""></TD>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_11.gif" WIDTH=309 HEIGHT=30 ALT=""></TD>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_12.gif" WIDTH=156 HEIGHT=30 ALT=""></TD>
    </TR>
    <TR>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=37 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=87 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=78 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=236 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=45 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=111 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=33 HEIGHT=1 ALT=""></TD>
    </TR>
    </TABLE>
    <!-- End ImageReady Slices -->
    </BODY>
    </HTML>

    AS YOU CAN SEE ABOVE THIS IS THE FORMAT I HAVE MY SLICED TEMPLATE IN WHEN I PUT IT INTO DREAMWEAVER. Notice Images 8 and 11 as you scroll through, these are the ones I HAVE TO IFRAME, AND ADD SCROLLING TEXT WITHIN EACH "BOX" for the site to work. This way I can keep the sizing and everything and have the site basically function within those two frames, (with links on the right box, 11, and Content sitting in the left box, 8) any way this code will help you? If possible you could highlight a point WITH CHANGES made where I can add the specified details that I want to change.

    Many Thanks Again.
    Bay Creations.

  • #5
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by bay500
    <!-- ImageReady Slices (homehome.psd) -->
    <div align="center"></div>
    <TABLE WIDTH=700 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 bgcolor="#000000">
    <TR>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_01.gif" WIDTH=124 HEIGHT=328 ALT=""></TD>
    <TD COLSPAN=4>
    <IMG SRC="images/homehome_02.gif" WIDTH=432 HEIGHT=328 ALT=""></TD>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_03.gif" WIDTH=144 HEIGHT=328 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=4>
    <IMG SRC="images/homehome_04.gif" WIDTH=37 HEIGHT=472 ALT=""></TD>
    <TD COLSPAN=6>
    <IMG SRC="images/homehome_05.gif" WIDTH=630 HEIGHT=138 ALT=""></TD>
    <TD ROWSPAN=4>
    <IMG SRC="images/homehome_06.gif" WIDTH=33 HEIGHT=472 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=6>
    <IMG SRC="images/homehome_07.gif" WIDTH=630 HEIGHT=60 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=3>
    <IMG SRC="images/homehome_08.gif" WIDTH=401 HEIGHT=244 ALT=""></TD>
    <TD COLSPAN=3>
    <IMG SRC="images/homehome_09.gif" WIDTH=229 HEIGHT=244 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_10.gif" WIDTH=165 HEIGHT=30 ALT=""></TD>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_11.gif" WIDTH=309 HEIGHT=30 ALT=""></TD>
    <TD COLSPAN=2>
    <IMG SRC="images/homehome_12.gif" WIDTH=156 HEIGHT=30 ALT=""></TD>
    </TR>
    <TR>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=37 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=87 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=78 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=236 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=45 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=111 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=33 HEIGHT=1 ALT=""></TD>
    </TR>
    </TABLE>
    <!-- End ImageReady Slices -->
    And that, really is why you shouldn't be using *Imagegreedy* to write your code.
    What a mess, its not suprising you're struggling now.

    Maybe you could post us a screenshot of what you're trying to achieve - I'm sure we could come up with a better solution between us all?

    Gary

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS is a must-have

    want to add CSS to my reportiore of Design Techniques
    CSS is essential for any degree of modern web development; make it your top priority.

    Nice entry-level online tutorials can be found on HTML Dog, and the HTML&CSS Documentation & References sticky at the top of this forum contains a plethora of other online resources, although I personally prefer a good book (dang... gotta compile a reading list one day soon...).
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

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