SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jan 2007
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE7 Shifting my Menu, Need help Please!

    Hello All,

    Please be kind to me, this is my first post and thread. I am a complete n00b in regards to web designing/coding. Iíve been conducting searches on this wonderful and informative forum with countless attempts to correct my webpage problem.

    I am designing a website for my business. The only problem thatís been haunting me night and day is the DHTML menu, which I derived from using SoThink. It looks fine when viewing in IE 6 but when viewed in IE7, the menu is shifted about an inch or so towards the right. I honestly have no clue where to look. I used a simple web designing program called WebPageMaker since I have no coding experience at all.

    Any help or suggestion will be greatly appreciated.

    Here is the test link:

    http://www.thedailyblossom.net/Test2/Test2.html

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
    
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    
    
    <style type="text/css">
    .ws6 {font-size: 8px;}
    .ws7 {font-size: 9.3px;}
    .ws8 {font-size: 11px;}
    .ws9 {font-size: 12px;}
    .ws10 {font-size: 13px;}
    .ws11 {font-size: 15px;}
    .ws12 {font-size: 16px;}
    .ws14 {font-size: 19px;}
    .ws16 {font-size: 21px;}
    .ws18 {font-size: 24px;}
    .ws20 {font-size: 27px;}
    .ws22 {font-size: 29px;}
    .ws24 {font-size: 32px;}
    .ws26 {font-size: 35px;}
    .ws28 {font-size: 37px;}
    .ws36 {font-size: 48px;}
    .ws48 {font-size: 64px;}
    .ws72 {font-size: 96px;}
    .wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;text-decoration: none;}
    </style>
    
    <style type="text/css">
    div#container
    {
    	position:relative;
    	width: 820px;
    	margin-top: 0px;
    	margin-left: auto;
    	margin-right: auto;
    	text-align:left; 
    }
    body {text-align:center;margin:0}
    </style>
    <script type="text/javascript" language="JavaScript1.2" src="stmenu.js"></script>
    </head>
    
    
    <body background="images/b.bmp">
    
    <div id="container">
    <div id="roundrect1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:820px; height:854px; z-index:0"><img border=0 src="images/roundrect97316218.gif"></div>
    
    <div id="image1" style="position:absolute; overflow:hidden; left:11px; top:10px; width:300px; height:133px; z-index:2"><img src="images/TDB.bmp" border=0 width=300 height=133></div>
    
    <div id="text1" style="position:absolute; overflow:hidden; left:12px; top:135px; width:213px; height:27px; z-index:3">
    <div class="wpmd">
    <div><B>Floral Design Studio and Events</B></div>
    </div>
    </div>
    
    <div id="text2" style="position:absolute; overflow:hidden; left:216px; top:123px; width:100px; height:19px; z-index:4">
    <div class="wpmd">
    <div><B>(626) 943-7766</B></div>
    </div>
    </div>
    
    <div id="shape1" style="position:absolute; overflow:hidden; left:12px; top:159px; width:788px; height:29px; z-index:14; background-color:#C0C0C0">&nbsp;</div>
    
    <div id="shape2" style="position:absolute; overflow:hidden; left:12px; top:10px; width:789px; height:828px; z-index:1; background-color:#FFFFFF">&nbsp;</div>
    
    <div id="image2" style="position:absolute; overflow:hidden; left:418px; top:200px; width:354px; height:530px; z-index:5; border:#C0C0C0 1px solid"><img src="images/_MG_1715.jpg" border=0 width=352 height=528></div>
    
    <div id="shape3" style="position:absolute; overflow:hidden; left:12px; top:755px; width:788px; height:29px; z-index:6; background-color:#C0C0C0">&nbsp;</div>
    
    <div id="text3" style="position:absolute; overflow:hidden; left:16px; top:761px; width:454px; height:24px; z-index:7">
    <div class="wpmd">
    <div><font class="ws8"><B>Make Someone's Day Awesome! Call Now To Order (626) 943-7766</B></font></div>
    </div>
    </div>
    
    <div id="text4" style="position:absolute; overflow:hidden; left:613px; top:760px; width:187px; height:25px; z-index:8">
    <div class="wpmd">
    <div><B><I>The Daily Blossom Florist</I></B><font face="Symbol"><B><I>„</I></B></font></div>
    </div>
    </div>
    
    <div id="marquee1" style="position:absolute; overflow:hidden; left:334px; top:16px; width:458px; height:24px; z-index:17">
    <marquee width="458" height="24" scrolldelay="60">
    <div class="wpmd">
    <div><font class="ws12" color="#FF0000" face="Comic Sans MS"><B>Let The Daily Blossom Make Someone's Day AWESOME!</B></font></div>
    </div>
    </marquee>
    </div>
    
    <div id="image3" style="position:absolute; overflow:hidden; left:12px; top:200px; width:169px; height:238px; z-index:9; border:#C0C0C0 1px solid"><img src="images/_MG_0877.jpg" border=0 width=167 height=236></div>
    
    <div id="image4" style="position:absolute; overflow:hidden; left:12px; top:475px; width:170px; height:240px; z-index:10; border:#C0C0C0 1px solid; background-color:#C0C0C0"><img src="images/_MG_1171.jpg" border=0 width=168 height=238></div>
    
    <div id="image5" style="position:absolute; overflow:hidden; left:201px; top:200px; width:169px; height:236px; z-index:11; border:#C0C0C0 1px solid"><img src="images/_MG_1822.jpg" border=0 width=167 height=234></div>
    
    <div id="image6" style="position:absolute; overflow:hidden; left:200px; top:475px; width:170px; height:238px; z-index:12; border:#C0C0C0 1px solid"><img src="images/_MG_1826.jpg" border=0 width=168 height=236></div>
    
    <div id="image7" style="position:absolute; overflow:hidden; left:477px; top:110px; width:74px; height:37px; z-index:13"><img src="images/5stars.bmp" border=0 width=74 height=37></div>
    
    <div id="image8" style="position:absolute; overflow:hidden; left:552px; top:103px; width:80px; height:56px; z-index:18"><img src="images/Yahoo.jpg" border=0 width=80 height=56></div>
    
    <div id="text5" style="position:absolute; overflow:hidden; left:519px; top:100px; width:147px; height:29px; z-index:19">
    <div class="wpmd">
    <div><B>5 Stars Rating by</B></div>
    </div>
    </div>
    
    <div id="text6" style="position:absolute; overflow:hidden; left:12px; top:783px; width:789px; height:60px; z-index:15">
    <div class="wpmd">
    <div><font color="#000000"><B>The Daily Blossom is in service to make every surprise AWESOME!&nbsp; Each arrangement is created uniquely using the freshest flowers available and hand-crafted to perfection with great attention to detail. All arrangements are made on the date of delivery to ensure that the flowers arrive at location in its freshest state and in the most premium condition. </B></font></div>
    </div>
    </div>
    
    <div id="image9" style="position:absolute; overflow:hidden; left:606px; top:24px; width:202px; height:135px; z-index:16"><img src="images/_MG_2227.jpg" border=0 width=202 height=135></div>
    
    <div id="roundrect2" style="position:absolute; overflow:hidden; left:15px; top:432px; width:160px; height:40px; z-index:20"><img border=0 src="images/roundrect6739359.gif"></div>
    
    <div id="roundrect3" style="position:absolute; overflow:hidden; left:204px; top:432px; width:160px; height:40px; z-index:21"><img border=0 src="images/roundrect6831578.gif"></div>
    
    <div id="roundrect4" style="position:absolute; overflow:hidden; left:15px; top:709px; width:160px; height:40px; z-index:22"><img border=0 src="images/roundrect6848468.gif"></div>
    
    <div id="roundrect5" style="position:absolute; overflow:hidden; left:206px; top:709px; width:160px; height:40px; z-index:23"><img border=0 src="images/roundrect6868062.gif"></div>
    
    <div id="text7" style="position:absolute; overflow:hidden; left:42px; top:438px; width:118px; height:25px; z-index:24">
    <div class="wpmd">
    <div><font class="ws16" color="#000000" face="Jester">Daisy Pup</font></div>
    </div>
    </div>
    
    <div id="text8" style="position:absolute; overflow:hidden; left:112px; top:203px; width:67px; height:25px; z-index:25">
    <div class="wpmd">
    <div><font class="ws16" color="#FF0000"><B>$39.99</B></font></div>
    </div>
    </div>
    
    <div id="text9" style="position:absolute; overflow:hidden; left:233px; top:436px; width:118px; height:25px; z-index:26">
    <div class="wpmd">
    <div><font class="ws16" color="#000000" face="Jester">Tiger Style</font></div>
    </div>
    </div>
    
    <div id="text10" style="position:absolute; overflow:hidden; left:16px; top:717px; width:160px; height:25px; z-index:27">
    <div class="wpmd">
    <div><font class="ws14" color="#000000" face="Jester">Princess Lavenders</font></div>
    </div>
    </div>
    
    <div id="text11" style="position:absolute; overflow:hidden; left:224px; top:716px; width:133px; height:25px; z-index:28">
    <div class="wpmd">
    <div><font class="ws14" color="#000000" face="Jester">Elegant Combo</font></div>
    </div>
    </div>
    
    <div id="text12" style="position:absolute; overflow:hidden; left:302px; top:201px; width:67px; height:25px; z-index:29">
    <div class="wpmd">
    <div><font class="ws16" color="#FF0000"><B>$45.99</B></font></div>
    </div>
    </div>
    
    <div id="text13" style="position:absolute; overflow:hidden; left:114px; top:476px; width:67px; height:25px; z-index:30">
    <div class="wpmd">
    <div><font class="ws16" color="#FF0000"><B>$79.99</B></font></div>
    </div>
    </div>
    
    <div id="text14" style="position:absolute; overflow:hidden; left:305px; top:476px; width:67px; height:25px; z-index:31">
    <div class="wpmd">
    <div><font class="ws16" color="#FF0000"><B>$42.99</B></font></div>
    </div>
    </div>
    
    <div id="roundrect6" style="position:absolute; overflow:hidden; left:425px; top:693px; width:343px; height:59px; z-index:32"><img border=0 src="images/roundrect8359890.gif"></div>
    <script type="text/javascript" language="JavaScript1.2">
    <!--
    stm_bm(["menu2420",660,"","blank.gif",1,"120","162",1,0,0,0,50,1,1,0,"","100%",0,0,1,1,"default","hand",""],this);
    stm_bp("p0",[0,4,0,0,0,3,0,7,100,"",-2,"",-2,90,0,0,"#006699","transparent","",3,0,0,"#FFFFFF"]);
    stm_ai("p0i0",[1,"Home","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,1,1,"#FF0000",1,"#FF0000",1,"xp1.gif","xp1.gif",3,3,1,1,"#FFFFFF #999999 #FFFFFF #FFFFFF","#FFFFFF","#333333","#666666","bold 8pt Arial","bold 8pt Arial",0,0],44,0);
    stm_aix("p0i1","p0i0",[1,"Arrangements","","",-1,-1,0,"","_self","","","","",0,0,0,"arrow_r.gif","arrow_r.gif",7,7,0,0,1,"#FFFFFF",1,"#FFFFFF",1,"xp1.gif","xp2.gif"],50,0);
    stm_bp("p1",[1,4,0,0,0,3,0,7,100,"progid:DXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.40)",-2,"progid:DXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.40)",-2,70,0,0,"#7F7F7F","transparent","",3,0,0,"#000000"]);
    stm_aix("p1i0","p0i0",[1,"Animal Love","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#FFFFFF",1,"#FFFFFF",1,"xp1.gif","xp2.gif",3,3,0,0,"#FFFFFF","#FFFFFF","#333333","#666666","8pt Arial","8pt Arial"],130,0);
    stm_aix("p1i1","p1i0",[1,"Baskets"],130,0);
    stm_aix("p1i2","p1i0",[1,"Carnations"],130,0);
    stm_aix("p1i3","p1i0",[1,"Gerberas"],130,0);
    stm_aix("p1i4","p1i0",[1,"Irises"],130,0);
    stm_aix("p1i5","p1i0",[1,"Lilies"],130,0);
    stm_aix("p1i6","p1i0",[1,"Mixed Bouquets"],130,0);
    stm_aix("p1i7","p1i0",[1,"Orchids"],130,0);
    stm_aix("p1i8","p1i0",[1,"Roses"],130,0);
    stm_aix("p1i9","p1i0",[1,"     Signature Collections","","",-1,-1,0,"","_self","","","","",0,0,0,"arrow_r.gif","arrow_r.gif",7,7,0,1,1,"#FFFFFF",1,"#FFFFFF",1,"xp1.gif","xp2.gif",3,3,0,0,"#FFFFFF","#FFFFFF","#333333","#666666","bold 8pt Arial"],130,0);
    stm_bpx("p2","p1",[1,2,0,0,0,3,0,0,100,"progid:DXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.70)",-2,"progid:DXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.70)",-2,40]);
    stm_aix("p2i0","p1i0",[1,"Happy Smiles"],130,0);
    stm_aix("p2i1","p1i0",[1,"Peaches Collections"],130,0);
    stm_aix("p2i2","p1i0",[1,"         Pretty Tea Time Collections"],130,0);
    stm_aix("p2i3","p1i0",[1,"Princess Collections"],130,0);
    stm_aix("p2i4","p1i0",[1,"Sports Collections"],130,0);
    stm_ep();
    stm_aix("p1i10","p1i0",[1,"Sunflowers"],130,0);
    stm_aix("p1i11","p1i0",[1,"Tropical"],130,0);
    stm_aix("p1i12","p1i0",[1,"Tulips"],130,0);
    stm_ep();
    stm_aix("p0i2","p0i0",[1,"Events & Special Occasions","","",-1,-1,0,"","_self","","","","",0,0,0,"arrow_r.gif","arrow_r.gif",7,7,0,1,1,"#FFFFFF",1,"#FFFFFF",1,"xp1.gif","xp2.gif",3,3,0,0,"#FFFFFF"]);
    stm_bpx("p3","p1",[1,4,0,0,0,3,0,0]);
    stm_aix("p3i0","p1i0",[1,"Center Pieces"],130,0);
    stm_aix("p3i1","p1i0",[1,"Corporate Events"],130,0);
    stm_aix("p3i2","p1i0",[1,"      Corsages & Boutonnieres"],130,0);
    stm_aix("p3i3","p1i0",[1,"Funerals"],130,0);
    stm_aix("p3i4","p1i0",[1,"Grand Openings"],130,0);
    stm_aix("p3i5","p1i0",[1,"     Valentine\'s Day Specials"],130,0);
    stm_aix("p3i6","p1i0",[1,"Weddings"],130,0);
    stm_ep();
    stm_aix("p0i3","p0i1",[1,"Services","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,1],80,0);
    stm_aix("p0i4","p0i3",[1,"Promotions"],97,0);
    stm_aix("p0i5","p0i3",[1,"About Us"],86,0);
    stm_aix("p0i6","p0i3",[1,"Contact Us"],91,0);
    stm_aix("p0i7","p0i2",[1,"Testimonies","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0],80,0);
    stm_ep();
    stm_em();
    //-->
    </script>
    
    
    
    </div>
    </body>
    </html>

  2. #2
    SitePoint Wizard
    Join Date
    Mar 2001
    Posts
    3,537
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I honestly have no clue where to look. I used a simple web designing program called WebPageMaker since I have no coding experience at all.
    Hi,

    Most people won't look at code that is produced by web design programs because it is too hard to read.

    In addition, this forum is for helping people who are learning javascript. If you are using a web design program, you aren't learning javascript, you are merely learning how to use a program.

    So, at this point, what you are essentially looking for is free web programming services. I would suggest you get a beginning javascript book or read some online tutorials and start with some very easy things like "rollovers". As you learn more, you can write and understand more complex scripts, and of course if you have any specific questions, there are many people who will help you.

    I can offer this advice: if the javascript works, but your page isn't displaying quite correctly, then that sounds like a css problem, which means your question would be more appropriate for the css forum. There are some really sharp people on the sitepoint css forum, so they would have a good handle on the display issues between IE6 and IE7, and they might be able to spot the problem quickly.

    Good luck.

  3. #3
    SitePoint Member
    Join Date
    Jan 2007
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the advice.


Bookmarks

Posting Permissions

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