PDA

View Full Version : need some help cleaning this page up.


mr_2005
02-15-2009, 11:47 PM
so i made this page:

http://www.coreyschimmel.com/havasupai/

1) how can i change the color on just some of the text. I highlight the part in DW and change color but it changes the whole thing?

2) why are my bullet points outside the white to the left of the names?

3) how can I make all the text in the white area not be right up against the side?

much thanks!

domedia
02-16-2009, 02:33 AM
1. Colors are controlled by CSS, a:link, a:visited etc. So regular color you apply to text does not apply to links.

2, 3, The text goes like that because your strcuture is wrong. Set a width on #mainContent and float it to the right.

mr_2005
02-16-2009, 07:35 AM
thanks domedia.

I'vebeen playing with it dw, and got the text to move right but it moved almost center. Where am i off on my settings? I have included a picture of what I'm seeing. Also, with the current settings, when viewed in a browser, all the text is below the photos instead of next to them.


http://www.coreyschimmel.com/dwhelp.jpg

Corrosive
02-16-2009, 08:05 AM
Try adding some padding to the left of your main content (maybe 20px or so) but don't forget to take whatever padding you add off the total width set for main content.

mr_2005
02-16-2009, 05:08 PM
thanks all, i got the padding issue worked out. When look at the page in DW, it looks fine now, but now in the browser (fire fox) all the text is below the left hand box. the other issue is the content is no longer center page.


http://www.coreyschimmel.com/havasupai/

Corrosive
02-16-2009, 05:13 PM
thanks all, i got the padding issue worked out. When look at the page in DW, it looks fine now, but now in the browser (fire fox) all the text is below the left hand box.


http://www.coreyschimmel.com/havasupai/

OK, you haven't got a width set on your main content so it is taking up the full width of the parent div and this is forcing it below your sidebar. Try adding a px width to the CSS for the main content.

Corrosive
02-16-2009, 05:27 PM
thanks all, i got the padding issue worked out. When look at the page in DW, it looks fine now, but now in the browser (fire fox) all the text is below the left hand box. the other issue is the content is no longer center page.


http://www.coreyschimmel.com/havasupai/

OK, you have taken the 'margins auto' out of your container CSS. It is the auto margins which centre the design. Yours are now '100' ('100 what' I have no idea...and nor will a browser :wink: ) You've also increased the width to 1100px which, if you are using a fixed width layout, will mean users having to scroll sideways to view your full content. Suggest no more than 800px wide.

Ricky55
02-16-2009, 06:43 PM
mr_2005 you need to optimise your images for the web too.

mr_2005
02-16-2009, 09:57 PM
mr_2005 you need to optimise your images for the web too.


to do this, just highlight the image and go to command> optimize image? is there more to it than that. what is the ideal file size for a web photo?

mr_2005
02-16-2009, 10:01 PM
thanks to all for your help. I am a real newb as you can probably tell.

I'mtrying to create a page with centered content, and 2 columns. One for small photos and one for text. I'm using the a template a DW template.
The side bar seems only go down as far as I have content for. Is there a template where i can create 2 columns, one 300 px wide for photos and the second 500px wide for text?

mr_2005
02-16-2009, 10:11 PM
Try adding some padding to the left of your main content (maybe 20px or so) but don't forget to take whatever padding you add off the total width set for main content.


corrosive,
when you do this, does the padding start on the far left of the main content? does is also pad from the sidebar?

what is the difference between padding and margin?

Corrosive
02-16-2009, 10:52 PM
corrosive,
when you do this, does the padding start on the far left of the main content? does is also pad from the sidebar?

what is the difference between padding and margin?

Hi mate

Read this...

http://www.w3.org/TR/CSS2/box.html

and all will become clear. It is the fundamental idea behind positioning with CSS.

domedia
02-16-2009, 10:57 PM
to do this, just highlight the image and go to command> optimize image? Exactly :) Check your manual for details info