HTML Help

IcePicDesigns · Joined: 12 Dec 2005 Posts: 2 Location: Columbus, Ohio

Hello Forum!

I am brand new to this site as I was Google searching for an answer to my question I came across this forum. Many thanks and a golf clap to you all for the info provided here.

Have now spent many hours reading these posts and still have yet to discover the answer to my question. I will try and be as complete as I can in asking it, as to help others like myself in the future.

I know Photoshop 9.0 on Mac very well. I am certified in course study in PSCS2 and Flash 8. I know Dreamweaver Mx 2004...but just upgraded to Dreamweaver 8 so I am not very good at it yet.

I was building websites using the most generic methods and basic programs until I decided to improve the graphic quality and content of my sites(this was easier and faster than flash and more affordable for my customers). Photoshop has always been I feel one of the best tools available graphic wise and now site design. Now that Image Ready is included in the package and I need a better site design method, I feel photoshop is my program of choice. Its time to suck it up and do it!

Ok enough of the fluff on why...

I build my sites in PSCS2. I Dont need image swaps or anything so in order to keep image ready as simple as I can, all I use it for is slicing, optimizing, and saving as HTML format so that I can import or open the file in Dreamweaver8.

Here is were the issues start. I know very little about combining the two programs to make them work together. When I open the HTML doc in DW8 it auto aligns all slices on the left margins. No matter what, the slices will not center align. I find this annoying because the page is located in different positions depending on browser being used. I found through trial and error that setting only the left margin to 45 pixels and leaving the other margins blank gives a more AVERAGE center appearence. So...How can I fix this?

Question two: How can I type my text after the photoshop slices are imported into photoshop? I read somewhere to make the image a back round so that you can type over it. However this only works if you could care less about the placement and accuracy of the text. If I have a box drawn in PS that is 431 pixels tall and 300 wide, I want to type text into that area ONLY. When I try this...I am limited to a very BAD re- arrangement of the slices and a very very small amount of typing area. COMPLETLEY AGGRAVATING

So in summery...margins? and text input after importing of PS slices with out distortion of the page arrangement. I read on this forum abour inserting tables. I think it was 6 tables in the given example but there was no explanation on what must be done with them and how to use them properly.

For example. My buddy built his own site and I can see my own simular issue are present with his (in some places). Brian did his own site using Image Ready slices and PayPal HTML code for the buttons.

I use Safari as my primary browser and it looks fine...however in IE there is what appears to be a very subtle break in the slices...Take a look... www.massmediaonline.org/index56.html

I know that htese may be futile to mosst of you, but after trying to study and restudy something for almost three weeks...Im about to jump out of a window. Any help would be greatly appreciated.

Thanks a bunch guys and gals!!!

Ice

IcePicDesigns · Joined: 12 Dec 2005 Posts: 2 Location: Columbus, Ohio

I guess I need to keep looking then. I know that things like answers are not always immediate, but I feel funny being the only person without a response here...LOL, oh well.

I like standing out I guess. Thanks to all the viewers anyway!

Corey Bryant · Posted: Tue Dec 13, 2005 3:53 am

It might be better if you break down your question into smaller ones. But you wil find some of your answer here: Adjusting the template

nagasree · Joined: 21 Sep 2004 Posts: 82 Location: Hyderabad, India

I am not that conversant with dream viewer but I tried rearranging the table structures. Have a look at this code

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>Alfred Hitchcock Catholic T-Shirt</TITLE>
<META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<STYLE type=text/css>BODY {
MARGIN-LEFT: 40px; BACKGROUND-COLOR: #9c9c6a
}
.style1 {
FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif
}
.style3 {
COLOR: #000066; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif
}
.style4 {
COLOR: #000066
}
</STYLE>

