Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

New Website

Discussion in 'Website Design Forum:' started by Tom Sound, Aug 17, 2009.

  1. Tom Sound

    Tom Sound Active Member

    Hi Folks,

    this is my first stab at a site using Dreamweaver and attempting to use css to a certain extent. I worked out that dreamweaver is a 'what you see is not really what you get editor' [WYSINRWYG] or is that just me?

    Please let me know what you think so far....

    custom artwork for the home from massive canvas

    Also, I would further like your opinions on the use of a horizontal scrolling gallery page (in thought process at the mo). I've read a fair amount regarding these online over the weekend and there seems to be a split opinion on the best way to set one up. One site suggested the use of a table is the way forward.

    Are they accepted as a useable interface or a pain in the..


    Tom :D
  2. Sunburn

    Sunburn Active Member

    If your presenting tabular data then a table is fine, other wises use an appropriate tag for the job required.

    lists - ul / dl
    generic containers - divs

    blah blah :)
  3. Tom Sound

    Tom Sound Active Member

    Thanks Geoff, I'll ignore the table idea then.

    Anyone got any opinions on horizontal scrolling image sites? Or thoughts on what I've done so far?

    thanks very much

  4. h_freezy

    h_freezy Senior Member

    dreamweaver is good for coding but rubbish for design. The design interface really needs a complete overhaul................Adobe seems to upgrade their software by changing the skins only.
  5. Levi

    Levi Moderator Staff Member

    I'll agree on that, I cannot get to grips with dreamweaver for some daft reason but I was able to get along with golive quite happily, I have the view that golive is more design orientated which better suits my level of html etc :)
  6. h_freezy

    h_freezy Senior Member

    never tried go live before but Dw needs to use Ps approach for the design interface.
  7. Levi

    Levi Moderator Staff Member

    golive does have that kind of interface, unfortunately its now being discontinued :(
  8. br3n

    br3n Senior Member

    To be fair on adobe they havent had dreamweaver long, blame macromedia.
  9. Levi

    Levi Moderator Staff Member

    Adobe have had dreamweaver for 4 years, thats plenty of time to combine or give the option of using a more design orientated interface, especially considering they already had golive as a basis.
  10. glenwheeler

    glenwheeler Senior Member

    The one problem I find with Adobe Dreamweacver is that it never displays the designs properly in design view, they are always fine looking in all Browsers but display terribly in Dreamweaver. I dont know if they have fixed this on CS4 as I have never used it. Any one know?
  11. Becky

    Becky Member

    Doesn't seem to be fixed in my copy, although that could be down to my abysmal coding skills :)
  12. I just had a look, i quite like the layout of the site so far, and not sure on whether a horizontal gallery would fit in with the current interface.

    Aside from that, I don't mind them if they are done well. There was a brilliant one I saw last week, but I stupidly didnt bookmark it.

    If the whole site is going to scroll then that is fine, but if you are going to have a random scrolling div in the middle of the interface I doubt that will look too good.

    One of the guys I went to uni with has a horizontally scrolling site, is that the kind of thing you were thinking of for the gallery?
  13. Tom Sound

    Tom Sound Active Member

    Thanks for taking the time to look Iain :D

    I've set up a horizontal page, yes, like the link you posted, although on reflection I think I've made it to deep a page, not in a profound way. Looking at it this morning I've had the realisation that I need to move some stuff onto another section of the site altogether.

    Anyone have any thought on the navigation of a horizontal page? Should I just leave the browser scrollbars to handle it or use a mouseover/scroll to anchor command? It's only 8000px wide.

    thanks :)
  14. Kevin

    Kevin Senior Member

    Omg, no, definitely don't leave it up to the scrollbars. Use anchors, combined with a scrolling effect (without the scrolling effect, there really isn't a point in having a horizontal site). 8000px is more than enough, look at it this way: for a lot of people, 8000px is almost 8 times the width of their screen.
  15. Tom Sound

    Tom Sound Active Member

    OK Cool, I will look into this further tonight, thanks. I see what you're saying about the width. What would be the max height restriction?
  16. Kevin

    Kevin Senior Member

    Hard to say... you just need to make sure all the content (text!) fits within about 650-700 pixels, although that should work out without any trouble. Background graphics can go over 1000px, just make sure you don't get vertical scrollbars (background-images or overflow hidden). Also, when using large graphic images, make sure that they don't suddenly cut off, even when they go off screen a fair bit.
  17. Tom Sound

    Tom Sound Active Member

    OK so I did a bit more work on this last night. Basically what I've ended up with is a div 8000px wide with a single image placed into the div, split into 4 sections. Below this is another one with an image with some text and arrows for the scrolling aspect. I sussed out linking to anchors to scroll, which was pretty straightforward but...

    I got really confused after that point.

    If I am putting arrows across the width of the page and having anchor points at equal positions across the page. What width should I place the anchors and arrows, as obviously on my 20" monitor it's completely different to another monitor. I set it all up, clicked the first arrow and scrolled to my anchor point marking the second image section. But the arrows still visible on my screen pointed to the same anchor. not the third anchor so nothing moved as I was already there :D

    Does any of that make sense or am I sounding like a complete anchor?

    Should I have arrows pointing both ways or just right facing arrows and one left one to return to the start, at the end?

    Is it just a simple script I need to add to make this all happen smoothly?

    thanks :D
  18. Greg

    Greg Active Member

    I did a site like this when I was back at Uni for a project, think it's still on my site at:

    Not sure if that will help at all? Probably not as coding wise it's a mess, was just a mock-up for the project. Will see if I can find the links for various bits of script I used though
  19. Tom Sound

    Tom Sound Active Member

    Thanks Greg, exactly that but what happens if they have a small screen and the arrows don't fit on the first page. That is a big help as I'm closer than I thought looking at that I think.

    When I get home I'll upload it so you can see where I'm at and laugh at how many arrows I've used which is my main problem I think. :D
  20. Greg

    Greg Active Member

    There was a script I used that converts the scrolling wheel on your mouse to move the page left t right rather than up to down, think that would help as a start.

    You could use fixed arrows at the top or bottom of the page to get around the resolution size issue? Like they have done on this site - The Horizontal Way - an horizontal showcase for horizontal scrolling websites, by Marco Rosella

    Some more useful links with ideas/inspiration:
    19 Horizontal Scrolling Websites - CssLeak | CSS Gallery, Showcase of beautiful Web Design
    27 Inspirational Horizontal Scrolling Websites|Dzine Blog

    Look forward to seeing your site later

Share This Page