Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    Sep 2005
    Location
    Sydney
    Posts
    3
    Member #
    11340
    Hey guys...

    well im desgining my own website and have hit a little bit of a brick wall

    what i want to do is (see picture A) have a editable text layer similer to (see picture B). Basically i want it to be editable like i said, locked into that possition etc etc...

    Picture B is a template off a website ive been using for code etc, but what i carnt figure out how they have done there text layers... ive opened the psd for picture B, and the text boxes are in the .PSD, what i carnt figure out is, wen they exported the PSD to html in image ready, how come there text layers dont get flattened into the Jpeg image? is there something i dont no about that someone could point out...

    hope i explained this well.

    thanks in advance,
    Brett


    Picture A






    Picture B









    The HTML coding for Picture B

    <HTML>
    <HEAD>
    <TITLE>My Webpage</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <!-- ImageReady Preload Script (index.psd) -->
    <SCRIPT TYPE="text/javascript">
    <!--

    function newImage(arg) {
    if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
    }
    }

    function changeImages() {
    if (document.images && (preloadFlag == true)) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
    document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    }
    }
    }

    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    home_over = newImage("images/home-over.gif");
    about_me_over = newImage("images/about-me-over.gif");
    hobby_over = newImage("images/hobby-over.gif");
    news_over = newImage("images/news-over.gif");
    contact_over = newImage("images/contact-over.gif");
    preloadFlag = true;
    }
    }

    // -->
    </SCRIPT>
    <!-- End Preload Script -->
    </HEAD>
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <center>
    <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onLOAD="preloadImages();">
    <!-- ImageReady Slices (index.psd) -->
    <TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
    <TD COLSPAN=20>
    <IMG SRC="images/main1.gif" WIDTH=775 HEIGHT=218 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=218 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=8>
    <IMG SRC="images/main2.gif" WIDTH=296 HEIGHT=60 ALT=""></TD>
    <TD COLSPAN=3>
    <A HREF="#"
    onMOUSEOVER="window.status='home'; changeImages('home', 'images/home-over.gif'); return true;"
    onMOUSEOUT="window.status=''; changeImages('home', 'images/home.gif'); return true;">
    <IMG NAME="home" SRC="images/home.gif" WIDTH=79 HEIGHT=60 BORDER=0 ALT="home"></A></TD>
    <TD>
    <A HREF="#"
    onMOUSEOVER="window.status='about me'; changeImages('about_me', 'images/about-me-over.gif'); return true;"
    onMOUSEOUT="window.status=''; changeImages('about_me', 'images/about-me.gif'); return true;">
    <IMG NAME="about_me" SRC="images/about-me.gif" WIDTH=114 HEIGHT=60 BORDER=0 ALT="about me"></A></TD>
    <TD COLSPAN=4>
    <A HREF="#"
    onMOUSEOVER="window.status='hobby'; changeImages('hobby', 'images/hobby-over.gif'); return true;"
    onMOUSEOUT="window.status=''; changeImages('hobby', 'images/hobby.gif'); return true;">
    <IMG NAME="hobby" SRC="images/hobby.gif" WIDTH=90 HEIGHT=60 BORDER=0 ALT="hobby"></A></TD>
    <TD>
    <A HREF="#"
    onMOUSEOVER="window.status='news'; changeImages('news', 'images/news-over.gif'); return true;"
    onMOUSEOUT="window.status=''; changeImages('news', 'images/news.gif'); return true;">
    <IMG NAME="news" SRC="images/news.gif" WIDTH=77 HEIGHT=60 BORDER=0 ALT="news"></A></TD>
    <TD COLSPAN=3>
    <A HREF="#"
    onMOUSEOVER="window.status='contact'; changeImages('contact', 'images/contact-over.gif'); return true;"
    onMOUSEOUT="window.status=''; changeImages('contact', 'images/contact.gif'); return true;">
    <IMG NAME="contact" SRC="images/contact.gif" WIDTH=119 HEIGHT=60 BORDER=0 ALT="contact"></A></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=60 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=11>
    <IMG SRC="images/main3.gif" WIDTH=69 HEIGHT=402 ALT=""></TD>
    <TD COLSPAN=13 ROWSPAN=2>
    <IMG SRC="images/ab1.gif" WIDTH=446 HEIGHT=67 ALT=""></TD>
    <TD COLSPAN=4>
    <IMG SRC="images/news1.gif" WIDTH=173 HEIGHT=54 ALT=""></TD>
    <TD ROWSPAN=9>
    <IMG SRC="images/news3.gif" WIDTH=23 HEIGHT=330 ALT=""></TD>
    <TD ROWSPAN=11>
    <IMG SRC="images/main4.gif" WIDTH=64 HEIGHT=402 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=54 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=8>
    <IMG SRC="images/news2.gif" WIDTH=24 HEIGHT=276 ALT=""></TD>
    <TD COLSPAN=3 ROWSPAN=5 align="right" valign="top">
    <span class="text2">18.08.05</span><br>
    Lorem ipsum erat, sed diam voluptua. At vero eos et accusam et justo duo. <br>
    At vero eos et accusam et justo duo dolores et ea <a href="#" class="b">read more</a><br>
    <br>
    <span class="text2">14.08.05</span><br>
    Lorem ipsum erat, sed diam voluptua. At vero eos et accusam et justo duo. <br>
    At vero eos et accusam et justo duo dolores et ea <a href="#" class="b">read more</a></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=2>
    <IMG SRC="images/ab2.gif" WIDTH=41 HEIGHT=67 ALT=""></TD>
    <TD COLSPAN=11 align="left" valign="top">
    <span class="text1">Erat, sed diam voluptua. At vero eos et accusam</span><br>
    <br>
    Lorem ipsum erat, sed diam voluptua. At vero eos et accusam et justo duo. Erat, sed diam voluptua. Lorem ipsum erat, sed diam voluptua. At vero eos et accusam et justo duo. Erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea <a href="#" class="a">read more</a></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=67 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=8 ROWSPAN=2>
    <IMG SRC="images/gal1.gif" WIDTH=275 HEIGHT=82 ALT=""></TD>
    <TD COLSPAN=5 align="left" valign="top">
    <IMG SRC="images/ab3.gif" WIDTH=171 HEIGHT=19 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=19 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=5 align="left" valign="top">
    <IMG SRC="images/ab4.gif" WIDTH=21 HEIGHT=177 ALT=""></TD>
    <TD COLSPAN=3 ROWSPAN=5 align="left" valign="top">
    <span class="text1">Erat, sed diam voluptua. At vero eos et accusam</span><br>
    <br>
    sed diam voluptua. At vero eos et accusam et justo duo. Erat, sed diam voluptua. Lorem<br>
    <br>
    <color=red>voluptua. At vero eos et accusam et justo duo. Erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea <color><a href="#" class="a">read more</a></TD>
    <TD ROWSPAN=5 align="left" valign="top">
    <IMG SRC="images/ab5.gif" WIDTH=7 HEIGHT=177 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=63 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=2>
    <IMG SRC="images/gal2.gif" WIDTH=38 HEIGHT=90 ALT=""></TD>
    <TD COLSPAN=2 ROWSPAN=2>
    <A HREF="#"
    onMOUSEOVER="window.status='larger view'; return true;"
    onMOUSEOUT="window.status=''; return true;">
    <IMG SRC="images/larger-view.gif" WIDTH=68 HEIGHT=90 BORDER=0 ALT="larger view"></A></TD>
    <TD ROWSPAN=2 align="left" valign="top">
    <IMG SRC="images/gal3.gif" WIDTH=17 HEIGHT=90 ALT=""></TD>
    <TD ROWSPAN=2 align="left" valign="top">
    <A HREF="#"
    onMOUSEOVER="window.status='larger view'; return true;"
    onMOUSEOUT="window.status=''; return true;">
    <IMG SRC="images/larger-view-31.gif" WIDTH=68 HEIGHT=90 BORDER=0 ALT="larger view"></A></TD>
    <TD ROWSPAN=2 align="left" valign="top">
    <IMG SRC="images/gal4.gif" WIDTH=16 HEIGHT=90 ALT=""></TD>
    <TD COLSPAN=2 ROWSPAN=2 align="left" valign="top">
    <A HREF="#"
    onMOUSEOVER="window.status='larger view'; return true;"
    onMOUSEOUT="window.status=''; return true;">
    <IMG SRC="images/larger-view-33.gif" WIDTH=68 HEIGHT=90 BORDER=0 ALT="larger view"></A></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=26 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=2 align="right" valign="top">
    <A HREF="#"
    onMOUSEOVER="window.status='enter my forum'; return true;"
    onMOUSEOUT="window.status=''; return true;">
    <IMG SRC="images/enter-my-forum.gif" WIDTH=149 HEIGHT=68 BORDER=0 ALT="enter my forum"></A></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=64 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=8 ROWSPAN=2>
    <IMG SRC="images/gal4-35.gif" WIDTH=275 HEIGHT=24 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=3>
    <IMG SRC="images/news4.gif" WIDTH=149 HEIGHT=20 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=20 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=18>
    <IMG SRC="images/down.gif" WIDTH=642 HEIGHT=16 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=18 align="center" valign="top" bgcolor="#7A776E" class="text4">
    <a href="#">Home</a> | <a href="#">About</a> | <a href="#">Hobby</a> | <a href="#">Photography</a> | <a href="#">News</a> | <a href="#">Info</a> | <a href="#">Contact</a><br>
    <br>
    <span class="text7">Copyright Your Company Name<br>
    designed by</span> <a href="http://www.templatesbox.com" target="_blank" class="b">Templatesbox</a></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=56 ALT=""></TD>
    </TR>
    <TR>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=69 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=38 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=68 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=16 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=48 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=21 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=114 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=24 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=40 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=77 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=32 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=23 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
    <TD></TD>
    </TR>
    </TABLE>
    <!-- End ImageReady Slices -->
    </BODY>
    </center>
    </HTML>





    PS sorry this is a massive post, only way i thought i could explain it.




    Thanks for any help in advace.

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:28 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com