is there a way in dreamweaver so i can change the sliced images in photoshop to a background, because i want to be able to import the images into dreamweaver then say, if i have a area were i want to put text i need to change the image to background then make a table ect.

is there a way in dreamweaver so i can change the sliced images in photoshop to a background, because i want to be able to import the images into dreamweaver then say, if i have a area were i want to put text i need to change the image to background then make a table ect.

 

 

I dont know what experience you have with dreamweaver but to use images which you want to overlay content onto you will need to make them background images of DIV's using CSS.

 

Try some tutorial sites on using CSS.

I dont know what experience you have with dreamweaver but to use images which you want to overlay content onto you will need to make them background images of DIV's using CSS.

 

Try some tutorial sites on using CSS.

 

 

It is best to use DIV's imo, means there is more stability for resizing of the page.

 

As for your content in dreamweaver, if you have sliced it properly your content box should be one slice. When you are in dreamweaver you can delete the image/slice and it becomes editablle. Change the bg colour and valign and your done.

 

I would advice looking into css and divs though.

 

Cheers bobby

Hi MrShock,

 

The best way to achieve what you want, if I have understood you correctly, is to use DIV's with your Photoshop slices as the background for that DIV. This is something I do all the time.

 

This is something that can be accomplished using XHTML and CSS.

 

The XHTML code would be something like this:

 

<div id="slice-01">
Your content goes here
</div>

 

Place the following CSS code in an external style sheet and link to it from your XHTML document using:

 

<link href="yourstylesheet.css" rel="stylesheet" type="text/css" />

 

CSS Code:

 

#slice-01 {
width: 250px; /*-- This should be the exact width in pixels of your image --*/
height: 250px; /*-- This should be the exact height in pixels of your image --*/
background-image: url(images/slice-01.png); /*-- This should be the url to your image --*/
}

 

Gareth Daine

 

Website Design Liverpool

P.S.

 

I would definitely look in to learning CSS, as tables should only be used to display tabular data.

 

Anything that tables were used for previously can be better and more easily achieved using XHTML and CSS. Also, as the latest browsers are based around the latest standards, you will find that using tables to layout your web pages will give you lots of problems and your code won't validate.

 

You can find lots of resources online to learn XHTML and CSS, I have listed some below.

 

Websites

 

CSS Play

A List Apart

W3C Schools

CSS Tutorial

SitePoint

HTML Dog

MaxDesign

List of CSS Tutorials

 

Video Tutorials

 

Tutorial Paradise

CSS Tricks

 

Learning Resources

 

Lynda.com is a great resource where you can learn almost anything to do with computers and design. It's a professional video tutorial resource and has an archive of thousands of professionally produced videos. It costs $25 per month but you will get complete access to all the videos and training materials.

 

Lynda.com

 

Also, I would recommend that you check out the CSS Zen Garden to see exactly what can be accomplished using XHTML and CSS.

 

Regards

 

Gareth Daine

 

Website Design Liverpool