1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Make this sit right without being wraped in a table

Discussion in 'HTML & Website Design' started by jazzzyman, Apr 22, 2013.

  1. #1
    So id like to get the drop menu on the right to sit about 2px from the last image on the right instead of on a new line or correcting with a table.

    heres the code can we just stick to the question at hand too :)

    <table border="0" cellspacing="1" width="100%">
    <tr>
    <td width="87%">&nbsp; <p style="margin-bottom: 0"><a href="320x480.htm">
    <img border="0" src="logos/240x320-logo.bmp" width="100" height="64" alt="240x320 button"></a>
    <a href="free-samsung-omnia-hd-wallpapers-i8910-samsung-icon-wallpaper.htm">
    <img border="0" src="logos/360x640-logo.bmp" width="100" height="64" alt="360x640 button"></a>
    <a href="free-480x800-mobile-wallpapers.htm">
    <img border="0" src="logos/480x800-logo.bmp" width="100" height="64" alt="480x800 button"></a>
    <a href="iphone-4-wallpapers/free-iphone-4-wallpapers-640x960-iphone-wallpapers.htm">
    <img border="0" src="logos/640x960-logo.bmp" width="100" height="64" alt="640x960 button"></a>
    <a href="free-high-definition-mobile-phone-wallpapers-720x1280-hd.htm">
    <img border="0" src="logos/720x1280-logo.bmp" width="100" height="64" alt="720x1280 button"></a>
    <a href="http://www.techagesite.com/free-music-wallpaper-big-music-wallpapers.htm">
    <img border="0" src="logos/desktop.bmp" width="100" height="64" alt="desktop button"></a>
    </p></td>
    <td width="50%">&nbsp;<style>

    table



    table.menu
    {
    font-size:100%;
    position:absolute;
    visibility:hidden;
    }
    </style>
    <script type="text/javascript">
    function showmenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="visible";
    }
    function hidemenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="hidden";
    }
    </script>



    <table width="60" height="60">
    <tr bgcolor="#FFFFFF">
    <td onmouseover="showmenu('GraphicDesign')" onmouseout="hidemenu('GraphicDesign')">
    <img src="/Thumbs/plus.png" width="60" height="60">


    <table class="menu" id="GraphicDesign" width="60">
    <tr>
    <td class="menu"><a href="/meboy.htm">
    <img src="/Thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="5" height="7">
    </td>
    </tr>
    <tr>
    <td class="menu"><a href="/meboy.htm">
    <img src="/Thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="5" height="7">
    </td>
    </tr>
    </table>



    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    jazzzyman, Apr 22, 2013 IP
  2. Rankx

    Rankx Active Member

    Messages:
    119
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    50
    #2
    What is the link?
    Rankx, Apr 22, 2013 IP
  3. jazzzyman

    jazzzyman Active Member

    Messages:
    112
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #3
    link is www.techagesite.com/new_page_9.2.htm
    also on www.techagesite.com/new_page_10.htm the cells on the boxes and links bar at the top are twice as big as they should be.
    jazzzyman, Apr 22, 2013 IP
  4. jazzzyman

    jazzzyman Active Member

    Messages:
    112
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #4
    Also on page 10 which is done in css, how would i get the 2nd image in the sidebar (the cat) to sit under the first image?
    Was working fine in html
    jazzzyman, Apr 23, 2013 IP
  5. deathshadow

    deathshadow Prominent Member

    Messages:
    5,980
    Likes Received:
    827
    Best Answers:
    144
    Trophy Points:
    395
    #5
    Sticking to JUST the code in question, you again have tables for nothing and non-semantic markup; you're using images for text, Javascript to do CSS' job, have presentation inlined in the markup, and in general a whole slew of markup for NOTHING.

    The first table just seems to be a list of choices... use a LIST, style it with CSS. When making your CSS do NOT inline it with style, work on it from the external stylesheet WHERE IT BELONGS!

    Code (Text):
    1. <ul class="sizesMenu">
    2.     <li class="double">
    3.         <a href="320x480.htm">
    4.             240x320 and<br />
    5.             320x480
    6.         </a>
    7.     </li><li>
    8.         <a href="free-samsung-omnia-hd-wallpapers-i8910-samsung-icon-wallpaper.htm">
    9.             360x640
    10.         </a>
    11.     </li><li>
    12.         <a href="free-480x800-mobile-wallpapers.htm">
    13.             480x800
    14.         </a>
    15.     </li><li class="double">
    16.         <a href="iphone-4-wallpapers/free-iphone-4-wallpapers-640x960-iphone-wallpapers.htm">
    17.             640x960<br />
    18.             iPhone 4
    19.         </a>
    20.     </li><li>
    21.         <a href="free-high-definition-mobile-phone-wallpapers-720x1280-hd.htm">
    22.             720x1280 HD
    23.         </a>
    24.     </li><li>
    25.         <a href="http://www.techagesite.com/free-music-wallpaper-big-music-wallpapers.htm">
    26.             Desktop
    27.         </a>
    28.     </li><li class="more">
    29.         <a href="linkToNoDropdownVersion.html">
    30.             More
    31.             <span><!-- image replacement sandbag --></span>
    32.         </a>
    33.         <ul>
    34.             <li>
    35.                 <a href="/meboy.htm">
    36.                     <img
    37.                         src="/Thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg"
    38.                         width="50" height="70"
    39.                         alt="Angry Birds Wallpaper"
    40.                     />
    41.                 </a>
    42.             </li><li>
    43.                 <a href="/meboy.htm">
    44.                     <img
    45.                         src="/Thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg"
    46.                         width="50" height="70"
    47.                         alt="Angry Birds Wallpaper"
    48.                     />
    49.                 </a>
    50.             </li>
    51.         </ul>
    52.     </li>
    53. </ul>
    is ROUGHLY what should be there for markup... EVERYTHING else belongs in the CSS. Set the LI to display:inline, the anchors to float:left; margin/pad the anchors as needed to make them the same size. The last LI set to display:block; and overflow:hidden; absolute position the dropdown, then set li:hover to overflow:visible.

    Though for the most part you've got a LOT of 'not viable for web deployment' design concepts going on there -- much of it forcing px metric fonts (or broken layout) and a fixed width. This section ALONE I'd pitch as non-viable, much less the rest of the page.

    Big advice -- start a rewrite by using semantic markup of everything you want on the page with a logical document structure WITHOUT thinking about your on-screen appearance! HTML is for saying what things ARE, NOT WHAT THEY LOOK LIKE! -- you don't have that, and it's something you REALLY should have before even attempting to apply style to the page. You want I can even make such a rewrite just to show you what I'm talking about.
    deathshadow, Apr 23, 2013 IP
  6. jazzzyman

    jazzzyman Active Member

    Messages:
    112
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #6
    Css just confuses me. How would the drop down menu look as just html?
    Might just leave them as images
    Im also interested in learning how to do what you were saying here https://forums.digitalpoint.com/threads/update-page-design-on-all-pages-as-a-template.2651725/
    with my current page design and code. Can you just use the page as a template and insert the content in a defined area? say where it is on everypage in the main content area?
    jazzzyman, Apr 25, 2013 IP
  7. jazzzyman

    jazzzyman Active Member

    Messages:
    112
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #7
    oh and have the drop down part sit in the right place
    jazzzyman, Apr 25, 2013 IP