SitePoint Sponsor

User Tag List

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

    Can you make the drop down boxes more of a bubble shape

    @cpradio ;

    Code HTML4Strict:
    <html>
    <TITLE>The Knight Writer</TITLE>
    <body bgcolor="white">
    <head>
    </head>
    <FONT COLOR="White">
    <font face="ARIAL">
    <center>
    <img border="0" src=images/top.png width="950" height="95">
    <h2>
    </center>
    <body background=images/bkg.png>
    <center>
    <style>
    body{font-family:arial;}
    table{font-size:80%;background:black}
    a{color:black;text-decoration:none;font:bold}
    a:hover{color:#606060}
    td.menu{background:lightblue}
    table.menu
    {
    font-size:100%;
    position:absolute;
    visibility:hidden;
    }
    </style>
    <script>
    function showmenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="visible";
    }
    function hidemenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="hidden";
    }
    </script>
    </head>
     
    <body>
    <table width="50%">
     <tr bgcolor="white">
      <td onmouseover="showmenu('news')" onmouseout="hidemenu('news')">
       <a href="/default.asp">News</a><br>
       <table class="menu" id="news" width="60">
       <tr><td class="menu"><a href="/html/default.asp">Local</a></td></tr>
       <tr><td class="menu"><a href="/css/default.asp">New</a></td></tr>
       <tr><td class="menu"><a href="/xml/default.asp">Archives</a></td></tr>
       </table>
      </td>
      <td onmouseover="showmenu('Sports')" onmouseout="hidemenu('Sports')">
       <a href="/default.asp">Sports</a><br>
       <table class="menu" id="Sports" width="60">
       <tr><td class="menu"><a href="/js/default.asp"></a></td></tr>
       <tr><td class="menu"><a href="/vbscript/default.asp">VBScript</a></td></tr>
       <tr><td class="menu"><a href="default.asp">DHTML</a></td></tr>
       <tr><td class="menu"><a href="/asp/default.asp">ASP</a></td></tr>
       <tr><td class="menu"><a href="/ado/default.asp">ADO</a></td></tr>
       </table>
      </td>
      <td onmouseover="showmenu('Multimedia')" onmouseout="hidemenu('Multimedia')">
       <a href="/site/site_validate.asp">Multimedia</a><br>
       <table class="menu" id="Multimedia" width="60">
       <tr><td class="menu"><a href="/web/web_validate.asp">Validate HTML</a></td></tr>
       <tr><td class="menu"><a href="/web/web_validate.asp">Validate XHTML</a></td></tr>
       <tr><td class="menu"><a href="/web/web_validate.asp">Validate CSS</a></td></tr>
       <tr><td class="menu"><a href="/web/web_validate.asp">Validate XML</a></td></tr>
       <tr><td class="menu"><a href="/web/web_validate.asp">Validate WML</a></td></tr>
       </table>
      </td>
     </tr>
    </table>
     
     
     
     
     
     
     
     
     
     
     
     
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <img border="0" src=images/bottom.png width="950" height="75">
    Last edited by Mittineague; Apr 29, 2013 at 12:13. Reason: mention fix - reformatting bbcode tags

  2. #2
    Hosting Team Leader silver trophybronze trophy
    cpradio's Avatar
    Join Date
    Jun 2002
    Location
    Ohio
    Posts
    5,150
    Mentioned
    152 Post(s)
    Tagged
    0 Thread(s)
    I'm going to move this to the CSS forum, as with most modern browsers today, you can do this in the CSS (border-radius: 3px; I beleive)

  3. #3
    Hosting Team Leader silver trophybronze trophy
    cpradio's Avatar
    Join Date
    Jun 2002
    Location
    Ohio
    Posts
    5,150
    Mentioned
    152 Post(s)
    Tagged
    0 Thread(s)
    Also, you need to seriously look at your HTML. It is messed up. Not sure if it is from copying and pasting, or what, but you have multiple <body> tags, multiple <head> tags, etc. Lots of stuff is wrong there.

    I did a bit of playing and adding border-radius: 5px; to table.menu did create rounded corners.


Tags for this Thread

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
  •