[RESOLVED] Dreamweaver question

[Captainkewl]

Hey people. If you open the attachment I have included it will be easier to see what I'm talking about. You see where I have written in the HTML text box (HTML slice was created in fireworks and exported to dreamweaver). Is there a way to fill the white box behind the text with the same gradient as the web page background? I am able to fill the text background box with solid colors, but that doesn't match my gradient background.

Thanks.

[dtm32236]

I don't know how you're laying out this site (I'm guessing in Design Mode, which is not the correct way to do it - it will write terrible code for you).

Anyway, if you're doing it correct and using CSS, it's simple. That box would be a div (or a P tag) and you just do:

<p style="background-image:url(/images/background-img.jpg);">text text text</p>

[Captainkewl]

Thanks for the reply, but I don't actually have a background.jpg to insert. I created the background in fireworks using a gradient and I also "sliced" the page into multiple segments for perceived faster loading time. So basically I have a bunch of slices (segments) in my image folder. I was wondering if there was maybe a way to have the "box" behind the text be transparent so the rest of the page's gradient would show through.

Thanks.

[tracknut]

Perhaps I'm missing the question, but if you have that text in a div, and supply no background color or image, then it is transparent and your page gradient would show through, no?

Dave

[Captainkewl]

Negative. Because the "box" is an HTML image slice created in fireworks it automatically assigns a white box background as default. I see what your saying, and that makes sense, but not for this particular issue. I have not found any info at all on the net that addresses this issue.

Thanks.

[OctoberWind]

The text within that "box" is an image?!

That is very bad semantics, and very bad practice.

If you're trying to get the full width gradient of the page, simply put the text in a <p> tag, and style the position of the <p> to wherever it needs to be.

[Captainkewl]

No, the text within the box is HTML (not an image). The box is an HTML slice created in fireworks which allows you to enter HTML text into it. Thanks for the replies so far.

[OctoberWind]

is this project online yet?
please post your code with complete image urls if it is.

[Captainkewl]

I figured it out guys. Basically I had to go into my image folder (where all my individual slices are from fireworks) and set the background as that particular slice made in fireworks and it duplicated the background which matched the rest of the page. Thanks for all the suggestions, much appreciated.

Kris.