<META content="MSHTML 6.00.2800.1522" name=GENERATOR></HEAD>
<BODY topMargin=0 tracingopacity="100"
tracingsrc="file:///Untitled/Users/johnramirez/Desktop/paypal_logo.gif"
marginheight="0">
<TABLE id=Table_01 height=600 cellSpacing=0 cellPadding=0 width=900 border=0>
<TBODY>
<TR>
<TD width="100%" valign=top>
   <table cellpadding=0 cellspacing=0 border=0 width="100%">
   <tr>
      <td colspan=3><IMG height=87 alt="" src="Alfred Hitchcock Catholic T-Shirt_files/Template1_01.jpg" width=900></td>
   </tr>
   <tr>
      <td valign=top><IMG alt="" src="Alfred Hitchcock Catholic T-Shirt_files/Template1_02.jpg"></td>
      <td valign=top>
         <table cellpadding=0 cellspacing=0 border=0 width="100%">
            <tr>
               <td><IMG height=231 alt="" src="Alfred Hitchcock Catholic T-Shirt_files/HITCHCOCK.jpg" width=785></td>
            </tr>
            <tr>
               <td><IMG height=60 alt="" src="Alfred Hitchcock Catholic T-Shirt_files/Template1_05.jpg" width=785></td>
            </tr>
            <tr>
               <td>
                  <table cellpadding=0 cellspacing=0 border=0 width="100%">
                     <tr>
                        <td valign=top><IMG height=222 alt="" src="Alfred Hitchcock Catholic T-Shirt_files/Template1_06.jpg" width=4></td>
                        <td width="100%" align=center valign=top height=171>
                           <table cellpadding=0 cellspacing=0 border=0 width="100%" height=171>
                              <tr height=171><td width="100%" align=center valign=top >
                                 <FORM action=https://www.paypal.com/cgi-bin/webscr method=post><INPUT
                                    type=hidden value=_xclick name=cmd> <INPUT type=hidden
                                    value=BrianatMassMediaOnline.org name=business> <INPUT type=hidden value=1
                                    name=undefined_quantity> <INPUT type=hidden
                                    value="Alfred Hitchcock Catholic T-Shirt" name=item_name> <INPUT
                                    type=hidden value=#MA515 name=item_number> <INPUT type=hidden value=12.95
                                    name=amount> <INPUT type=hidden value=PayPal name=page_style> <INPUT
                                    type=hidden value=2 name=no_shipping> <INPUT type=hidden
                                    value=http://www.massmediaonline.org/index5.html name=return> <INPUT
                                    type=hidden value=http://www.massmediaonline.org/index5.html
                                    name=cancel_return> <INPUT type=hidden value="Special Shipping Needs?"
                                    name=cn> <INPUT type=hidden value=1 name=no_note> <INPUT type=hidden
                                    value=USD name=currency_code> <INPUT type=hidden value=US name=lc> <INPUT
                                    type=hidden value=PP-BuyNowBF name=bn>
                                    <TABLE height=129>
                                    <TBODY>
                                    <TR>
                                       <TD>
                                       <DIV align=center><SPAN class=style4><INPUT type=hidden
                                       value="Available Sizes" name=on0> <SPAN class=style1>Current
                                       Available Sizes</SPAN></SPAN></DIV></TD>
                                       <TD><SELECT name=os0><OPTION value=Small selected>Small<OPTION
                                          value=Medium>Medium<OPTION value=Large>Large<OPTION
                                          value=X-Large>X-Large<OPTION
                                          value="Bigger Size Please Contact Me">Bigger Size Please Contact
                                          Me</OPTION></SELECT> </TD></TR>
                                    <TR>
                                       <TD>
                                       <DIV align=center><INPUT type=hidden value="What type of order?"
                                       name=on1> <SPAN class=style3>What Type of Order?</SPAN></DIV></TD>
                                       <TD><SELECT name=os1><OPTION value="One Time Purchase"
                                          selected>One Time Purchase<OPTION
                                          value="Maybe Commercial Interest">Maybe Commercial Interest<OPTION
                                          value="A Repeat Customer">A Repeat Customer<OPTION
                                          value="I want to see more!">I want to see more!<OPTION
                                          value="Keep me updated">Keep me updated</OPTION></SELECT>
                                    </TD></TR></TBODY></TABLE><INPUT type=image
                                    alt="Make payments with PayPal - it's fast, free and secure!"
                                    src="Alfred Hitchcock Catholic T-Shirt_files/x-click-but23.gif" border=0
                                    name=submit></FORM>
                              </td></tr>
                              <tr><td valign=top><img alt="" height=51 src="alfred hitchcock catholic t-shirt_files/template1_09.jpg" width=641></td></tr>
                           </table>
                        </td>
                        <td valign=top><IMG height=222 alt="" src="Alfred Hitchcock Catholic T-Shirt_files/Template1_08.jpg" width=140></td>
                     </tr>
                  </table>
               </td>
            </tr>
         </table>
      </td>
      <td valign=top><IMG alt="" src="Alfred Hitchcock Catholic T-Shirt_files/Template1_04.jpg"></td>
   </tr>
   </table>
</TD>
</TR>
</TABLE>
</BODY></HTML>

I have saved the source to my disk and modified. so please do check the image paths

-Nagasree

Corey Bryant · Posted: Wed Dec 14, 2005 11:44 am

Depending on what cell / table you are trying to write in, you might need to even try doing it in your imaging program until you can learn CSS and learn how to repeat backgrounds as necessary

Konigstahl · Joined: 24 Jan 2006 Posts: 6

Yeah... I'm having some trouble with DM8 as well... it doesnt have the copy image and html function under the edit menu like it did in MX 2004..... I mean is there a new way of doing it because good ol' copy and paste isn't working for me.

Specific Scenario:
I am trying to use buttons I made in Fireworks and it wont copy all of the functionality of the buttons from the navbar library file to the desired pages.

I hope this makes sense and someone can help in some way.

Corey Bryant · Posted: Thu Feb 23, 2006 8:33 am

Unfortunately I do not used Dreamweaver at all. (it even took me a few seconds to know what DMX was). You might try a Dreamweaver forum - I can mainly try to help out with HTML in general but not something that it proprietary to Dreamweaver

_________________
Corey
Loud Commerce | Loud Worx | Toll Free Solutions

Konigstahl · Joined: 24 Jan 2006 Posts: 6

Ok.... thanks anyways.... I'll remember to come here for some good ol' HTML and CSS questions..... do you know of any Dreamweaver forums?.... I'll look around.... just wondering.

Corey Bryant · Posted: Thu Feb 23, 2006 1:07 pm

Not any that I know of unfortunately. I help run a Frontpage forum but that is about it

_________________
Corey
Loud Commerce | Loud Worx | Toll Free Solutions

Konigstahl · Joined: 24 Jan 2006 Posts: 6

Oh... okay... thanks again though.... I figured the problem out on my own after a good run through of the commands and found the way to get it to work. Its still good to know where to go for info on html code though..... heh.

vwilliamson · Joined: 11 Nov 2009 Posts: 1

Very nice forum here. I get to understand the difference and learn a lot. I'll b following this thread.

regards,
vanessa
Simulation prêt

leahmarie · Joined: 04 Aug 2009 Posts: 29

I guess, you better check your css codings or html code, maybe some parts of your coding is not applicable to all browsers. And try learning css in aligning you website to fit all browsers.