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.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 20
  1. #1
    Junior Member
    Join Date
    Jun 2011
    Location
    FLorida
    Posts
    18
    Member #
    28218
    Liked
    1 times
    So i'm as green as it get's when it comes to building websites... I just graduated URI last month... Needless to say, I have a TON of questions that were left unanswered. SO! .... the reason for this thread.... I've started building a web site.... renders great in Chrome, good in FF, but when I check to see how it looks in IE... Half of my content is missing! I really don't know whats causing this and I've looked through a couple of other threads but haven't found anything relating to my problem. Any advice would be appreciated!

  2.  

  3. #2
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    Link to site?

  4. #3
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    Post a link to the site so we can look at your code.
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  5. #4
    Junior Member
    Join Date
    Jun 2011
    Location
    FLorida
    Posts
    18
    Member #
    28218
    Liked
    1 times
    No link...still in development... building it with Dreamweaver cs5. I saw the way it rendered when I previewed it in different browsers. The person i'm building it for has only bought the domain name. But I'll paste it here:

    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=utf-8" />
    <title>Triple O Entertainment and artist management consulting</title>
    <link href="styles/default.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    <div class="container">
    <div id="header"> <a href="index.html"><img id=headerLogo src="images/header-logo.png" alt="TripleO logo" width="83" height="97" border="0" /></a> </div>
    <!-- end #header -->
    <div id="topNav">
    <ul>
    <li><a href="index.html">home</a></li>
    <li><a href="team.html">team</a></li>
    <li><a href="artists.html">artists</a></li>
    <li><a href="media.html">media</a></li>
    <li><a href="about.html">about</a></li>
    <li><a href="contact.html">contact</a></li>
    </ul>
    </div>
    <!-- end topNav -->
    <div id="billboard">
    <ul>
    <li><img src="images/reverb-logo.png" width="45" height="40" alt="ReverbNation logo" /></li>
    <li><img src="images/facebook-logo.png" width="45" height="40" alt="faceBook Logo" /></li>
    <li><a href="http://www.youtube.com/onourownent" target="_blank"><img src="images/youtube-logo.png" alt="YouTube Logo" width="45" height="40" border="0" /></a></li>
    </ul>
    </div>
    <!-- end billboard -->
    <div class="content">
    <div class="sidebar1">
    <h2>upcoming shows</h2>
    <p><strong><em>When:</em></strong> Friday, June 21st 9:00pm</p>
    <br />
    <p><strong><em>Where:</em></strong> Tommys Lounge</p>
    <p>99 India st. Pawtucket, RI</p>
    <br />
    <p><strong><em>Whon:</em></strong> Amp, Lyracist Battalion, Local Legends, and more!</p>
    <br />
    <p><strong><em>Cover:</em></strong> $10 at the door.</p>
    <p> Ladies free all night long! ...see more listing's</p>
    <br />
    <h2>affiliates</h2>
    <ul>
    <li><a href="http://www.rockitpro.com" target="_blank">www.rockitpro.com</a></li>
    <li><a href="http://www.grindtimenow.com" target="_blank">www.grindtimenow.com</a></li>
    <li><a href="http://www.inkplanetdesign.com" target="_blank">www.inkplanetdesign.com</a></li>
    </ul>
    <br />
    <h2>booking info</h2>
    <p>Click <a href="contact.html">here </a>to book or reach one of our artist's</p>
    <br />
    <h2>free stuff</h2>
    <p>Download free bonus track's, wallpaper's, and more!</p>
    <br />
    <p>Buy us a drink!<img src="images/paypal-logo.png" width="62" height="31" alt="donate button" /></p>
    </div>
    <!-- end sidebar1 -->
    <div id="welcome">
    <h2>welcome to triple-o entertainment!</h2>
    <p><img src="images/aka.png" alt="AKA on the mic" width="276" height="299" class="fltrt" />Aliquam, rhoncus turpis augue ac, cras urna? In? Enim amet dictumst amet massa adipiscing, in porta parturient nisi eros nascetur, turpis in! Integer porttitor. Etiam dapibus, turpis eu! Auctor. Adipiscing arcu, ac, odio urna. Ac nec sociis sit ut adipiscing, integer pellentesque tortor? Tincidunt rhoncus ultrices, porttitor amet cras nascetur, odio et? Amet rhoncus enim porta quis odio adipiscing dignissim nec odio, nunc, mid nunc et mid odio pellentesque mus? Sit est aliquam pid, ridiculus nisi, rhoncus facilisis. Eu enim ac dapibus</p>
    </div>
    <!-- end welcome -->
    <div id="showTime">
    <p>Showtime Photo's</p>
    <ul id=showThumbs>
    <li><img src="images/tn1.jpg" width="118" height="91" /></li>
    <li><img src="images/tn2.jpg" width="118" height="91" /></li>
    <li><img src="images/tn3.jpg" width="118" height="91" /></li>
    <li><img src="images/tn4.jpg" width="118" height="91" /></li>
    <li><img src="images/tn5.jpg" width="118" height="91" /></li>
    <li><img src="images/tn6.jpg" width="118" height="91" /></li>
    <li><img src="images/tn7.jpg" width="118" height="91" /></li>
    <li><img src="images/tn8.jpg" width="118" height="91" /></li>
    <li><img src="images/tn9.jpg" width="118" height="91" /></li>
    </ul>
    <ul>
    <li><a href="contact.html"><img src="images/venues-button.png" alt="venue button" width="124" height="59" border="0" /></a></li>
    <li><a href="artist.html"><img src="images/artist-button.png" alt="artists button" width="124" height="59" border="0" /></a></li>
    <li><a href="media.html"><img src="images/collab-button.png" alt="collab button" width="124" height="59" border="0" /></a></li>
    </ul>
    </div>
    <!-- end showTime -->
    <div id="videoBox">
    <p>
    <iframe width="511" height="392" src="http://www.youtube.com/embed/OX92bSpyy_E" frameborder="0" allowfullscreen></iframe>
    </p>
    </div>
    <!-- end videoBox -->
    <div id="statement">
    <h2>express yourself!</h2>
    <p>Aliquam, rhoncus turpis augue ac, cras urna? In? Enim amet dictumst amet massa adipiscing, in porta parturient nisi eros nascetur, turpis in! Integer porttitor. Etiam dapibus, turpis eu! Auctor. Adipiscing arcu, ac, odio urna. Ac nec sociis sit ut adipiscing, integer pellentesque tortor? Tincidunt rhoncus ultrices, porttitor amet cras nascetur, odio et? Amet rhoncus enim porta quis odio adipiscing dignissim nec odio, nunc, mid nunc et mid odio pellentesque mus? Sit est aliquam pid, ridiculus nisi, rhoncus facilisis. Eu enim ac dapibus Aliquam, rhoncus turpis augue ac, cras urna? In? Enim amet dictumst amet massa adipiscing, in porta parturient nisi eros nascetur, turpis in! Integer porttitor. Etiam dapibus, turpis eu! Auctor. Adipiscing arcu, ac, odio urna. Ac nec sociis sit ut adipiscing, integer pellentesque tortor? Tincidunt rhoncus ultrices, porttitor amet cras nascetur, odio et? Amet rhoncus enim porta quis odio adipiscing dignissim nec odio, nunc, mid nunc et mid odio pellentesque mus? Sit est aliquam pid, ridiculus nisi, rhoncus facilisis. Eu enim ac dapibus</p>
    </div>
    <!-- end statement-->
    </div>
    <!-- end .content -->
    <div class="footer">
    <div id="bottomNav">
    <ul id="footerNav1">
    <li><a href="index.html">Triple O</a></li>
    <li><a href="team.html">The Team</a></li>
    <li><a href="media.html">Media</a></li>
    <li><a href="artists.html">Artists</a></li>
    </ul>
    <ul id="footerNav2">
    <li><a href="about.html">News</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
    <li><a href="http://www.inkplanetdesign.com">InkPlanet</a></li>
    </ul>
    <ul id="footerNav3">
    <li><a href="http://www.reverbnation.com">Reverb Nation</a></li>
    <li><a href="http://www.grindtimenow.com">Grind Time</a></li>
    <li><a href="http://www.youtube.com/onourownent">YouTube</a></li>
    <li><a href="http://www.facebook.com/onourownent">FaceBook</a></li>
    </ul>
    <ul id="footerNav4">
    <li><a href="terms.html">Terms of use</a></li>
    </ul>
    </div>
    <!-- end bottomNav -->
    <a href="index.html"><img src="images/footer-logo.png" alt="TripleO logo" width="118" height="125" border="0" /></a>
    <p>All rights reserved. <span style= "color:#ff0000">Triple-O.net</span> 2011 to Infinity</p>
    </div>
    <!-- end .footer -->
    </div>
    <!-- end .container -->
    </body>
    </html>

    Thanks in advance for any help or advice this gets!!!:coffee:

  6. #5
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    I tried to make a website out of that code it looks really bad because of no CSS. Can you post your CSS too so I can try to recreate the website?

  7. #6
    Junior Member
    Join Date
    Jun 2011
    Location
    FLorida
    Posts
    18
    Member #
    28218
    Liked
    1 times
    Sure ...here goes, but you still wont have the fonts or images... itll only give you the layout im guessing....

    @charset "utf-8";
    * {
    margin: 0;
    padding: 0;
    }
    body {
    margin: 0;
    padding: 0;
    color: #000;
    background-image: url(../images/background.jpg);
    font-family: "Adobe Garamond Pro";
    font-size: 16px;
    line-height: normal;
    background-repeat: repeat;
    background-attachment: fixed;
    }
    .container {
    width: 960px;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    background-image: url(../images/bg.jpg);
    }
    .content {
    width: 960px;
    float: left;
    }
    h2 {
    font-family: "Eight Track";
    font-size: 30px;
    color: #F00;
    font-weight: normal;
    }
    #header {
    background-image: url(../images/masthead.jpg);
    background-repeat: no-repeat;
    height: 176px;
    }
    #header #headerLogo {
    padding-top: 77px;
    padding-left: 15px;
    }
    #topNav ul {
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: #000;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    height: 30px;
    }
    #topNav ul li {
    display: inline;
    font-family: "Eight Track";
    font-size: 30px;
    padding-left: 70px;
    }
    #topNav ul li a {
    color: #000;
    text-decoration: none;
    }
    #billboard {
    background-image: url(../images/billboard.jpg);
    height: 114px;
    }
    #billboard h1 {
    }

    #billboard ul {
    float: right;
    padding-top: 70px;
    }
    #billboard ul li {
    display: inline;
    }
    #billboard h1 {
    text-indent: -9999px;
    }
    #welcome {
    height: 362px;
    width: 588px;
    float: left;
    }
    #welcome h2 {
    padding-top: 10px;
    padding-left: 10px;
    }
    #welcome p {
    padding-left: 20px;
    }
    #showTime {
    background-image: url(../images/showtime-div.png);
    float: left;
    height: 359px;
    width: 588px;
    }
    #showTime p {
    color: #FFF;
    float: left;
    padding-top: 6px;
    font-size: 16px;
    padding-right: 5px;
    padding-left: 5px;
    }
    #showTime ul {
    padding-top: 40px;
    padding-left: 20px;
    list-style-type: none;
    float: left;
    }
    #showTime ul li {
    padding-top: 20px;
    }
    #showTime #showThumbs {
    height: 309px;
    width: 412px;
    float: right;
    padding-top: 50px;
    padding-right: 10px;
    }
    #showTime #showThumbs li {
    display: inline;
    padding-left: 10px;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    }
    .sidebar1 {
    float: left;
    width: 371px;
    background-image: url(../images/sidebar1-bg.jpg);
    height: 721px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000;
    }
    .sidebar1 h2 {
    padding-top: 10px;
    padding-left: 10px;
    }
    .sidebar1 p {
    padding-left: 10px;
    }
    .sidebar1 ul {
    padding-left: 10px;
    }
    .sidebar1 ul li {
    text-decoration: none;
    list-style-type: none;
    }
    #videoBox {
    height: 392px;
    width: 511px;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    }
    #statement {
    float: right;
    height: 392px;
    width: 420px;
    padding-top: 10px;
    }
    .footer {
    background-image: url(../images/footer.png);
    position: relative;
    clear: both;
    width: 960px;
    background-repeat: no-repeat;
    height: 410px;
    }
    .footer p {
    color: #FFF;
    float: left;
    }
    .footer img {
    float: left;
    }
    .footer ul {
    height: 100px;
    width: 100px;
    padding-left: 5px;
    }
    #footerNav1 {
    float: left;
    padding-left: 500px;
    }
    #footerNav1 li {
    font-size: 14px;
    list-style-type: none;
    color: #F00;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00;
    }
    #footerNav2 {
    float: left;
    }
    #footerNav2 li {
    font-size: 14px;
    color: #F00;
    list-style-type: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00;
    }
    #footerNav3 {
    float: left;
    }
    #footerNav3 li {
    font-size: 14px;
    color: #F00;
    list-style-type: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00;
    }
    #footerNav4 {
    float: left;
    }
    #footerNav4 li {
    font-size: 14px;
    color: #F00;
    list-style-type: none;
    }
    #bottomNav ul li a {
    text-decoration: none;
    color: #F00;
    }
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    }
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    }

  8. #7
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    I was successfully able to recreate the site. I see what the problem is.

  9. #8
    Junior Member
    Join Date
    Jun 2011
    Location
    FLorida
    Posts
    18
    Member #
    28218
    Liked
    1 times
    Ok... aside from the fact that it needs a ton of work.... and its the product of a noob.... whats killing me?

  10. #9
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    I'm trying to figure that out right now.
    Hopefully somebody else can give this a look over because I'm not very experienced.
    But I'll try!

  11. #10
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    Nevermind my last suggestiosn (i deleted it)


Page 1 of 2 1 2 LastLast

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