PDA

View Full Version : Very helpful indeed!


JoeGrenade
08-05-2011, 04:06 PM
I have been using this site for about 3 weeks now to help gain knowledge of areas in Dreamweaver that I have never ventured into, and I wanted to say thanks to everyone.

However, I searched the forums for "sidebar" "side bar" and was looking for information on adding a bar to the left side of my site.

if you look at www.giantfinishing.com (http://www.giantfinishing.com) , you will notice the black graphic I have stretched out along the side and inside is my navigation links.

This is the old site that I made and its very uncompatible and has no template, imagine that! What I would like to do, is add something very similiar to the new site I am creating inside DW and without the navigation bar.

This might be the most simple task, just not for myself at this time.

Please any advice or knowledge someone can share with me on this - I would be most obliged, thank you for reading and look forward to reading from all of you.

-Joe :confused:

JoeGrenade
08-05-2011, 06:10 PM
I'm still not having any luck with adding this extra portion to the side of my page, I have not found anything related to it... I will keep looking.

JoeGrenade
08-05-2011, 07:56 PM
Still trying to add this sidebar - a black side bar graphic that matches the visual effect of what I currently have at giantfinishing.com

Something like that would be helpful for me -

edbr
08-06-2011, 12:50 AM
your site uses absolute positioning i woud suggest you make a layout using relative positioning

JoeGrenade
08-06-2011, 01:55 AM
your site uses absolute positioning i woud suggest you make a layout using relative positioning


That is the old site, I just want to create a similar bar on my new site. Can you help?

Thank

edbr
08-06-2011, 03:00 AM
i thought i did, you need to redo the layout. Or have i missunderstood (again) what help do you need?

JoeGrenade
08-06-2011, 03:47 AM
The giantfinishing.com site you see is old.

The site I am working on is with Dreamweaver and has a similar design and style with the container the sidebar header and footer. I want a black border on the left side of my new site. I want the border to be 100px and run the entire left side of the page and automatically increase in length if the page gets longer.

I would like to add a black bar to my new site, I want it to look like the giantfinishing.com site.

edbr
08-06-2011, 04:37 AM
you can just set the sidebar as background color: #000; as for running the legnth of your page you may need to add a repeating black image in the containing or parent div the same width as your sidebar

JoeGrenade
08-06-2011, 06:07 PM
you can just set the sidebar as background color: #000; as for running the legnth of your page you may need to add a repeating black image in the containing or parent div the same width as your sidebar

Alright, I understand.

What abou this question:

How do I add an entire new side bar? Is it an iframe? Not sure how to add another side bar to my template.

JoeGrenade
08-08-2011, 05:26 PM
Well, where is all the help at? I believe I asked for nothing to "hot to handle" - anyone else?

I want to add a black side about 100px in width to the outside left of the page, and I'd like it to stretch and stay with the entire side from header/footer ?

DWcourse
08-08-2011, 05:41 PM
How to add a sidebar depends upon how you made the page. Generally you want to decide on the design first and then build it rather than adding sidebars, etc. after the fact. So basically I'd recommend starting over and building the layout you you've decided on from scratch rather than modifying this one.

As for a full length sidebar, there are a number of options but the easiest is to fake it with a background image in a wrapper div that provides the colors for the columns.

JoeGrenade
08-09-2011, 11:00 PM
:mrgreen: DW, okay so far so good. I have started over and now I am using tables in DW.

I will keep you all posted...

Thank you both for the help! I appreciate that --

DWcourse
08-09-2011, 11:01 PM
Um, I don't remember mentioning tables. You'd be better off using a CSS-cased layout.

JoeGrenade
08-09-2011, 11:09 PM
No, you didn't - except I thought that I still am using CSS with the tables?

I thought I still was? No?

...and I say all this with empathy - I just am struggling a bit with the concept of the style sheet, so much has changed!

Thanks for your help...

DWcourse
08-09-2011, 11:18 PM
You can still use CSS within tables BUT modern layout is based upon divs positioned using CSS properties such as float. You should be able to find more info by searching the forum for "CSS based layout" or something similar.

JoeGrenade
08-09-2011, 11:24 PM
I know I jumped into the deep-end and I can barely breath -

I will continue to move a little slower - except I was so close with the previous page.

I will start over once more to see if I can do it without the tables.

I am back in the office tomorrow - so I will wait to see what happens.


Thank you

JoeGrenade
08-11-2011, 02:00 PM
I am going to try and do what you told me to do this morning, so here goes nothing - except I don't even know where to begin - wow....

JoeGrenade
08-11-2011, 06:11 PM
DWCourse:

I have created the new page, I am going to upload it somehow so you can see it, I created the border-left: and it shows up in DW, except not in IE?

not sure why? can you help me again, thanks you sir!

JoeGrenade
08-16-2011, 06:34 AM
Well, it seems as though I have stumbled upon something that is going to take time to learn and patience, I have them both - but maybe will take more time than patience at this point. Good luck in your endeavor Davis, ttys!

JoeGrenade
08-19-2011, 10:06 PM
You can still use CSS within tables BUT modern layout is based upon divs positioned using CSS properties such as float. You should be able to find more info by searching the forum for "CSS based layout" or something similar.


Alright Mr.

I decided to start over and take your advice and I am doing okay so far - can you help me with a new question? This time I have the site up on a test server so that you can see it.

http://198.171.140.81/index.asp

Please tell me how to keep the image on the right in the header from collapsing underneath as the browser window gets smaller?

I need to make it stick - am I taking the Auto out and setting a certain pixel range? Please tell me where - thank you kind sir.

Joe

domedia
08-22-2011, 02:41 PM
Hey Joe, looks like you got this working, right?

JoeGrenade
08-22-2011, 06:37 PM
Domedia,

I have half of it working, can you help me understand how to keep the images upmost top?

What I want is for the image on the right (bowl), to never drop below the image on the left (Giant Finishing logo) when I minimize the page.

The Giant Logo should always stay to the left, and when I resize the window I'd like for it to stop at the a certain point so the images don't end up one on top of the other.

Can you help?

domedia
08-22-2011, 06:41 PM
That's how it works for me.

DWcourse
08-22-2011, 06:41 PM
Then you shouldn't have used a liquid layout. Setting the width in the .twoColHybRtHdr #container rule to 1090px should do it.

JoeGrenade
08-22-2011, 06:48 PM
DWCourse,

You are the man... Thank you

domedia, Thank you also for your reply - I appreciate every bit of insight here.

I cant wait to keep moving forward.

domedia
08-22-2011, 08:47 PM
1090 is an odd size too. Because it's just wide enough to give people on a maximized browser in the very common 1024 screen resolution a horizontal scrollbar. You want to avoid that scrollbar, so if you take the design down to 990px wide, then it would be even better.

domedia
08-23-2011, 02:10 PM
To make that work, change the container with from 1090px to 990px, and use http://198.171.140.81/Images/ring_pixels_small.jpg as a background image instead of using it in an IMG tag.

JoeGrenade
08-24-2011, 02:39 PM
Alright I was able to set that up as my background image and it looks great... now I have to work out my SPRY Menu.

JoeGrenade
08-25-2011, 08:23 PM
To make that work, change the container with from 1090px to 990px, and use http://198.171.140.81/Images/ring_pixels_small.jpg as a background image instead of using it in an IMG tag.


can you take a look at this page for me http://198.171.140.81/vibratory.asp

I want to add some sort of padding around the images to space the text away from the thumbnail but cant figure it out.

domedia
08-26-2011, 01:03 PM
So for styling things, it's best to let CSS take care of it.

This is an inline example of the CSS:
<img src="Images/Equipment/wedge.jpg" alt="wedge5" width="100" height="100" border="2" align="left" style="margin: 0 10px 10px 0">

JoeGrenade
09-02-2011, 12:25 AM
I have not read this until now, so I am going to try your suggestion out tomorrow, thank you very much!

Joe