Jump to content
Sign in to follow this  
gayatriom

Wrapped some content in div, but div not registering

Recommended Posts

gayatriom    0
gayatriom

Hi. I wrapped put this inside my page editor.

<div class="homepics">

<a href="http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Left.png"'>http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Left.png"><img'>http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Left.png"'>http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Left.png"><img class="alignleft wp-image-12" title="Finalized (Left)" src="http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Left.png"'>http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Left.png" alt="" width="475" height="398" /></a><a href="http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Right.png"'>http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Right.png"><img'>http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Right.png"'>http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Right.png"><img class="alignright wp-image-13" title="Finalized (Right)" src="http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Right.png"'>http://tibetbutlerexteriors.com/site/wp-content/uploads/2012/10/Finalized-Right.png" alt="" width="475" height="398" /></a>

</div>

I want to wrap the pictures in a div so that I can give them a unique background and color:

however the div isn't closing.

see here: http://tibetbutlerexteriors.com/site/

Any help is appreciated!

Share this post


Link to post
Share on other sites
catrina    103
catrina

I'm on your website but all I see is an image of a palm tree and I can't access the rest of the content. Is this also what you see?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
gayatriom    0
gayatriom

oh.

hmm. no. if you refresh. it will stay there for 10 seconds and redirect. let me remove that.

ok. try now.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • dreja
      By dreja+
      Hi,
       
      I have a site in development :
       
      ^ On this page there a ton of white space. I'd like for the div below the picture and main text to sit in this white page but when I move it there, the div shows up behind the picture. 
       
      Can anyone suggest a way for me to have the coloured box show up in that empty white space? Thanks for your help.
    • cstreeting
      By cstreeting
      Hi all,
       
      I'm trying to re-create the PageLines Twitter feed (seeing that it is broken since Twitter's recent API changes). I signed up to Twitter's embedded timelines and so I am looking to add that Twitter widget to a sidebar that is similar-looking to PageLines' Twitter integration. Anyone have any idea on how to do this? I've been able to add the widget to the Morefoot Left (or Middle or Right) section but it gets added to the top of the page, under the header, and only in a single-of-three-columns format.
       
      Any help would be appreciated and I think this might help MANY others...
    • adaml44
      By adaml44
      On my website there's space below the footer area. Here's what I know about the space:
      1) it is 20px high
      2) it appears on every page, regardless of page template, content height, or enabled features
      3) it displays the page background color, but does not display the repeating background image
      4) if the PageLines Leaf icon (#cred) is displayed (which I have turned off), it enlarges this area, and the leaf appears centered within.
       
      What I would like to do is eliminate this space, so that my footer (and beside the footer, my background image) form the lowest edge of the page. A picture of this nefarious space is included for reference:
       

    • Steve Webb
      By Steve Webb+
      Hi.
      I am wondering if someone can help me.
      I have some buttons on a page in my site that are driving me crazy.
      Here is the page:
      http://mattro.se/contact/
      The Linkedin and Instagram buttons (divs) are supposed to be side by each, and continue to be side by each until the browser is so small that the containing div slips under the message box.  Right now, the 'linkedin button is slipping under the IG button long before  the containing div slips under.
      Can someone PLEASE show me what im doing wrong here?
       
      Here is the page code:
      <div class="row"><div class="span12 well"><h1 class="contact">Pen me a letter</h1>[contact-form-7 id="460" title="Contact form 1"]</div> </div> <!--THIS IS THE CONTACT FORM 7 CODE--> <div class="row"><div class="span4"> <p>Name (required)<br /> [text* your-name] </p> <p>Email (required)<br /> [email* your-email] </p> [checkbox WorkEnquiry "Work Enquiry"] <p>Subject<br /> [text your-subject] </p> <p class="hidden-desktop">Message [textarea messagemobile]</p> <p class="hidden-desktop">[submit "Send"]</p></div> <div class="span8"><div class="phone well hidden-desktop hidden-tablet"><a href="javascript:void(0)" onclick="window.location='tel:+12505807673'" title="Call me" class="tel"><h1><em class="icon-phone icon-2x"></em></h1></a></div> <div class="row contact"><div class="span6 instag well"><a href="http://instagram.com/matroas" target="blank"><h1><em class="icon-camera-retro icon-2x"></em></h1></a></div> <div class="span6 linkedin well"><a href="http://ca.linkedin.com/in/matroas" target="_blank"><h1><em class="icon-linkedin icon-2x"></em></h1></a></div> </div> <p class="fredquote hidden-phone hidden-tablet">"The connections we make in the course of a life - maybe that's what heaven is. We make so many connections here on earth. Look at us; I've just met you, but I'm invested in who you are and who you will be, and I can't help it." ~ Fred Rogers</p> </div> </div> <p class="hidden-phone hidden-tablet">Message<br /> [textarea your-message] </p> <p class="hidden-phone hidden-tablet">[submit "Send"]</p>  
      And here is the pertinent CSS:
       
      .row.contact { min-width:100px; } .linkedin.well { margin:21px 5px; min-height:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; position:relative; min-width:50px; } .linkedin.well:hover { background:DarkSeaGreen; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .linkedin.well:hover h1 { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; color:white; } .linkedin.well h1 { margin:0; text-align:center; color:DimGray; } .phone.well { margin:21px 5px; min-height:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; } .phone.well:hover { background: blue; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; color:white; } .phone.well:hover h1 { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; color:white; text-align:center; } .phone.well h1 { margin:0; text-align:center; color:DimGray; } .instag.well { margin:21px 5px; min-height:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; min-width:50px; } .instag.well:hover { background: DarkOliveGreen; background: Tan; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; color:white; } .instag.well:hover h1 { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; color:white; text-align:center; margin:0; } .instag.well h1 { margin:0; text-align:center; color:DimGray; } p.fredquote { font-family:'Reenie Beanie', cursive; font-size:26px; color:grey; padding:0 0 20px 0; line-height:1.5em; } h1.contact { font-family: 'Pacifico', cursive; text-transform:none; font-size:55px; margin:0 0 15px 0; font-weight:lighter; color:DimGray; }  
      Please help!!
      Thanks so much!
       
      -m
    • shpr
      By shpr
      Hello,
       
      I'm hoping I can get some pointers regarding how to create a style something like this: http://themeforest.net/item/soundboard-a-premium-music-wordpress-theme-/full_screen_preview/2558532 (screenshot below)
       
      ie. to be able to set transparency on the various content areas, whilst allowing the background image to be fully visible in the "spacing" areas.
       
      A similar example in the Pagelines showcase is: http://www.pagelines.com/exhibit/digital-heavens/
       
      Do I apply styles to all the different areas eg. widget-pad, mcolumn-pad, content-pad or is there a different way of accomplishing this?
       
      Thanks
       

×