dcsimg
www.webdeveloper.com
Results 1 to 6 of 6

Thread: Newbee Problem with text alignment please help

  1. #1
    Join Date
    Jan 2005
    Posts
    5

    Newbee Problem with text alignment please help

    I'm designing a web site using dreamweaver mx 2004. I started with a template and then modified it to suit my needs.

    My problem is when I look at it with Internet Explorer, depending of the size of the window, the image and text doesn't always align correctly.
    With Firefox this problem doesn't exist.

    Here is my code, can somebody point me where is the problem please.

    Thank you !

    Maube you want to look at the hole site with the image in it, you can go at:


    http://www3.sympatico.ca/francois.gaudet/30Noeuds/


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <!-- DW6 -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    <link rel="stylesheet" href="emx_nav_left.css" type="text/css">
    <script type="text/javascript">
    <!--
    var time = 3000;
    var numofitems = 7;

    //menu constructor
    function menu(allitems,thisitem,startstate){
    callname= "gl"+thisitem;
    divname="subglobal"+thisitem;
    this.numberofmenuitems = 7;
    this.caller = document.getElementById(callname);
    this.thediv = document.getElementById(divname);
    this.thediv.style.visibility = startstate;
    }

    //menu methods
    function ehandler(event,theobj){
    for (var i=1; i<= theobj.numberofmenuitems; i++){
    var shutdiv =eval( "menuitem"+i+".thediv");
    shutdiv.style.visibility="hidden";
    }
    theobj.thediv.style.visibility="visible";
    }

    function closesubnav(event){
    if ((event.clientY <48)||(event.clientY > 107)){
    for (var i=1; i<= numofitems; i++){
    var shutdiv =eval('menuitem'+i+'.thediv');
    shutdiv.style.visibility='hidden';
    }
    }
    }
    // -->
    </script>
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Haettenschweiler;
    }
    body {
    background-color: #999999;
    }
    .style8 {
    font-size: 150%;
    font-style: italic;
    }
    .style22 {font-size: large}
    .style42 { font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #1062AB;
    font-size: small;
    font-style: italic;
    }
    .style44 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #1062AB; font-size: medium; font-style: italic; font-weight: bold; }
    -->
    </style></head>
    <body onmousemove="closesubnav(event);">
    <div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
    <div id="masthead">
    <h3 class="style8">
    <marquee id="siteName">
    <strong> Bienvenue chez nous !!!
    </strong>
    </marquee>
    </h3>
    <div id="globalNav">
    <img alt="" src="gblnav_left.gif" height="32" width="4" id="gnl"> <img alt="" src="glbnav_right.gif" height="32" width="4" id="gnr">
    <div id="globalLink">
    <a href="#" class="glink style22" id="gl1" onmouseover="ehandler(event,menuitem1);"> Bazar </a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);"> Planche &agrave; Voile </a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);"> Kite/Eau/Neige </a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);"> Cours </a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);"> Usag&eacute; </a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">Tous nos Fournisseurs</a></div>
    <!--end globalLinks-->
    </div>
    <!-- end globalNav -->
    <div id="subglobal1" class="subglobalNav">|<a href="#"> Prochain Bazar </a>| <a href="#"> Modalit&eacute;e </a> | </div>
    <div id="subglobal2" class="subglobalNav">
    |||||||||||||||<a href="#"> Accessoires </a> | <a href="http://www.exocet-original.com/index_fr.asp" target="_blank"> Planches </a> | <a href="#"> Mats </a>
    | <a href="#"> Voiles </a> | <a href="#"> Wetsuits </a> | <a href="#"> Wishbones </a> |
    </div>
    <div id="subglobal3" class="subglobalNav">
    |||||||||||||||||||||||||||||||||||||||||||||<a href="http://www.flyozone.com/french/pgframe.htm" target="_blank"> Ozones </a> | </div>
    <div id="subglobal4" class="subglobalNav">
    |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<a href="#"> Kite </a> | <a href="#"> Planche </a> |</div>
    <div id="subglobal5" class="subglobalNav">
    ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<a href="#"> Kites </a> | <a href="#"> Planches </a> | <a href="#"> Voiles </a> |
    </div>
    <div id="subglobal6" class="subglobalNav">
    <a href="#"> </a>
    </div>
    <div id="subglobal7" class="subglobalNav">
    <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a>
    </div>
    <div id="subglobal8" class="subglobalNav">
    <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a>
    </div>
    </div>
    <!-- end masthead -->
    <div id="pagecell1">
    <!--pagecell1-->
    <p align="center"><img alt="" src="tl_curve_white.gif" height="6" width="6" id="tl"> <img alt="" src="tr_curve_white.gif" height="6" width="6" id="tr"><img src="30noeuds.jpg" width="400" height="163"></p>
    <div id="pageNav">
    <div id="sectionLinks">
    <a href="meteo.htm">M&eacute;t&eacute;o</a> <a href="http://www.flipperdesign.com/Sites_planche/sites_de_planche_frm.htm" target="_blank">Sites de planche</a> <a href="#">Photos</a><a href="meteo.htm">Section Technique </a><a href="http://www.windsurfing.qc.ca/" target="_blank">Windsurfing Qu&eacute;bec</a><a href="http://www.kitezone.ca/" target="_blank">Kitezone</a><a href="http://www.apvm.ca/" target="_blank">Association de Planche à Voile de Montréal
    </a><a href="liste_envoie.htm">Inscription sur notre liste d'envoi</a><a href="#" target="_blank">Pour nous rejoindre</a></div>
    </div>
    <div id="content">
    <div class="feature">
    <p><img src="La_facade_du_nouveau_magasin_30_Noeuds.jpg" width="300" height="200"></p>
    <p align="center"><span class="style44">Nouveau Magasin</span> </p>
    <p align="left" class="style42">Install&eacute; depuis Mars 2004 ce nouveau local vous offre un inventaire digne des plus grandes boutiques en am&eacute;rique du nord. On y trouve en autre des sections kites, harnais, wetsuits, planches et voiles neuves ou usag&eacute;es et accessoires en n'en plus finir.</p>
    <p align="center" class="style44">Politique de Produits chez 30 Noeuds </p>
    <p align="left" class="style42">Chez 30 Noeuds Performance nous nous effor&ccedil;ons d'ouffrir &agrave; notre client&egrave;le une gamme de produit combinant accessibilit&eacute;, qualit&eacute;, fiabilit&eacute; et performance, tout cela &agrave; un meilleur prix possible.</p>
    <p align="left" class="style42">Chez 30 Noeuds Performance vous trouverez plusieurs produits non disponible dans d'autres boutiques de la r&eacute;gion puisque pour avoir le meilleur prix possible &agrave; offrir &agrave; notre client&egrave;le nous somme Importateur-Distributeur-D&eacute;taillant de la plupart des articles en magasin, coupant ainsi la cha&icirc;ne de distribution ce qui en r&eacute;sult en une baisse appr&eacute;ciable des prix. </p>
    </div>
    </div>
    <div id="siteInfo"> </div>
    </div>
    <!--end pagecell1-->
    <br>
    <script type="text/javascript">
    <!--
    var menuitem1 = new menu(7,1,"hidden");
    var menuitem2 = new menu(7,2,"hidden");
    var menuitem3 = new menu(7,3,"hidden");
    var menuitem4 = new menu(7,4,"hidden");
    var menuitem5 = new menu(7,5,"hidden");
    var menuitem6 = new menu(7,6,"hidden");
    var menuitem7 = new menu(7,7,"hidden");
    // -->
    </script>
    </body>
    </html>

  2. #2
    Join Date
    Jun 2003
    Location
    here
    Posts
    4,551
    that's curious.

    BTW: It looks fine in opera as well.

  3. #3
    Join Date
    Jun 2004
    Location
    48°46′36″ N 9°10′48″ E
    Posts
    3,747
    Kel version de IE t'utilise?
    tu sembles avoir réglé le probleme, en tout cas ça fonctionne sans probleme chez moi(IE6).

  4. #4
    Join Date
    Jun 2004
    Location
    48°46′36″ N 9°10′48″ E
    Posts
    3,747
    oh and dont forget to change that ugly "Untitled Document" title!!

    and junk that marquee, its really distracting!

  5. #5
    Join Date
    Jan 2005
    Posts
    5
    I'am using IE6.0.2800.1106 on Windows XP at 1280 X 1024 or 800 X 600, also on Windows 98 in 800 X 600 and always the same thing. Sometimes depending what is the size of the IE window it's good, sometimes It's bad..


    Click here to see a print screen of what I see
    Last edited by windman; 01-16-2005 at 09:38 AM.

  6. #6
    Join Date
    Jan 2005
    Posts
    5
    Ok I found my problem, it was some setting in the CSS page.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles