Help with a <div> tag

**GhettoT** · 12-02-2006, 11:51 PM

OK, so i want add a page title div. I want it to work much how the Chrome CSS Drop Down Menu works in that you make a 3px. X 50px. Image that will make up a background around the text that you assign. Like how this page puts a background behind the "Mission Statement" I have the CSS semi coded and it looks like this:

Code:

DIV.title{
     border: 1px solid #BBB;
     background: url(PATH/TO/BG_IMAGE.gif) center center repeat-x; 
}

But how would i add in the HTML so that the title would show up?
Would it look like:

Code:

<div class="title"><b>PAGE TITLE HERE</b></div>

Yes, i know their is the

Code:

<head>
    <title>TITLE_HERE</title>

But I want to have a page title thing in the actual page as well.

Any ideas?

-GT

**mburt** · 12-03-2006, 12:13 AM

All you have to do in the css is set the class properly:

Code:

.title{
     border: 1px solid #BBB;
     background: url(PATH/TO/BG_IMAGE.gif) center center repeat-x; 
}

The DIV you had there wasn't necessary. And your markup should look like this:

Code:

<div class="title"><b>PAGE TITLE HERE</b></div>

(the same as before)

**GhettoT** · 12-03-2006, 12:44 AM

Oh yes, i know the DIV.[div name] wasn't neccesary, i just use it to keep all my CSS neat. (mostly because other eople on my web team are HTML/CSS illiterate.)
Thanks for confirming my code!

-GT

**mburt** · 12-03-2006, 12:55 AM

No prob.

Thread: Help with a <div> tag

Thread Tools

Search Thread

Help with a <div> tag

Bookmarks

Bookmarks

Posting Permissions