The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Creating CSS Frames in Posts

View previous topic View next topic Go down

Solved Creating CSS Frames in Posts

Post by collinsexton on May 26th 2013, 2:48 am

So I'm trying to make a "Topic Solved and Locked" Frame through the CSS Stylesheet, but I can't get it to fit from left to right of the post. It is aligned to the left and the border ends where the text ends. I want it to stretch to fit the frame of a post. Can anybody help me? Confused

Code:
.solvedandlocked {
border: 1px solid;
margin: 10px 0px;
padding:5px 5px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
div: 710px 34px
}
.solvedandlocked {
color: #339933;
background-color: #d4f4aa;
background-image: url('http://i43.servimg.com/u/f43/16/93/80/74/tick10.png');
}


Last edited by collinsexton on May 28th 2013, 1:04 am; edited 1 time in total

collinsexton
Forumember

Male Posts : 88
Reputation : 6
Language : English, Java | HTML | CSS
Location : Indiana

http://imtv.forumotion.com

Back to top Go down

Solved Re: Creating CSS Frames in Posts

Post by Sir Chivas™ on May 27th 2013, 7:25 pm

Hi,

First can you do this:
Please change the title of your topic, that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


Alright, can you provide a URL of a thread which these tables have been added, I want to see how they look first before given any codes out. Thank you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Creating CSS Frames in Posts

Post by collinsexton on May 28th 2013, 1:10 am

Sorry about that. Here you go. It won't let me since my account is less than a week old, so take out the spaces.:

http: // imtv. forumotion .com/t15-solved-and-locked

collinsexton
Forumember

Male Posts : 88
Reputation : 6
Language : English, Java | HTML | CSS
Location : Indiana

http://imtv.forumotion.com

Back to top Go down

Solved Re: Creating CSS Frames in Posts

Post by E-Mark on May 28th 2013, 1:33 am

Use this one instead:
Code:
.solvedandlocked {
border: 1px solid;
margin: 10px 0px;
padding:5px 5px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
div: 710px 34px
}
.solvedandlocked {
color: #339933;
background-color: #d4f4aa;
background-image: url('http://i43.servimg.com/u/f43/16/93/80/74/tick10.png');
width: 100%;
}

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Creating CSS Frames in Posts

Post by collinsexton on May 28th 2013, 1:39 am

@E-Mark wrote:Use this one instead:
Code:
.solvedandlocked {
border: 1px solid;
margin: 10px 0px;
padding:5px 5px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
div: 710px 34px
}
.solvedandlocked {
color: #339933;
background-color: #d4f4aa;
background-image: url('http://i43.servimg.com/u/f43/16/93/80/74/tick10.png');
width: 100%;
}

Yep it worked! Thanks E-Mark! That was such a simple solution! Smile

collinsexton
Forumember

Male Posts : 88
Reputation : 6
Language : English, Java | HTML | CSS
Location : Indiana

http://imtv.forumotion.com

Back to top Go down

Solved Re: Creating CSS Frames in Posts

Post by Sir Chivas™ on May 28th 2013, 2:28 am

Topic Solved & Locked



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum