Neverside

+[ Photoshop / Dreamweaver ]+

[URL=http://www34.brinkster.com/pl3x/pois3n.html]http://www34.brinkster.com [example site][/URL]

Hi im quite new to some of this stuff but if you click on the link above you can see how the boxes and the text have been posistion in certain places....how is this done in dreamweaver....+when i make slices i open the file in dreamweaver..then i dont know what im doing.....can anyone help me?

___________________

i be the nAb

Well this person is using iframes.

But iframes in my opinoin suck and just show that the designer is not skilled enough to write the code out using tables.

___________________

:TF's Official Wallet Inspector:

please.....i dont come here for sh*t comments like that...either give me help on actually how to do it....or dont answer my question

___________________

i be the nAb

okay, actually personally i am a huge fan of iframes.

here's one way to do it, may not be the best but i like it works for me....

1st : create your image to its entire in photoshop

2nd: export it to image ready

3rd: chop it up in image ready, and make sure you chop it up accordinly to how you want the text to be, for instance if there is a certian amount of space you want the text to go in, and scroll like that, make that ONE section, don't split it up. this is KEY.

4th: Save it for web and tell it to save images and HTML to some folder

5th: now open dream weaver, or GOLIVE i use GOLIVE but i use the code only for the most part so this should still work..

6th: i frame tags are as follows <iframe src="/default.html"></iframe>
this site here will show you all the other commands you can put in your iframe http://www.w3schools.com/tags/tag_iframe.asp

7th: now select one of the sections you want your iframe in, and delete the image, but remeber what the image was called. Then insert your iframe in replace of that image, and make sure your iframe is THE EXACT length and width of the image that used to be there. Now, create a new page and save it as whatever you told the iframe to look for in your src="" command. And make the background of this new page the image you deleted. Now you can put all the text you want and everything in this new page, make sure you have the backrground FIXED bgproperties="FIXED" is the src for that in your body tag.
if you need any help jsut leave more msg's lol

[EDIT:e04e12eaee] this way you can have a seemless backgruond with text. so it doesn't have to look like you made a spot for your text things can just flow into eachother and seem to have no lines. i'm sure what the kid above was talking about was using layers and invisible tables etc. word of warning, iframes are only support i believe by netscape 4 and IE 4+ but i could be wrong now, its been awhile.
[/EDIT:e04e12eaee]

___________________

quotidiansuccess

Last edited by smac311, August 5th, 2003 03:11 PM (Edited 1 times)

yeah...sounds good, but i still dont know how slices work or how to get them working properly, i should really, ive been usin photoshop 4 ages now. not that im good. can any one help me on that part?

___________________

i be the nAb

Have you read that keith?

http://www.tutorialforums.com/showthread.php?threadid=48841

If so and you still don't understand it... I'm not sure what your having problems with? Is it messing up when your adding content? Not stretching right? I don't know why there not working properly, because you didn't specify a specific problem your having with slices.

___________________

| Come join the Purephotoshop.net forums

woops, well i make all the slices and stuff, then i put it into dreamweaver, if i put some text in a box it starts moving everything around, take a look at the 'eg' picture i made in paint..i hope it helps.
keith

___________________

i be the nAb

Well have you set that image(or slice) as the <TD background="thatslice.jpg"> ??

Think of it as you have to move the image to the back before you can put stuff on top of it.....

Example, Photoshop Prints out the slices sorta like:

Code:

<TD><IMG SRC="myslice.jpg" width="300" height="400 ALT=""></TD>

Now if I wanted to put text on top of that image I need to set it as the background.. Like This:

Code:

<TD background="myslice.jpg" width="300" height="400">
Now all My Text Can Go Here</TD>

Now this isn't xhtml compliant, and i'm sure some die hard coders probally wouldn't agree with this, they use DIVS, which I'm not that experienced in to give you a good example... But that way^^ is how I do it...

But note, Unless you put an iframe between your <TD> tags if you add to much text it will make everything a little screwed up.. Even though I'm trying to avoid using Iframes now, but they are still widely used... You would do that like..

Code:

<TD background="myslice.jpg" width="300" height="400">
<iframe src="yourfile.php" frameborder="0" width="300" height="400" name="blah"></iframe></TD>

___________________

| Come join the Purephotoshop.net forums

Last edited by Caged, August 11th, 2003 04:07 PM (Edited 1 times)