PDA

Click to See Complete Forum and Search --> : dreamweaver issues



tayjax
02-19-2007, 08:12 AM
I hope someone can help me cos this is starting to get annoying now :
I have made a site in dreamweaver - the first time in a long time.
On the first page evrything sits just how i want it:
http://www.qu-media.com/storage%20world.html

but on later pages the little side bars at the edge of the box don't stretch to fill the space:

http://www.qu-media.com/about.html

its all been put into a table
so is there a way to get the left and right bars to stretch to fit the space thats left
i've tried to physically strech them in dreamweaver - but it doesn't seem to do anything to it at all - which is bizarre ?

if you could help it would be very appreciated ....
thanks

Genesis F5
02-19-2007, 08:36 AM
The problem is that your left / right images are static sizes. (415 px tall to be exact) and you're using an image tag to display them. Your source looks like this:


<td rowspan="6"><img src="images/left.jpg" width="22" height="415" /></td>
Using an image tag doesn't lend itself to scalability later on as new content is added. You want to keep the design as flexible as possible. To do that, you need to take out the image tag and apply a background style instead. A background style will set the left / right images as backgrounds for the <TD> elements of the table.

So, your new source will look like this:

<td rowspan="6" style="width:22px; background-image:url(images/left.jpg); background-repeat:repeat-y;"></td>
Basically what this does is applies a CSS style to the TD element. It applies the image as a background and then says "only tile this image vertically." I'd suggest cutting the height of the left / right images down to around 10 / 25px. Because the background image tiles, the image can only be a pixel high, and it will still fill in the entire length of the element. Using smaller pieces will also cut down on download time since once the browser downloads it, it caches it and tiles that.

tayjax
02-19-2007, 10:11 AM
thank you so much
and thanks for spelling it out to me aswell
i like to think i can make thing look good but when it comes to coding i don't have a clue - so thank you!

tayjax
02-20-2007, 11:37 AM
ok so i have another one if any one fancies helping:
i have quite a lot of content in some of my pages and for some reason it moves the cells around on the left hand side - is there a way to keep the navigation in the same place and just extend the central box area ?

http://www.qu-media.com/tips.html

also how do you do that thing where when you click on a question it pings down the page to where that question is answered ?

again i am a total beginner at this - coding especially so if you can spell out how to do it it would be good

thanks

Genesis F5
02-20-2007, 03:50 PM
There really isn't any way to do it without starting over. This is why I never use a WYSIWG (What you see is what you get) editor. Learn HTML. It's extremely easy. The hardest part will be the planning stage, but it's so much easier to debug when you're right in there with the source.

The problem your page is having is Dreamweaver encapsulated each hyperlink in a TD table element. Table elements, unless specified to do otherwise, will stretch to maintain a table structure. That's why they're spaced out like that.

If you have built this from the ground up, you could have simply put all the links in a single TD tag and use ROWSPAN, but Dreamweaver spaced them out in different parts of the page. There's no telling what's going on. The page, layout wise, is fairly simple, so I really recommend looking over HTML tutorials at w3schools and starting over.

tayjax
02-21-2007, 09:27 AM
Thanks for that
Learning html would be ideal - but i kinda need this site up by the end of the week and i'm really not that fast a learner :)
I seem to have managed to put something to gether that works ish
any ideas how i can do that thing i mentioned aswell about clicking the question and the window moves down to the right part of the page where it is answered ?

Genesis F5
02-21-2007, 09:47 AM
Sorry, I completely missed that question. To do that you need to use anchors. Anchors are really simple. You use a standard <a> tag, but in the area where the url goes, you put a pound sign: "#" and the name of the anchor.

So, let's pretend you have a question about the cost. The tag would look like this:

<a href="#howmuch">How much does this storage unit cost monthly?</a>

The anchor is simply another <a> tag, but with a name property that is the name you supplied above in the calling tag:

<a name="howmuch">The cost is...</a>

tayjax
03-12-2007, 12:02 PM
sorry - forget to say thank you very much for the help
it worked a treat