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

Thread: HTML help

  1. #1
    Senior Member donkey123's Avatar
    Join Date
    Dec 2010
    Member #
    17 times
    Hi, I have only basic html experience so hope others might be able to assist with this 2 problems:

    On my website in the success box halfway down the page using Internet Explorer 9 the text "Success stories tim101 and loveme" is not wrapping around correctly? any ideas why this is happening and how to fix it?
    Attachment 2574

    Also for mobile android users the image is not aligning up correctly at all in the success stories box, it shows the image of the success couple hiding behind the text in front, not underneath it as it should be? should I be using a clear all or float left css command here somewhere?

    Please see code below, any help is appreciated.


    HTML Code snipplet:

    <div class="quotes rbox"><div class="clearall"></div><a href="" style="text-decoration:none">
    <div class="content">
    <p>Success Stories Tim101 & Loveme</p>


    CSS Code:

    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #f1f0f0 10%, #f1f0f0 94%, #d3d3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(10%,#f1f0f0), color-stop(94%,#f1f0f0), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#f1f0f0 10%,#f1f0f0 94%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#f1f0f0 10%,#f1f0f0 94%,#d3d3d3 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#f1f0f0 10%,#f1f0f0 94%,#d3d3d3 100%); /* IE10+ */
    background: linear-gradient(top, #fefefe 0%,#f1f0f0 10%,#f1f0f0 94%,#d3d3d3 100%); /* W3C */
    .quotes .content{height:100%; background:url(/resource/images/snowman-study.png) 50% 75% no-repeat;}
    .quotes p{position:relative; top:25px; left:17px; padding-left:55px; font-size:18px; color:#8c8c8c; line-height:110%; text-transform:uppercase; font-weight:bold; text-shadow:#fff 1px 1px 0; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; background:url(/resource/images/sprite.png) -438px -519px no-repeat;}

    .rbox{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden;}

    .clearall{height:0; clear:both; overflow:hidden;}



    Attached Images Attached Images
    IQ Catch Intelligent Dating for Smart People


  3. #2
    Member neicawse's Avatar
    Join Date
    Oct 2011
    Member #
    6 times
    seems like you've fixed this now....

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