PDA

View Full Version : Need help from a macromedia dreamweaver expert!



S!X
01-24-2007, 09:10 AM
I'm creating a website for my uncles business but am having some trouble with getting things where I want them to be. In this picture below i want to move the test into the red circled part but can't get it there. I need to do the same for the other pages I've created.

http://img408.imageshack.us/img408/7571/argh5gx.jpg (http://imageshack.us)

Barbarossa
01-24-2007, 09:18 AM
Create a 2 column 1 row table. Put the left-hand content in the left-hand cell, and the text in the right-hand cell. Adjust the widths accordingly.

S!X
01-24-2007, 09:29 AM
Create a 2 column 1 row table. Put the left-hand content in the left-hand cell, and the text in the right-hand cell. Adjust the widths accordingly.

K that worked, is there any way to get rid of that table I had to create?

Barbarossa
01-24-2007, 09:39 AM
Yes, you make all the borders zero width, so it won't appear in the finished page. Most website alignment and positioning is done using tables.

S!X
01-24-2007, 09:39 AM
ah shit this is pissin me off, I can't move anything where I want it go, what the fuck is up with this program.....

Barbarossa
01-24-2007, 09:49 AM
You'll need to be more specific... :dabs:

S!X
01-24-2007, 09:54 AM
You'll need to be more specific... :dabs:

If that table thing is the only way I can get the text to be where I want it then im gonna have a serious problem here. By doing that my navigation menu is all out of alignment throughout the four pages of the site. I want them to be in the same place on all the pages. Is there any other webpage making software that causes less problems?

Barbarossa
01-24-2007, 10:04 AM
It's not the software that's the problem, it's the nature of HTML.

What you need to do is have the same page structure on all of your pages. What I would do in your situation is have a table encompassing the whole thing, with the top row holding the header image, and then a second row with a thin left-hand cell holding the navigation menu, leaving the rest of the space (large) for the content of that particular page.

Set the width of the whole table to 100%, but set a fixed width of the left-hand cell on the second row (navigation cell), and don't allow resizing.

Alternatively, you could use frames, but they're somewhat frowned upon these days.

Also, the only other tip I can give you is don't assume everyone has their browsers set up the same. Something could look great in your browser, but shit for everyone else. You need to rigidly control sizes and alignments as much as you can, if you want it to look OK in any circumstances.

S!X
01-24-2007, 10:06 AM
It's not the software that's the problem, it's the nature of HTML.

What you need to do is have the same page structure on all of your pages. What I would do in your situation is have a table encompassing the whole thing, with the top row holding the header image, and then a second row with a thin left-hand cell holding the navigation menu, leaving the rest of the space (large) for the content of that particular page.

Set the width of the whole table to 100%, but set a fixed width of the left-hand cell on the second row (navigation cell), and don't allow resizing.

Alternatively, you could use frames, but they're somewhat frowned upon these days.

Also, the only other tip I can give you is don't assume everyone has their browsers set up the same. Something could look great in your browser, but shit for everyone else. You need to rigidly control sizes and alignments as much as you can, if you want it to look OK in any circumstances.

Do you have msn? Perhaps you could give me a hand doing this if you're not busy assuming you aren't since you're on here. I've been working on this all day im getting very frustrated.

Barbarossa
01-24-2007, 10:25 AM
:lol: Actually I'm at work.

Best I can do is a html file layout of what I think you should be doing.

Find attached, a basic page-layout. Use this as the basis for all your pages. The table cell that contains the navigation menu, will not move, even if you resize your window, etc.

Good luck!

P.S. You may want to rethink your background colour, it makes the links hard to see, unless you want to change them using css styles, but let's not run before we can walk ;)

S!X
01-24-2007, 10:28 AM
:lol: Actually I'm at work.

Best I can do is a html file layout of what I think you should be doing.

Find attached, a basic page-layout. Use this as the basis for all your pages. The table cell that contains the navigation menu, will not move, even if you resize your window, etc.

Good luck!

You're a godsend, thank you very much Barb :01: :yahoo:

4play
01-24-2007, 12:30 PM
I would have probably just nicked a css layout off of one (http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/) of them sites.

that (http://www.dynamicdrive.com/style/layouts/item/css-left-and-top-frames-layout/) seems suitable for you.

S!X
01-25-2007, 03:27 AM
Alright so I've uploaded the site to my old free fortune city account which I used for IT class a few years back. Here it is http://linkinparklp.fortunecity.com/Main.html There's one thing I need to know how to do on the main page and that is to get the musky (fish at the bottom of the page) centered with the top banner, basically moved over to the right about an inch or so... :dabs:

Barbarossa
01-25-2007, 09:35 AM
Best way would be to add another row to the table, merge the cells into one, and centre the image in there.

S!X
01-25-2007, 08:52 PM
Best way would be to add another row to the table, merge the cells into one, and centre the image in there.

Could you make another page skeleton with that in it using the first one you hooked me up with? cause i have no idea how to do that lol

Barbarossa
01-26-2007, 10:26 AM
Time you learned! ;)

In dreamweaver, click the bottom row of the existing table. On the menu bar at the top, click "Modify", and then choose "Table", and then choose "Insert Rows or Columns", and change it so that it inserts 1 row below the current selection.

Then select both cells of the new table row, and in the properties window, click the button which says "merge cells" (at the bottom). Set the horizontal alignment to "Center", and insert the image.

S!X
01-26-2007, 10:48 PM
Time you learned! ;)

In dreamweaver, click the bottom row of the existing table. On the menu bar at the top, click "Modify", and then choose "Table", and then choose "Insert Rows or Columns", and change it so that it inserts 1 row below the current selection.

Then select both cells of the new table row, and in the properties window, click the button which says "merge cells" (at the bottom). Set the horizontal alignment to "Center", and insert the image.

OK I got that goin on but how do I move the image up now? It's too low...

S!X
01-28-2007, 11:14 AM
Bump, here's basically the finished product on free hosting with no ads! Proper paid hosting with a .com domain is coming soon. Crits and comments welcome :) http://garrysfishtaxidermy.awardspace.com