If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Feb 2012
    Port Hope, ON, Canada
    Member #
    Hi all, I'm new here.

    I have a problem with menu bar content "bunching up" when I zoom in or change the monitor resolution. The words start off fine but for example, the menu item, "Sample Songs" changes to "Sample" on the top and "Songs" on the bottom. I'm using tables as the container. Here is the opening code:

    body {background-color: white; background-image:url('time.jpeg')}
    a:link {text-decoration:none; color:navy; Verdana; font-size: 18pt;} /* unvisited link */
    a:visited {text-decoration:none; color: navy; Verdana; font-size: 18pt} /* visited link */
    a:hover {text-decoration:none; color: red; Verdana; font-size: 18pt} /* mouse over link */
    a:active {text-decoration:none; color:red; Verdana; font-size: 18pt} /* selected link */
    .bios {font-family: Verdana; font-size:12pt}
    .events {font-family: Verdana; font-size:12pt}
    .menu {display:inline; height:30px; float:left; list-style:none}
    <table align="center" width="65%">
    <table width="100%" border="0">
    <tr valign="bottom">
    <td align="left"><img src="logo.jpg" width="561" height="230" alt="TimeLine sign"></img></td>
    <td style="font:18pt Verdana">Home</td>
    <td style="font:18pt Verdana; color:navy">|</td>
    <td align="center"><a href="bios.htm">Our Bios</a></td>
    <td style="font:18pt Verdana; color:navy">|</td>
    <td align="center"><a href="events.htm">Events</a></td>
    <td style="font:18pt Verdana; color:navy">|</td>
    <td align="center"><a href="songs.htm">Song List</a></td>
    <td style="font:18pt Verdana; color:navy">|</td>
    <td align="center"><a href="mp3page.htm">Sample Songs</a></td>
    <td style="font:18pt Verdana; color:navy">|</td>
    <td align="center"><a href="pics.htm">Pictures</a></td>

    Any ideas on how to fix this problem are much appreciated. The site URL is:



  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Cottage Grove, Minnesota
    Member #
    717 times
    body {background-color: white; background-image:url('time.jpeg'); width:1000px;}

    Force a fixed-width for the body.

    On a side note, being a 70's band ... it was smart to make the site look like it was made in the 70's also.

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 12:42 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: