Re: [css-d] Framing my menu (for horizontal scrolling photo gallery)

> IE6 has a couple of more serious problems... > 1: the nav doesn't always show up. > 2: the nav gets cut off on the right side. > > IE6 needs these additions in the separate stylesheet in order to behave > "well enough" (IMO). Hi Georg Thank you very much for the extra code. I've added it to

Re: [css-d] Framing my menu (for horizontal scrolling photo gallery)

> Richard, I regret that in your latest version the menu is not on the > screen in xp ie/6.0 at 800 or 1024. It seems ok at 1280. > 15 win/ie captures (win/ie 5 through 7) > >> http://www.richardnicholson.com/testing/menu_with_frames8/editor

Re: [css-d] Framing my menu (for horizontal scrolling photo gallery)

Hi Although I was very happy with the way Georg created frame-like behaviour for my photo gallery in IE6, there were some other aspects of the page that were bugging me. I didn't like it that when the browser window was made very narrow, the menu (and my name, and copyright info) would collaps

Re: [css-d] Framing my menu (for horizontal scrolling photo gallery)

>> Is it still necessary with your solution? > > No, it isn't. > > You can write... Hi Georg I've tidied up the code and tested it in IE6 at an internet cafe: http://www.richardnicholson.com/testing/menu_with_frames6/editorial.html It is NOT THE SAME in IE6 as it is in Firefox. I think it's

Re: [css-d] Framing my menu (for horizontal scrolling photo gallery)

> Replace what's in your 'ie6.css' stylesheet with the following... > > html,body { > background: #fff url(foo) fixed; > } > > #topbar { > position: absolute; > left:expression(eval(document.compatMode && > document.compatMode=='CSS1Compat') ? > documentElement.scrollLeft > : document.body.scroll

Re: [css-d] Framing my menu (for horizontal scrolling photo gallery)

> You should have read _one_ comment further down in that article, as > you'll find working solutions linked in there. They may not seem to be > of much use for CSS frames, but they apply perfectly for such cases. > That's why I added them :-) > >

Re: [css-d] Framing my menu (for horizontal scrolling photo gallery)

> No PC here, so can someone let me know if it works? > > Here it is: > > HTML: > http://www.richardnicholson.com/testing/menu_with_frames3/editorial.html > CSS: http://www.richardnicholson.com/testing/menu_with_frames3/menu.css > CSS for IE6: > http://www.richardnicholson.com/testing/menu_with

Re: [css-d] Framing my menu (for horizontal scrolling photo gallery)

> Perhaps I should follow this one (as it is the most > current), and work through it, deleting the code I don't need (?): > > http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ Well I worked through the above link and tried to apply it to my side-scrolling gallery. I lef

[css-d] Framing my menu (for horizontal scrolling photo gallery)

Hi Now that I've got my navigation menu sorted out for some of the main browsers (FF, Safari, Opera, and IE6 PC), I'd like to use CSS to emulate a frame. (This is going to be for my side-scrolling photo gallery.) It seems to be a very simple effect to achieve in FF, Safari and Opera. I simply

Re: [css-d] Safari acting up with horizontal menus

> What's "best" practice is always debatable, but a 'good' practice is one > that tends to work no matter what - even under some stress. That's a > good starting-point. Thanks Georg for your advice on setting font sizes, line height etc. I've hopefully implemented things correctly here: HTML:

Re: [css-d] Safari acting up with horizontal menus

> Another observation: > > This page also triggers the 'em font-resizing bug' in IE/win... > > ...but the bug is only acting on the #nav since that's the only element > that has font-size declared in 'em'. > > Font-size keywords on body as a s

Re: [css-d] Safari acting up with horizontal menus

> Highlighting working alright across browser-land on windows. > > IE/win needs an additional... > #nav a {display: block;} > ...to get the dimensions, and thereby the positions, right. > > regards > Georg Thanks Georg I added in: #nav a {display: block;} In IE 5.2.3 Mac this has cause

Re: [css-d] Safari acting up with horizontal menus

> It seems to be working OK in IE6 for PC although the positioning of the > sub-menus is a little off. At the moment they are positioned to high up the > page and therefore intersect with the main menu. > > The CSS is working though (if the following is what you intended!). On the > main menu, t

Re: [css-d] Safari acting up with horizontal menus

Ok, I've got the menu working correctly now in Safari, FF and Opera (all on a Mac). I'm using conditional CSS (if that's what it's called) to reveal the relevant sub menus and to highlight the active menus. Can anyone tell me whether this works in any PC browsers? I'm currently trying to get i

