why?

Gizo · 03-06-2011, 01:33 AM

ok I have a page for my caravan park designed in live view and preview it looks good, when I look at it in design view the navigation bar jumps down? I am using dreamweaver cs5.
it looks fine a browser and live view, but in the design view ti looks a bit confusing? why would it do this?
I am coding this site manually and not in design view.

d a v e · 03-06-2011, 06:24 AM

because DW preview isn't perfect? it's a bit of a mish mash and as long as it's fine in browsers then don't worry

you could make your right panels slightly narrower if that helps (click and drag the left side)

ronaldroe · 03-06-2011, 04:51 PM

My guess would be that the blue borders Dw adds in design view are making the menu items too wide.

Gizo · 03-06-2011, 07:28 PM

thanks guys,

I have added an id of navbuttons to each of the buttons and reduced the width by 1px using css and it now looks fine.

I would like to get some feedback on this site if possible, this is my first attempt at design and producing a website. I saw the website review topics but I do not have anywhere to publish this site yet.

I am also working on another site which will be published before this one which will be on fly tying.

as I am learning at this stage I will tear down and rebuild a few times before I am ready, this is all just learning for me

ronaldroe · 03-06-2011, 07:30 PM

Post some larger images of the full page.

DHDdirect · 03-06-2011, 07:39 PM

I'd also validate your code using the following links (pages must be live). Many times code can display correctly but not in all browsers with one of those browsers being Dreamweaver.

Code:

http://validator.w3.org
http://jigsaw.w3.org/css-validator

But I also agree with dave ;-)

Gizo · 03-06-2011, 08:01 PM

here is my site (hope this displays correctly) I will pu it in the reviews section as well.

ronaldroe · 03-06-2011, 08:09 PM

Not a bad site. Couple of things I'd look at:

Different font for the header. Something a little more scripty.

Add some padding to the left and right of the content area.

On the row of images, it might look a little better to make the left and right-most borders the same width as the rest of the borders.

Still, not a bad layout.

03-06-2011, 01:33 AM	#1
Gizo New Member Join Date: Feb 2011 Location: NSW, Australia Posts: 13	why? ok I have a page for my caravan park designed in live view and preview it looks good, when I look at it in design view the navigation bar jumps down? I am using dreamweaver cs5. it looks fine a browser and live view, but in the design view ti looks a bit confusing? why would it do this? I am coding this site manually and not in design view. Attached Images Last edited by Gizo; 03-06-2011 at 01:37 AM.

03-06-2011, 07:39 PM	#6
DHDdirect Gold Member Join Date: Feb 2011 Location: Australia Posts: 369	I'd also validate your code using the following links (pages must be live). Many times code can display correctly but not in all browsers with one of those browsers being Dreamweaver. Code: http://validator.w3.org http://jigsaw.w3.org/css-validator But I also agree with dave ;-)

03-06-2011, 08:01 PM	#7
Gizo New Member Join Date: Feb 2011 Location: NSW, Australia Posts: 13	here is my site (hope this displays correctly) I will pu it in the reviews section as well. Attached Images

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

03-06-2011, 06:24 AM	#2
d a v e Platinum Member Join Date: Sep 2010 Posts: 509	because DW preview isn't perfect? it's a bit of a mish mash and as long as it's fine in browsers then don't worry you could make your right panels slightly narrower if that helps (click and drag the left side)

03-06-2011, 04:51 PM	#3
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 676	My guess would be that the blue borders Dw adds in design view are making the menu items too wide.

03-06-2011, 07:28 PM	#4
Gizo New Member Join Date: Feb 2011 Location: NSW, Australia Posts: 13	thanks guys, I have added an id of navbuttons to each of the buttons and reduced the width by 1px using css and it now looks fine. I would like to get some feedback on this site if possible, this is my first attempt at design and producing a website. I saw the website review topics but I do not have anywhere to publish this site yet. I am also working on another site which will be published before this one which will be on fly tying. as I am learning at this stage I will tear down and rebuild a few times before I am ready, this is all just learning for me

03-06-2011, 07:30 PM	#5
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 676	Post some larger images of the full page.

03-06-2011, 08:09 PM	#8
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 676	Not a bad site. Couple of things I'd look at: Different font for the header. Something a little more scripty. Add some padding to the left and right of the content area. On the row of images, it might look a little better to make the left and right-most borders the same width as the rest of the borders. Still, not a bad layout.