Register

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 4 of 4
  1. #1
    Junior Member
    Join Date
    Nov 2005
    Posts
    2
    Member #
    11903
    the problem: been laying out my new site - not doing too well so far...
    linky here in IE it's all over the place and in FF it spreads down the page. I'm on a Mac, so IE was a screenshot from a friend.

    here is the CSS, full of errors I am sure, haven't touched any in a bit which doesn't help:


    body {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    background: #006699 url(images/background.gif) repeat-y center top;
    margin: 0px;
    }

    td {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }

    th {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: underline;
    }
    a:active {
    text-decoration: none;
    }
    .smalltxt {
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #006699;
    }
    .topmenu{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    }
    #body {
    width: 760px;
    padding: 0px;
    top: 0px;
    }
    #top_nav {
    background-color:#006699;
    position: relative;
    left: 558px;
    width: 200px;
    height: 20px;
    }
    #top_nav li {
    display: inline;
    list-style-type: none;
    }

    #left{
    width: 150px;
    height: 110px;
    top: 300px;
    left: 5px;
    position: relative;
    }
    #contact_frame {
    background: url(images/contact_frame.gif) no-repeat;
    width: 141px;
    height: 107px;
    position: relative;
    padding-top: 8px;

    }
    Also here is the html:
    <body>
    <div id="wrapper" align="center">
    <div id="body" align="left">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="160" height="310" align="left" title="menu">
    <param name="movie" value="flash/menu.swf" />
    <param name="quality" value="high" />
    <embed src="flash/menu.swf" width="160" height="310" align="left" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
    </object>
    <div align="center" class="topmenu" id="top_nav">home :: sitemap :: contact </div>
    <div id="left" align="center">
    <div class="topmenu" id="contact_frame">
    </div>
    <div class="smalltxt"> waako 2005 </div>
    </div>
    <img src="images/productions/carmen.jpg" alt="Carmen" />
    </div>
    </div>
    </body>

  2.  

  3. #2
    Member
    Join Date
    Mar 2006
    Posts
    84
    Member #
    12765
    Ok for one how is it suppose to look, given this is the bad design, how is the page suppose to be structured?

  4. #3
    Member
    Join Date
    Mar 2006
    Posts
    84
    Member #
    12765
    ok try this in FF its clean looking; in IE you have a small amount of white space try this code on your end

    CSS:
    /* CSS Document */
    body {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    background: #006699 url(images/background.gif) repeat-y center top;
    margin: 0px;
    }

    td {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }

    th {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: underline;
    }
    a:active {
    text-decoration: none;
    }
    .smalltxt {
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #006699;
    }
    .topmenu{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    vertical-align:text-top;
    }
    #body {
    width: 760px;
    padding: 0px;
    top: 0px;
    }
    #top_nav {
    background-color:#006699;
    position: relative;
    left: 558px;
    width: 200px;
    height: 20px;
    }
    #top_nav li {
    display: inline;
    list-style-type: none;
    }

    #left{
    width: 150px;
    height: 110px;
    top: 300px;
    left: 5px;
    position: relative;
    }
    #contact_frame {
    background: url(images/contact_frame.gif) no-repeat;
    width: 141px;
    height: 107px;
    position: relative;
    padding-top: 8px;

    }

  5. #4
    Member
    Join Date
    Mar 2006
    Posts
    84
    Member #
    12765
    here's the HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>[Index Page]</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper" align="center">
    <div id="body" align="left">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="160" height="313" vspace="0" align="left" title="menu">
    <param name="movie" value="flash/menu.swf" />
    <param name="quality" value="high" />
    <embed src="flash/menu.swf" width="160" height="313" vspace="0" align="left" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
    </object>
    <div align="center" class="topmenu">home :: sitemap :: contact </div>
    <img src="images/productions/carmen.jpg" alt="Carmen" / >
    <div class="topmenu" id="contact_frame" align="center">
    <div class="smalltxt"> waako 2005 </div>
    </div></div></div>
    </body>
    </html>


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 10:57 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com