Solid Block Of Colour

[luke-stealth-man]

Say i want to make a solid block of a certain colour and put some text in it.
I could use an image, but id rather use HTML or something.
I dont want to use a full table or anything as complicated as that... Just a simple line of code or something if possible.

Ive atached a picture showing what i mean ^^

[elbekko]

<span style="height: 35px; width: 200px; background-color: #FF0000">Text goes here</span>

That should do it. Change the dimensions and colour to whatever you want ;)

[Jcrypt]

use a div layer... Example:

<div id="main" style="background-color: #FF0000; z-index: 2; position: absolute; left: 300 px; top: 50px"> My text here!!!!!!!!!!!!!</div>

[DoomyCheese]

I just use dreamweaver or Microsoft Frontpage, I set it up how I want it, then go across to the code for it, then cut and paste it. :P

[Jessii]

At 11/6/06 02:03 AM, DoomyCheese wrote: I just use dreamweaver or Microsoft Frontpage, I set it up how I want it, then go across to the code for it, then cut and paste it. :P

And how does this help this guy's particular problem?

I say that if you know how to use tables, you can use a table cell, put the text in the table and then change the background color:

<div id="main" style="background-color: #FF0000; z-index: 2; position: absolute; left: 300 px; top: 50px"> My text here!!!!!!!!!!!!!</div>

That's the OLD way of doing it. Now everything should be done in css, it makes it a lot easier to change the style of the div but since he asked for HTML this would work.

But if you were to use css, it would look like this:

#main {z-index: 1;
position: absolute;
background-color: #FF0000;
left: 300px;
top: 0px; }

To learn more about it, go to http://www.w3schools.com

[elbekko]

At 11/6/06 08:46 AM, Jessii wrote:

<div id="main" style="background-color: #FF0000; z-index: 2; position: absolute; left: 300 px; top: 50px"> My text here!!!!!!!!!!!!!</div>

That's the OLD way of doing it. Now everything should be done in css, it makes it a lot easier to change the style of the div but since he asked for HTML this would work.

Err... everything in the style attribute is CSS :P It's inline styling and recommended by W3C for this stuff.

[wolfinator-x]

I would help you... if I knew what you mean...

[Zendra]

At 11/6/06 10:08 AM, wolfinator-x wrote: I would help you... if I knew what you mean...

How about you first check the previous posted replies and than see if you still need to help.

[smulse]

As above or you could use a prargraph background colour for the text using CSS rather than span.