CSS problem in Firefox

Discussion in 'HTML & Website Design' started by shasta_shea, Jan 25, 2008.

  1. #1
    So i'm really new to the web design but my father-in-law wanted me to do one up for him. I'm running into a little problem though. I've had a lot of people say that they can't click any of the links if they're using Firefox. I've been told its a CSS problem but i'm not sure how to get it fixed. I'd also like to have someone look at it and give me some constructive critisim. I'd really appreciate any help!! Thanks

    www rickwaltnerholsters com

    CODE:

    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice" xmlns="http://www.w3.org/TR/REC-html40">
    <!--[if gte mso 9]>
    <xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
    </xml><![endif]-->


    <head>
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <link rel="File-List" href="index_files/filelist.xml">
    <title>Welcome to Rick Waltner Holsters</title>
    <!--[if !mso]>
    <style>
    v\:* { behavior: url(#default#VML) }
    o\:* { behavior: url(#default#VML) }
    .shape { behavior: url(#default#VML) }
    </style>
    <![endif]-->
    <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
    </head>

    <div style="width:200px; text-align: center;">
    &nbsp;</div>

    <body background="Homepage.jpg" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" text="#FFFFFF">

    <p align="center"></p>

    <p align="center"></p>

    <p align="center"></p>

    <p align="center"></p>
    <p align="center"></p>
    <p align="center"><!--[if gte vml 1]><v:line id="_x0000_s1033"
    alt="" style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:1'
    from="20.25pt,138pt" to="854.25pt,138pt" strokeweight="3.75pt"/><![endif]--><![if !vml]><span
    style='mso-ignore:vglayout;position:absolute;z-index:1;left:24px;top:181px;
    width:1118px;height:6px'><img width=1118 height=6 src="index_files/image001.gif"
    v:shapes="_x0000_s1033"></span><![endif]><font color="#FFFFFF" face="Georgia">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!--[if gte vml 1]><v:shapetype id="_x0000_t136"
    coordsize="21600,21600" o:spt="136" adj="10800" path="m@7,l@8,m@5,21600l@6,21600e">
    <v:formulas>
    <v:f eqn="sum #0 0 10800"/>
    <v:f eqn="prod #0 2 1"/>
    <v:f eqn="sum 21600 0 @1"/>
    <v:f eqn="sum 0 0 @2"/>
    <v:f eqn="sum 21600 0 @3"/>
    <v:f eqn="if @0 @3 0"/>
    <v:f eqn="if @0 21600 @1"/>
    <v:f eqn="if @0 0 @2"/>
    <v:f eqn="if @0 @4 21600"/>
    <v:f eqn="mid @5 @6"/>
    <v:f eqn="mid @8 @5"/>
    <v:f eqn="mid @7 @8"/>
    <v:f eqn="mid @6 @7"/>
    <v:f eqn="sum @6 0 @5"/>
    </v:formulas>
    <v:path textpathok="t" o:connecttype="custom" o:connectlocs="@9,0;@10,10800;@11,21600;@12,10800"
    o:connectangles="270,180,90,0"/>
    <v:textpath on="t" fitshape="t"/>
    <v:handles>
    <v:h position="#0,bottomRight" xrange="6629,14971"/>
    </v:handles>
    <o:lock v:ext="edit" text="t" shapetype="t"/>
    </v:shapetype><v:shape id="_x0000_s1028" type="#_x0000_t136" alt="Rick Waltner Holsters"
    style='position:absolute;left:147pt;top:24pt;width:549pt;height:95.25pt;
    z-index:0' fillcolor="black" strokecolor="silver" strokeweight=".39689mm">
    <v:fill opacity=".75"/>
    <v:shadow color="#868686"/>
    <v:textpath style='font-family:"Georgia";font-weight:bold;v-text-kern:t'
    trim="t" fitpath="t" string="Rick Waltner&#13;&#10;Holsters"/>
    </v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
    absolute;z-index:0;left:195px;top:30px;width:734px;height:130px'><img
    width=734 height=130 src="index_files/image002.gif" alt="Rick Waltner Holsters"
    v:shapes="_x0000_s1028"></span><![endif]></font></p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <div style="position: absolute; left: 10; top: 166; width: 1156; height: 19">
    <p align="center">&nbsp;</p>
    </div>
    <p align="center">&nbsp;</p>
    <blockquote>
     
    shasta_shea, Jan 25, 2008 IP
  2. shasta_shea

    shasta_shea Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    <p align="center"><font color="#FFFFFF" face="Georgia">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </font></font><font color="#FFFFFF" face="Georgia">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font></p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center"><font color="#FFFFFF" face="Georgia">&nbsp;&nbsp;&nbsp;&nbsp; </font></p>
    <p align="center"></p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center"><!--[if gte vml 1]><v:shapetype id="_x0000_t202"
    coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
    <v:stroke joinstyle="miter"/>
    <v:path gradientshapeok="t" o:connecttype="rect"/>
    </v:shapetype><v:shape id="_x0000_s1030" type="#_x0000_t202" alt="" style='position:absolute;
    left:.75pt;top:204.75pt;width:417pt;height:156.75pt;z-index:1' filled="f"
    stroked="f">
    <v:textbox>
    <table cellspacing="0" cellpadding="0" width="100%" height="100%">
    <tr>
    <td align="center">
    <p class="MsoNormal">
    <font face="Georgia" style="font-weight: 700" color="#FFFFFF" size="4">&nbsp;&nbsp;&nbsp;&nbsp;
    Thanks for visiting Rick Waltner Holsters. My goal is to provide you with
    the finest leather holsters and gear available. &nbsp;Above all, I want you to be
    more than satisfied with your purchase. This site is currently a work in
    progress, so be sure to check back often to see new additions to my product
    line.</font></p>
    <p class="MsoNormal"><font color="#FFFFFF" face="Georgia" size="4">
    <span style="font-weight: 700">Rick</span></font></p>
    <p><font face="Georgia">&nbsp;</font></td>
    </tr>
    <tr>
    <td align="center"><font face="Georgia">&nbsp;</td>
    </tr>
    </table>
    </v:textbox>
    </v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
    absolute;z-index:1;left:1px;top:273px;width:560px;height:213px'><img width=560
    height=213 src="index_files/image003.gif" v:shapes="_x0000_s1030"></span><![endif]></font></p>
    </blockquote>
    <p align="left"></font><!--[if gte vml 1]><v:shape
    id="_x0000_s1034" type="#_x0000_t202" alt="" style='position:absolute;left:73.5pt;
    top:445.5pt;width:730.5pt;height:123pt;z-index:0' filled="f" stroked="f">
    <v:textbox>
    <table cellspacing="0" cellpadding="0" width="100%" height="100%">
    <tr>
    <td align="center"><b><font face="Georgia" size="4" color="#FFFFFF">~&nbsp;
    <a style="text-decoration: none" href="Holsters.htm">Holsters&nbsp;</a> ~&nbsp;
    <a style="text-decoration: none" href="Mag%20Pouches%20&%20Belts.htm">Mag
    Pouches &amp; Belts&nbsp;</a>~&nbsp; <a style="text-decoration: none" href="GunList.htm">
    Gun List&nbsp;</a> ~</font></b><p><b>
    <font face="Georgia" size="4" color="#FFFFFF">~&nbsp;
    <a style="text-decoration: none" href="Order%20Info.htm">Ordering&nbsp;</a> ~&nbsp;
    <a href="Warranty.htm" style="text-decoration: none">Warranty</a>&nbsp; ~&nbsp;
    <a href="Contact%20Info.htm" style="text-decoration: none">Contact
    Information</a>&nbsp; ~&nbsp; <a href="About%20Me.htm" style="text-decoration: none">
    About</a>&nbsp; ~&nbsp;<a style="text-decoration: none" href="Gallery.htm"> Gallery</a>&nbsp;
    ~&nbsp; <a style="text-decoration: none" href="Links.htm">Links</a>&nbsp; ~</font></b></p>
    <p><b><font face="Georgia" size="5" color="#FFFFFF">
    <a href="index.htm" style="text-decoration: none">~Home~</a></font></b></p>
    <p align="right"><b><font face="Georgia">©2007 Rick Waltner Holsters</font></b></p>
    </td>
    </tr>
    </table>
    </v:textbox>
    </v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
    absolute;z-index:0;left:98px;top:594px;width:978px;height:168px'><img
    width=978 height=168 src="index_files/image004.gif" v:shapes="_x0000_s1034"></span><![endif]></p>

    <p align="center">
    <span style="position: absolute; left: 595; top: 213"><embed type="application/x-shockwave-flash" wmode="transparent" src="http://w257.photobucket.com/pbwidget.swf?pbwurl=http://w257.photobucket.com/albums/hh215/shasta_shea/f38e927e.pbw" height="360" width="480"></span></p>

    </body>
    <div style="position: absolute; left: 519; top: 792; width: 150; height: 64">
    <table width="133" border="0" cellspacing="0" cellpadding="3" align="left"><tr><td align="center"><a href="http://www.hit-counter-download.com/" target="_blank"><img src="http://www.hit-counter-download.com/cgi-bin/image.pl?URL=113900-1098" alt="" border="0" ></a></td></tr><tr><td align="center"><font style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #330000; text-decoration: none;">Provided by <a href="http://www.hit-counter-download.com" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #555555; text-decoration: none;" title="www.hit-counter-download.com">www.hit-counter-download.com</a> site.</font></td></tr></table>

    </div>


    </html>
     
    shasta_shea, Jan 25, 2008 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Well, for starters you are using VML which frankly, is not cross-browser deployable. there's a reason NOBODY uses it for web design. The entire thing is invalid markup and four to five times the code that should be used for such a simple layout.

    Of course, 99.99999% of your problem is right here:
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">

    Frontpage - GAH. Welcome to designing 'websites' that will NEVER work properly cross-browser. Do yourself a favor, chuck that crap in the trash, grab notepad or one of the more advanced TEXT editors, learn HTML & CSS and use semantic minimalist VALID markup. The only thing you can learn from Frontpage, Dreamweaver or any other 'WYSIWYG' is how NOT to design a website.
     
    deathshadow, Jan 25, 2008 IP
  4. James Gober

    James Gober Guest

    Messages:
    40
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    LOL I cannot believe people still use FrontPage.. I thought it was discontinued?
     
    James Gober, Jan 26, 2008 IP
  5. Valve-Hosting

    Valve-Hosting Peon

    Messages:
    1,071
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    0
    #5
    As well as that you're using inline css and :nbsp instead of padding/margin/height.
     
    Valve-Hosting, Jan 26, 2008 IP
  6. mds

    mds Active Member

    Messages:
    256
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #6
    I suggest you start learning how to code with an editor manually. Thats the best way if you are to become a sound web designer. It will make your codes neater and easy to use the code the way you like on a page
    PM me if you need some little tutorial.




     
    mds, Jan 26, 2008 IP
  7. joseprio

    joseprio Active Member

    Messages:
    110
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #7
    I guess you wanted to make a website as fast and easily as possible. However, FrontPage generated websites do not following website developers "good practices", and they're quite difficult to fix "manually".

    Personally, if I've to use a web authoring system, I use NVU, which is free and quite powerful. In any case, if you're serious about making websites, you must learn the technologies behind it (HTML, CSS, Javascript...).
     
    joseprio, Jan 26, 2008 IP