2 replies [Last post]
sagahr
sagahr's picture
Offline
newbie
Last seen: 50 weeks 12 hours ago
Timezone: GMT-8
Joined: 2016-12-31
Posts: 1
Points: 2

It wasn't like that formerly so am confused as to what have happened to my code.
css

* {
    margin: 0px;
    padding: 0px;} 
 
body {
    padding: 1px;} 
 
h1 {
    text-align: center;
    border-top: 1px solid #FF0099;
    margin-bottom: 50px;} 
 
ul#navmenu div, 
ul.sub1, 
ul.sub2 li {
    border: 0px solid #00FF00;
    margin-bottom: auto;}  
 
ul#navmenu .sub1 a {
    border: 0px solid #0000FF;
    border-radius: 5px;
    margin-top: 5px;}  
 
/*Guesswork*/
ul#navmenu .sub2 a {
    border: 0px solid #00FF00;
    margin-top: 3px;} 
 
ul.sub2 {
    list-style-type: none;
    margin: 0 auto; }  
/*end guesswork*/
 
ul#navmenu li {
    width: 190px;
    height: 30px;
    text-align: center;
    position: relative;
    float: left;
    margin-right: 2.2px;
    margin-top: 3px; } 
 
ul#navmenu a {
    text-decoration: none;} /*guesswork*/

html

<p>&nbsp;</p>
<table width="1350" height="50" border="0" bgcolor="#FF0099">
  <tr>
    <td width="350"><div align="center"><img src="images/hmm.png" alt="logo" width="194" height="41" /></div></td>
    <td width="606"><div align="center">
    	<form action="https://www.afriwearcollections.com">
        	<input type="text" placeholder="what are you looking for..." maxlength="100" id="search" />
       	  <input type="submit" value="&#128269" id="submit" />
        </form>
        </div>    </td>
    <td width="380"><div align="right"><img src="../../Downloads/mywallpapars/104-512.png" width="47" height="35" /></div></td>
  </tr>
</table>
 
<ul id="navmenu">
  <li><a href="#">Home</a></li>
  <li><a href="#">Men&apos;s Gallery</a><span class="darrow">&#9660;</span>
  <ul class="sub1">
       	  <li><a href="#">Tops</a></li>
            <li><a href="#">Pants</a></li>
            <li><a href="#">Shoes</a></li>
            <li><a href="#">Top & Downs&apos;</a></li>
            <li><a href="#">Suites & Suites Seperates</a></li>
            <li><a href="#">Accessories</a><span class="rarrow">&#9654;</span>
            	 <ul class="sub2">
       	  		<li><a href="#">Wallets</a></li>
            	<li><a href="#">Watches & Wristbands</a></li>
            	<li><a href="#">Bags & Backpacks</a></li>
        		</ul>
            </li>
    </ul>
  </li>
  <li><a href="#">Ladies&apos; Gallery</a><span class="darrow">&#9660;</span>
   <ul class="sub1">
       	  <li><a href="#">Dresses</a></li>
          <li><a href="#">Skirts</a></li>
            <li><a href="#">Shoes</a></li>
            <li><a href="#">Suites & Suites Seperates</a></li>
            <li><a href="#">Accessories</a><span class="rarrow">&#9654;</span>
            	 <ul class="sub2">
       	  		<li><a href="#">Purses</a></li>
            	<li><a href="#">Watches</a></li>
            	<li><a href="#">Handbags</a></li>
                <li><a href="#">Necklases & Wristbands</a></li>
        		</ul>
            </li>
    </ul>
  </li>
  <li><a href="#">Kiddies&apos; Corner</a><span class="darrow">&#9660;</span>
    <ul class="sub1">
       	  <li><a href="#">Tops</a></li>
            <li><a href="#">Pants</a></li>
            <li><a href="#">Shoes</a></li>
            <li><a href="#">Top & Downs'</a></li>
            <li><a href="#">Suites & Suites Seperates</a></li>
            <li><a href="#">Accessories</a><span class="rarrow">&#9654;</span>
            	 <ul class="sub2">
            	<li><a href="#">Watches & Wristbands</a></li>
            	<li><a href="#">Bags & Backpacks</a></li>
        		</ul>
            </li>
    </ul>
  </li>
    <li><a href="#">Our Showroom</a></li>
    <li><a href="#">Customer Service</a><span class="darrow">&#9660;</span>
    <ul class="sub1">
      <li><a href="#">Help Center</a></li>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Report Abuse</a></li>
            <li><a href="#">Submit a Dispute</a></li>
            <li><a href="#">Policies & Rules</a></li>
      </ul>
  </li>
<li><a href="#">About Us</a></li>
</ul>
<table width="1352px" height="601px" border="0">
  <tr>
    <td><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1358','height','600','src','Flash/mynuflash','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Flash/mynuflash' ); //end AC code
    </script>
      <noscript>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1358" height="600">
        <param name="movie" value="Flash/mynuflash.swf" />
        <param name="quality" value="high" />
        <embed src="Flash/mynuflash.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1358" height="600"></embed>
      </object>
      </noscript>    </td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="200" border="1" align="center">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
 
 
<hr />
 
<p>&nbsp;</p>
</body>

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 hours 35 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9655
Points: 3723

Moderator note:

Please use the code button or bbcode tags ( [code] and [/code] ) to post your source. I have edited your post as best I could to render it readable.

Note that you posted the css in the tag box and overran its limit. Please repost your css in the post body, using the code markers.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 hours 35 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9655
Points: 3723

First, of course is why

First, of course is why tables? The use of tables for layout has been deprecated since before the turn of the century. Even so, you set its width wider than the viewport for most people. When an element is wider than its container, it will align itself to the left, ignoring auto margin.

I think your rulesets for tables were lost in the overrun on your original (pre-edit) posting. So do repost.

g

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.