Text around my <blockquotes>

Discussion in 'CSS' started by blktallos, Nov 7, 2008.

  1. #1
    Why isn't my text showing up on the right column around my blockquotes?
    It seems to me that my links arent working in firefox.But my links are working properly in Opera?If anyone can help me out getting my text to show up in my recent projects div it would be a miracle LOL.

    http://www.blakeanthony.net/test.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>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
        color:#111;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:100%;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;
        margin:0;
        padding:0;
        background-color:#fff;
        background-image: url(http://blakeanthonydesign.com/images/left%20tree.png);
        background-repeat: no-repeat;
        background-attachment:fixed;
        background-position:top left;
    
        
       
        
        
    }
    html, body {
        height:100%
    }
    #wrapper {
        margin: auto;
        margin-bottom:-255px;
        margin-right:auto;
        min-height:100%;
        padding-left:20px;
        padding-right:20px;
        position:relative;
        width:940px
    
    
    }
    * html #wrapper {
        height:100%
          
    
    }
    #mainMenu {
        display: block;
        clear: both;
        width: 800px;
    }
    #footer {
        padding: 5px;
        clear: both;
        height:400px;
        background:#222222;
        background-image: url(http://blakeanthonydesign.com/images/bg-footer.png);
        background-repeat: repeat-x;
        
        
    }
    .clear {
        clear: both;
    }
    .clearer {
        height:255px;
        clear:both;
    }
    #mainMenu ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-color:fff;
    }
    #mainMenu li {
        padding-right: 5px;
        padding-left: 5px;
        float: left;
        color:111;
        background:#222;
        
    }
    
    A:link {text-decoration: none; color:white;}
    A:visited {text-decoration: none; color: white;}
    A:active {text-decoration: none; color: white;}
    A:hover {text-decoration: none; color: gray;}
    
    
    #homeContent {
        float: left;
        width: 380px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .project {
        background:transparent url(http://blakeanthonydesign.com/images/34xlyy8%20copy.png) no-repeat 0 0;
        margin-top:0;
        text-indent:-9999px;
        width:190px;
        text-color:#111;
    }
    #recent {
        float: right;
        width: 380px;
        padding-right: 10px;
        padding-left: 10px;
         text-color:#000;
    }
    
    
    .divider {
        clear:both;
        width:100%;
        background:#fff url(http://blakeanthonydesign.com/images/div%20divider.png) repeat-y 50% 0;
        font-style:italic;
        border-left:1px solid #CCCCCC;
        border-right:1px solid #CCCCCC;
        border-top:1px solid #CCCCCC;
        
    }
    .footerBox {
        float:left;
        width:300px;
        
        
        
    }
    .footer-inner {
        width:940px;
        margin:auto;
        color:#fff;
        
        
     }  
        #footerimage { 
        position:absolute; 
        right:67pt; 
        top: 334pt; 
        width:150pt;
    }
    .footer-section {
        padding:0px;
        position:relative;
        width:915px;
        margin: 0 auto;
        border-top:1px solid #CCCCCC;
        border-bottom:1px solid #CCCCCC;
        height:187px;
        clear:both
    }
    
    h3 {
    
    text-align:left;
    text-indent: 300px
    color:#111;
    }
    
    .demoMenu li {
    display:inline;
    
    }
    
    .demoMenu a {
    float:left;
    width:100px;
    height:100px;
    overflow:hidden;
    background:url(http://i35.tinypic.com/15nula0.png);
    }
    
    .demoMenu img {
    margin-top:150px;
    border:0;
    }
    
    .demoMenu a:active img,
    .demoMenu a:focus img,
    .demoMenu a:hover img {
    margin:0;
    
    }
    project p{
    text-color:#111;
    
    } 
    
    
    
    -->
    </style>
    </head>
    <body>
    <div id="wrapper">
        <div id="banner"><img alt="" src="http://blakeanthonydesign.com/images/2edmukx.png" /></div>
        <div id="mainMenu">
            <ul>
    
                <li><i><a href="http://blakeanthony.net/welcome">Welcome</a></i></li>
                <li><i><a href="http://blakeanthony.net/portfolio">Portfolio</a></i></li>
                <li><i><a href="http://blakeanthony.net/blog">Blog</a></i></li>
                <li><i><a href="http://blakeanthony.net/about">About</a></i></li>
                <li><i><a href="http://blakeanthony.net/contact">Contact</a></i></li>
            </ul>
    
        </div>
        <div class="divider">
            <div id="homeContent">
                <h2>Webdevelopment,Graphic Design</h2>
                <p>Hello,Welcome to BlakeAnthonyDesign.My name is Blake Tallos.
                   I am a Graphic designer,Web developer of 4 years and counting.I'm 19 years old.Graphic Design is a art a passion to me.I live breathe,sleep, web development.I've never taken a class for web-development.Im self taught.
                  In the future I plan on going to college to perfect in something that i love.My favorite type of website is a minimalistic website.Cutting down code to make beautiful designs.Unlike other developers you see on the web I am the real deal.I have an advanced level in CSS & Html.You know some people grow up to be a astronaut when they get older well i grew wanting to make a impact on web standards & design.In my freetime i contribute to Sitepoint.com/Forums/.You can usually find me in the CSS forum.</p>
                <p><strong>Leave it to us to take care of your business!</strong></p>
                <p><img src="http://blakeanthonydesign.com/images/logo.png"></p>
    
            </div>
            <div id="recent">
                <h2>Portfolio</h2>
                <div class="project"><a href="http://blakeanthony.net/project/001"> <img src="http://blakeanthony.net/style_files/scorecard.htm" alt="ScoreCard Sports Bar and Grill" /></a>
                    <h3> Scorecard Sports Bar and Grill</h3>
                    <blockquote>
                        <p>The website looks great and he's always in contact with you to make
                            sure everything is the way you want it. Once he receives requests,
                            his turnaround time is very quick. I would highly recommend him to
                            anyone!</p>
    
                        <p><cite>Roshaun Kerdzaliev<br />
                            Owner</cite></p>
                    </blockquote>
                </div>
                <div class="project"><a href="http://blakeanthony.net/project/002"> <img src="http://blakeanthony.net/style_files/wrightVet.htm" alt="Wright Veterinary Medical Center" /></a>
                    <h3><a href="http://blakeanthony.net/project/002">Wright Veterinary Medical Center</a></h3>
                    <blockquote>
    
                        <p>We are more than pleased with the final product. Our clients have
                            commented that they enjoy the site, and love the virtual tour
                            that was added.</p>
                        <p><cite>Rhonda Kromer<br />
                            Practice Manager</cite></p>
                    </blockquote>
                </div>
                <div class="project"><a href="http://blakeanthony.net/project/003"> <img src="http://blakeanthony.net/style_files/carpentersChurch.htm" alt="The Carpenters Community Church" /></a>
                    <h3><a href="http://blakeanthony.net/project/003">The Carpenters Community Church</a></h3>
    
                    <blockquote>
                         <p>Jt is knowledgeable and passionate about the details that will
                            get the job done. Our site fits us and Jt did whatever it took
                            to get us there.</p>
                        <p><cite>Tucker Hibbs<br />
                            Pastor of Worship and Student Ministries</cite></p>
                    </blockquote>
                </div>
            </div>
    
            <div class="clear"></div>
        </div>
        <div class="clearer"></div>
    </div>
    <div id="footer">
    
    
    <div class="footer-inner">
            <div id="contactBox"><img src=""></div>
            <div class="footerBox feeds">
                <img src="http://blakeanthonydesign.com/images/subscribe%20copy.png">
                  <li>
                <a href="http://www.blakeanthonydesign.com/blog/?feed=rss2">Rss</a>
    </li>
            </div>
            <div class="footerBox quickInfo">
                <img src="http://blakeanthonydesign.com/images/quickinfo.png">
                <div>&copy; BlakeAnthonyDesign<br />
    
                    All Rights Reserved<br />
                    <br />
                    BlakeAnthony
                    @BlakeAnthonyDesign.com<br />
                    (330) 431-0948 </div>
            </div>
            <div class="footerBox navigation">
                <img src="http://blakeanthonydesign.com/images/navigation.png">
    
                <ul>
                    <li><a href="http://www.blakeanthonydesign.com/index.html">Welcome</a></li>
                    <li><a href="http://www.blakeanthonydesign.com/portfolio.html">portfolio</a></li>
                    <li><a href="http://www.blakeanthonydesign.com/blog.html">blog</a></li>
                    <li><a href="http://www.blakeanthonydesign.com/about.html">about</a></li> 
                    <li><a href="http://www.blakeanthonydesign.com/contact.html">contact</a></li>
                    
                </ul>
    
    
    
    </div>
    </div>
    
    
    <div id="footerimage">
    
    <img src="http://blakeanthonydesign.com/images/brushes%20copy.png">
    
    </div>
    
    <div id="flickr" class="footer-section">
    <h4>Random Flickr</h4>
    <ul class="demoMenu">
    <li>
    <a href="#">
    
    <img src="http://i38.tinypic.com/14o7p7n.png" width="150" height="150" alt="FlickrGallery" />
    </a>
    </li><li>
    <a href="#">
    <img src="http://i36.tinypic.com/2v8sje0.png" width="150" height="150" alt="FlickrGallery" />
    </a>
    </li><li>
    
    <a href="#">
    <img src="http://i38.tinypic.com/akjwht.png" width="150" height="150" alt="FlickrGallery" />
    
    </a>
    </li>
    <li>
    <a href="#">
    <img src="http://i34.tinypic.com/2k29hs.png" width="150" height="150" alt="FlickrGallery" />
    
    </a>
    </li>
    <li>
    <a href="#">
    <img src="http://i38.tinypic.com/2egf991.png" width="150" height="150" alt="FlickrGallery" />
    
    </a>
    
    </li>
    
    <li>
    <a href="#">
    <img src="http://i38.tinypic.com/2egf991.png" width="150" height="150" alt="FlickrGallery" />
    
    </a>
    
    </li>
    <li>
    <a href="#">
    <img src="http://i38.tinypic.com/2egf991.png" width="150" height="150" alt="FlickrGallery" />
    
    </a>
    
    </li>
    <li>
    <a href="#">
    <img src="http://i38.tinypic.com/2egf991.png" width="150" height="150" alt="FlickrGallery" />
    
    </a>
    
    </li>
    
    
    
    </ul>
    
    
    </div>
    </body>
    </html>
    HTML:

     
    blktallos, Nov 7, 2008 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Are you talking about the white link text on a white background?

    cheers,

    gary
     
    kk5st, Nov 8, 2008 IP
  3. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes also what is clearer DIV actually there for, that's whats stopping footer links from working.
     
    wd_2k6, Nov 8, 2008 IP
  4. blktallos

    blktallos Active Member

    Messages:
    314
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #4
    I just want to make things simple I want get rid of all this
     <h2>Portfolio</h2>
                <div class="project"><a href="http://blakeanthony.net/project/001"> <img src="http://blakeanthony.net/style_files/scorecard.htm" alt="ScoreCard Sports Bar and Grill" /></a>
                    <h3> Scorecard Sports Bar and Grill</h3>
                    <blockquote>
                        <p>The website looks great and he's always in contact with you to make
                            sure everything is the way you want it. Once he receives requests,
                            his turnaround time is very quick. I would highly recommend him to
                            anyone!</p>
    
                        <p><cite>Roshaun Kerdzaliev<br />
                            Owner</cite></p>
                    </blockquote>
                </div>
                <div class="project"><a href="http://blakeanthony.net/project/002"> <img src="http://blakeanthony.net/style_files/wrightVet.htm" alt="Wright Veterinary Medical Center" /></a>
                    <h3><a href="http://blakeanthony.net/project/002">Wright Veterinary Medical Center</a></h3>
                    <blockquote>
    
                        <p>We are more than pleased with the final product. Our clients have
                            commented that they enjoy the site, and love the virtual tour
                            that was added.</p>
                        <p><cite>Rhonda Kromer<br />
                            Practice Manager</cite></p>
                    </blockquote>
                </div>
                <div class="project"><a href="http://blakeanthony.net/project/003"> <img src="http://blakeanthony.net/style_files/carpentersChurch.htm" alt="The Carpenters Community Church" /></a>
                    <h3><a href="http://blakeanthony.net/project/003">The Carpenters Community Church</a></h3>
    
                    <blockquote>
                         <p>Jt is knowledgeable and passionate about the details that will
                            get the job done. Our site fits us and Jt did whatever it took
                            to get us there.</p>
                        <p><cite>Tucker Hibbs<br />
                            Pastor of Worship and Student Ministries</cite></p>
                    </blockquote>
                </div>
            </div>
    HTML:
    After i get rid of all that text i just want to have my simple floats.
    Maybe have 2 in that recent projects div.floats. 1(webdesign) 2(web development)


    I just want to get rid of all that html since its not working and aligning right and your right i do need to cut down my code.

    How can i get my footer links working and just have 2 floats in my div thats messing up all my words? Something like this.
    [​IMG]
     
    blktallos, Nov 8, 2008 IP