The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Creating CSS Frames in Posts

3 posters

Go down

Solved Creating CSS Frames in Posts

Post by collinsexton Sun 26 May 2013 - 2:48

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 Tue 28 May 2013 - 1:04; edited 1 time in total
collinsexton
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™ Mon 27 May 2013 - 19:25

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.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
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 Tue 28 May 2013 - 1:10

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
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 Tue 28 May 2013 - 1:33

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
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

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

Back to top Go down

Solved Re: Creating CSS Frames in Posts

Post by collinsexton Tue 28 May 2013 - 1:39

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
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™ Tue 28 May 2013 - 2:28

Topic Solved & Locked
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
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