Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Apr 2007
    Posts
    60
    Thanks
    3
    Thanked 0 Times in 0 Posts

    White thick border with IE & Chrome to fix

    With IE & Chrome my menu has white thick border. With FF & Opera there's no such border. How to fix it?

    Picture of my menu:
    http://6g6.eu/sih0-menu0.gif

    Example url:
    http://www.aymavisi.org/hikaye/Dostu...%20Cibran.html


    Code:
    <div style="border-style:solid; border-width:0; position: absolute; width: 98px; height: 21px; z-index: 9; left: 0px; top: 71px" id="layer105" align="left">
    	<form action="../dummyvalue" style="border:0px solid #000000; padding:0; text-align: center; background-color:#444577
    ">
    <select name="newurl" onchange="menu_goto(this.form)" style="border:1px solid #444577; color: #FFFFFF; text-decoration: none; font-family: Tahoma; font-weight: bold; text-align: center; padding: 0; background-color: #444577; font-size:9pt; width:130" size="1" id="menu">
    <option>Menü</option>
    <option value="index.html">Ana Sayfa</option>
    <option value="8 Felsefe.htm">Felsefe</option>
    <option value="9 Siir.htm">Şiir</option>
    <option value="2 Makale.htm">Makale</option>
    <option value="4 Hikaye.htm">Hikaye</option>
    <option value="3 Psikoloji.htm">Psikoloji</option>
    <option value="5 Guncel.htm">Güncel</option>
    <option value="6 Kitap.htm">Kitap</option>
    <option value="7 Muzik.htm">Müzik</option>
    <option value="999 Benden.htm">Benden</option>
    <option value="99 Egzersiz.htm">Egzersiz</option>
    <option value="hata raporu.html">Hataları bildirin</option>
    <option value="1 yeniler.html">Yeni eklenenler</option>
    <option value="../ziyareci defteri/index.php?&amp;mots_search=&amp;lang=english&amp;skin">
    Ziyaretçi defteri</option>
    </select></form></div>

  • #2
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,184
    Thanks
    75
    Thanked 4,341 Times in 4,307 Posts
    It is because you gave your <form> a background-color, border, etc.

    Normally, <form>s do not need or get any style information. Only the form elsments do.

    But why is this question in the JavaScript forum? It is strictly a CSS question.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #3
    New Coder
    Join Date
    Apr 2007
    Posts
    60
    Thanks
    3
    Thanked 0 Times in 0 Posts
    I removed <form> a background-color, border and keep form element's background-color, border but nothing changed.

  • #4
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,184
    Thanks
    75
    Thanked 4,341 Times in 4,307 Posts
    Well, you have SO MANY other *ILLEGAL* HTML places, that it's hard to know where the full problem lies.

    For example, you have <form> *INSIDE* of another <form>! Totally illegal.

    Run your page through the w3c validator, fix all the validation errors, and then if you still have the problem come back here.

    Just go here:
    http://validator.w3.org/check?uri=ht...Inline&group=0

    That shows that your page has *50* errors that need to be fixed.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.


  •  

    Posting Permissions

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