Help with different width/length of text and border in a post
-
Hi, I have a script built to show contacts on a page. I would like the border-top and border-bottom to have the width/length 700px but the text content 520 px. I have tried in different ways but have not been able to set them apart. I would be very grateful if anyone can help me with this! When I create a post for it to appear I do it in html mode like this:
<div class=”picture”> <img src=”http://smicker.se/wp-content/uploads/2012/04/namn.png” alt=”namn” /> <span>Förnamn Efternamn<em>titel</em></span> </div> <div class=”info”> <h3>Namn, titel</h3> <p>presentation</p> </div>
[please follow the forum guidelines for posting code – http://codex.wordpress.org/Forum_Welcome#Posting_Code ]
So it is after
<div class="info">
I want to control the width of the text flow to 520pxThis is the CSS for contacts
#content.contact{ width: 700px; padding: 0px 0px 120px 0px !important;} #content.contact .post { float: left; margin: 20px 20px 0 0; width: 150px; } #content.contact .post .picture { float: left; margin-right: 20px; text-align: center; cursor: pointer; cursor: hand; } #content.contact .post .picture img { display: block; opacity: 0.4;} #content.contact .post .picture:hover img { display: block; opacity: 1.0 !important;} #content.contact .post .picture:hover span { color: #f4789c; !important;} #content.contact .post .picture span { color: #000; } #content.contact .post .info { display: none; } #content.contact .post h3 { color: #f4789c; } #content.contact img.desaturated { opacity: 0.4; } #content.contact .clearers { clear: both; position: relative; top: 10px; } #content.contact .clearers img.dot { position:absolute; z-index: 999; } #content.contact .clearers.info { border-top: 1px solid #808080; border-bottom: 1px solid #808080; margin-bottom: 20px; padding: 20px 0px 20px 0px; }
and this is the site
smicker.se/kontaktI’m sorry for my bad English
Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
- The topic ‘Help with different width/length of text and border in a post’ is closed to new replies.