Creating CSS Frames in Posts

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
avatar
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 y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
Language : EN, FR, ES
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
avatar
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%;
}
avatar
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
avatar
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 y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Back to top


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