Reply to thread

Message

<blockquote data-quote="Nehalem" data-source="post: 260190" data-attributes="member: 37120">So you're trying to get a title to that 'box'? That's easy.Let's say you've a box, written in pure CSS, no images at all.[CODE].box {&nbsp; &nbsp; background-color: #FFF;&nbsp; &nbsp; border-radius: 3px;&nbsp; &nbsp; padding: 10px;&nbsp; &nbsp; width: 200px;}[/CODE]Now, all you want is to add a title to that box, maybe with a coolish background color.[CODE].title {&nbsp; &nbsp; background-color: #F00;&nbsp; &nbsp; color: #FFF;&nbsp; &nbsp; padding: 10px;&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; border-radius: 3px;&nbsp; &nbsp; margin-bottom: 10px;}[/CODE]And the HTML output will be:[HTML]&lt;div class=&quot;box&quot;&gt;&nbsp; &nbsp; &lt;div class=&quot;title&quot;&gt;Title/Header Here&lt;/div&gt;&nbsp; &nbsp; And some content text here.&lt;/div&gt;[/HTML]I hope that helps you out, since you'll have to do something similar to that.</blockquote>

[QUOTE="Nehalem, post: 260190, member: 37120"] So you're trying to get a title to that 'box'? That's easy. Let's say you've a box, written in pure CSS, no images at all. [CODE].box { background-color: #FFF; border-radius: 3px; padding: 10px; width: 200px; }[/CODE] Now, all you want is to add a title to that box, maybe with a coolish background color. [CODE].title { background-color: #F00; color: #FFF; padding: 10px; font-weight: bold; border-radius: 3px; margin-bottom: 10px; }[/CODE] And the HTML output will be: [HTML]<div class="box"> <div class="title">Title/Header Here</div> And some content text here. </div>[/HTML] I hope that helps you out, since you'll have to do something similar to that. [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members