Re: [css-d] Safari acting up with horizontal menus

Well, I've almost got it figured out... Safari is now behaving the same as FF and Opera I've been trying to create a menu system where the active selection is highlighted - but highlighted using conditional CSS, rather than inserting a .selected class into the HTML (i.e. the HTML for the navig

[css-d] Safari acting up with horizontal menus

Hi Trying to create a simple navigation menu for my side-scrolling photo gallery. I've played with dropdowns, but given up on them because they seem buggy (also I decided I didn't like the look of them). Now trying something that is hopefully a bit simpler - a 2 line horizontal menu. Main se

Re: [css-d] Font choices - Safari acting up (beginner question)

Great tip. I would never have guessed. Thank you. Can anyone recommend a site that has an in-depth discussion of styling text with CSS? Richard > > On Sep 8, 2006, at 4:03 AM, richard n wrote: > >> In the site I'm creating I've set up the fonts for the Body

[css-d] Font choices - Safari acting up (beginner question)

In the site I'm creating I've set up the fonts for the Body tag like so: 'font: small "Gill Sans Light", "Gill Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;' (I believe that Gill Sans and Gill Sans Light are supplied as standard with OSX. They're unlikely to be on the average PC, so Treb

[css-d] putting it all together (side-scrolling portfolio)

Thanks for the tips on my dropdown navigation menu. I'm starting to wonder whether ANY dropdown is a bit too fancy (from a user, rather than a code, perspective). But to make a decision, I need to get the dropdown up-and-running with the scrolling gallery. However I can't for the life of me fi

[css-d] drop-down navigation menu (for side-scrolling portfolio)

(* alert - beginner's question *) Hi Thanks for the feedback on my sample side-scrolling portfolio. Very useful to know that IE PC messes up the dashed borders - and how to fix it. I'm now trying to figure out a navigation menu. There are going to be about 12 galleries, each with about 12 pi

Re: [css-d] side-scrolling portfolio website - best technique?

I've had a few emails about the horizontal dotted borders being rendered as blurred dashes in IE PC. >From what I've been told the borders look ok (but dashed) when the page is static, but as the page is scrolled the borders start to degrade (the gaps between the dashes start to fill in) - I've

Re: [css-d] side-scrolling portfolio website - best technique?

I've been sent a reply off-list with a screen-grab of how the scrolling gallery displays in IE6 PC. I had been forewarned that my dotted borders would be displayed as dashes in IE6 PC, but I was surprised to see that the dashes on the horizontal borders were erratically blending into each other

Re: [css-d] side-scrolling portfolio website - best technique?

Thanks for the example Tony. It looks good, and by reading the code I can just about work out what's going on. Unfortunately, PHP is beyond me, and without PHP it is just too tricky to position everything correctly. I think that semantically your approach is better. I'm using a list, which s

Re: [css-d] side-scrolling portfolio website - best technique?

You mention 350px vertical being a good guide for designing for an 800 x 600 screen. How about for a 1024 x 768 screen? (I've added a background colour - thanks) > The amount of vertical scroll will depend on the users chrome. And > there's no way to predict what that's going to be (for me th

Re: [css-d] side-scrolling portfolio website - best technique?

Thanks, that sounds encouraging. (Hmm, I must confess, I don't actually know what Mozilla and Gecko are.) So... it looks like it doesn't work in IE7... any idea how I can fix that? And it doesn't work in IE5.2.3 Mac (images display vertically). How about IE5 PC? > It scrolls horizontally as

Re: [css-d] side-scrolling portfolio website - best technique?

There should be 60 pixels of white space above the scrollling gallery. That is a holding space - I'm going to put dropdown menus there, so people can navigate to different galleries (and the usual 'about' 'info' 'contact' sections). I'm aware that the whole thing is a bit too deep. I intend to

Re: [css-d] side-scrolling portfolio website - best technique?

compatibility, is what I'm trying to find out. I realise that top-to-bottom is the dominant paradigm in web design. I'm just curious to see whether a left-to-right design can be achieved - and without fixing everything in a table. Thanks Richard > > - Ori

[css-d] side-scrolling portfolio website - best technique?

Hello I'm new here, new to CSS and new to web design. I'm a photographer, and I'm trying to create a side-scrolling portfolio website, without using tables. I've had a lot of help in this thread: http://www.csscreator.com/node/17632 And this is what I've got so far: http://www.richardnichol