Simple question...

[Red and White]

ive been playing around with photoshop for making websites.

that bit is fine, what im struggling with is adding text etc in dreamweaver. ive sliced it up using photoshop but when you edit the page in dreamweaver its of course made up of a load of image files. so how can you add text over them without disrupting the layout?

 

[Red and White]

Step 1: Don't use Dreamweaver

Step 2: Add the images and create the layout using CSS

Not actually sure what the problem is to be honest... why can't you add text?

well at the minute im adding text using photoshop which makes it part of the image, but after looking around the web at sites made with photoshop they clearly arent doing this. they are adding text over images created in photoshop. this of course makes it easier to make changes

my whole approach might be wrong.

i havent clue at all about css, so dreamweaver is really the only option for me at this moment.

 

[Red and White]

set the images as background and write the text normally will put it over the top... Why do you need to slice the images up anyway... Hop you're not using tables!!...

no im not using tables, well im not using anything at the minute.

the back ground idea is something ive tried before but presumed i was doing it wrong. how i can i position text where i want it?

 

[Red and White]

I would make a div, set the image as the background then use position: relative to set where the text goes, see position thing here:
http://www.devguru.com/Technologies/css/quickref/css_index.html

thats gone straight over my head, im looking at the link but i just dont get css.

if i set the image as the background i cant even position it in the middle. does dreamweaver even allow text boxes so you can position your text?

 

[Red and White]

With CSS you can tell the browser how to display the image such as top, left, right, bottom and also whether to repeat it vertically, horizontally, both or not at all.

To be honest though it does appear you don't know much about creating webpages so Hamish's link is pretty useless to you

My advice would be to learn XHTML and CSS. XHTML is very easy to learn and so is CSS. However CSS is very hard to master. Having said that even with basic CSS knowledge you can create a great website.

Try www.w3schools.com as they have lots of tutorials. You should start with XHTML then go on to CSS.

its just so long since i did anything with dreamweaver. ive made a fair few decent websites in the past but never incoporated so many images.

ive managed to posistion the backgorund image in the centre (using css yay) but now its cutting off the top and bottom of the picture. also ive remembered how to posistion text

edit:

ok im passed the cutting off the top problem. its all coming back to me

this is great.

i will look into css as i feel im falling behind the times

 

[Red and White]

If you want the image as the background to your whole page set put

body {
background: url("images/aardvark.gif");
background-position: top center;
}

or whatever, if you want the image somewhere else make a div (use the <div> tag) which is like a container to put things in. You can then position the div anywhere you like on the page and likewise the text within it. You can use the same background tags as above to set the div's background.


Edit sorry, just read stuff above, probably won't be much help . My advice - dump dreamweaver, learn to do it properly, it's dead easy to pick up!

cheers that makes more sense now.

i cant dump dreamweaver, shes my friend. writing the whole thing in code cant be any fun

 

[Red and White]

ok so i have my background image. top centre where i want it but now its all very confusing as my text appears out of position as to what i see in dreamweaver.

?

 

[Red and White]

managed to position it by changing the code. its a right faff on though. its problem after problem until you start learning the code mind. line spacing sorted now though

 

[Red and White]

but coding is so boring. i already realised that doing it with purely pictures was wrong hence the reason for this thread in the first place.

its a lot of work this website malarky.

 

[Red and White]

thanks for all the comments guys. gonna get my head round this for definite now. youve helped me loads.

randomtom i really appreciate your comments on my improvement. i am really enjoying graphics at the moment and am learning more and more all the time.

 

[Red and White]

just working ym way through a simple apge at the minute. ive got things laid out nicely and all looks fine in IE. but its ever so slight ly out of line in firefox.

also what can you do about differing resolutions? when i dropped my res to 800x600 to see what it looked like it was all over the place.

ok ive missed something major here, as when i reduce the size of the window, the objects arent moving togehter they are moving over each other :/

what am i doing wrong?

 

[Red and White]

Are you using floats?

Floats generall automatically move with the window/resolution which can be annoying. However if you put a container around the whole site and set that to a specific width [or min-width], it should stop your floats getting squashed.

A good place to look at layouts is at www.dynamicdrive.com. They have a whole section dedicated to different types of CSS layout. Simply find one that matches yours [or one you like] and check out the code to see how they did it. I find it invaluable when I am struggling with a layout.

can you give me an example. i dont think im using floats

 

[Red and White]

try something like this around the WHOLE div design

//Insert into css
.bcontainer {
    width:800px;
}

//Around whole Design
<div class="bcontainer">
</div>

You may want to put an overflow:auto; in the body.

yeah that seems to have done the job. still not exactly the same in differing browsers though

 

[Red and White]

this is really daft. ive changed something and now its all moving again. i cant understand why, im about 1 hour backwards now. this is why programming just isnt for me.

 

[Red and White]

all i want to do now is have a column of text on the left and a picture to its right and i cant do it using these methods. its insane.

 

[Red and White]

CSS layouts are a pain to start with. It is the main reason why a lot of people still use tables. However, once you have cracked it, it is plain sailing. Usually!

One of the best ways to learn is to study other people's code. If I want to do something and can't work out how, I either search for my problem, or find a page that has what I need and have a look at their CSS.

You will get there, it just takes a bit of time. You can't expect to pull a website out your hat after only a day or two of doing it.

yeah but the fact its taken me 2 hours to fail to do something that can be achieved in seconds with tables makes me want to cry

 

[Red and White]

Red & White, I've just made this dead quick, steal the first bit and call it 'index.html'

snip code

tombrooks @ live .com if you want to add me on msn to talk about it, i hope it makes sense after reading www.htmldog.com and the 456berea street link i provided before,

thats absolutley amazing. that makes sense of a lot of things.

i'll give them links a read