Hello, This follows on from a similar thread, I'm reposting this as it's a slightly different issue. Anyway, I have a second question if anyone has a moment. Going back to the original page at www.patwanet.co.uk/index_old.shtml you can see that the navigation bar is below the logo, but this leaves a lot of white space beside the logo which I think looks a little unsightly. I want to have the navbar filling up the remainder of the width of the page, sitting next to the logo with the bottom of the navbar lined up with the bottom of the logo. Then, as the navbar is only a thin strip, I think I'd like some text, say my contact number above the navbar, so it doesn't look quite so 'empty'. Imagine a line cutting the page from left to right, going across from half -way up to the logo, with the navbar below and the text above. Does that make sense? I was thinking of maybe using some more div id's, and using absolute positioning to set the margins, but then I realised this might mess up the look of the page on different screen sizes (I'm building the page ona 24" monitor). Does anyone have any tips on how I can manage this? The navbar is basically a standard table with one row and however many columns. The stylesheet is: www.patwanet.co.uk/css/main.css The navbar which is included in the page is: www.patwanet.co.uk/includes/top_nav.html Thanks very much, CSS and formatting are still new areas for me. H
Firstly you need to download and install Firefox or if you prefer, Google Chrome. Never develop in Internet Explorer, it is awful. You should develop in Firefox and then go and correct problems in IE - your site looks completely different in each right now. Secondly do not use tables for layout structure, in the case of your menu you should use <ul> Google 'CSS Menu' to learn how to do all this.
Hello, Thanks very much for the post. I'm visually impaired, so often I don't notice things such as layout changes between browsers. I also appreciate the tip for treating Firefox as my primary target, then working to fix any resultant errors. I assume that as Firefox don't have the code interpretation quirks that IE do, it would also mak for cleaner code. I've found pointers on CSS lists, I fell into the common trap of visuallising unordered lists as the standard downwards bullet variety. I'll fix that up, ahe html tag replication mentioned in another thread, and then come back to the position point. Sound good? Thanks again. H.
Hello, I've fixed the code for the navbar, removing the tables and driving it with CSS. I'd be grateful for any pointers now for getting the alignment right with the logo, and with only half height so I can put contact info above the navbar. The logo has also moved to the middle despite my setting it to the left. Thanks.
Hello, sorry to bump this, but I was wondering if anyone could offer me some pointers to get this working? I've been trying different combinations of absolute/relative positioning, but with no success. If I hard code the dimensions for the navbar to line it up with the bottom of the logo, it doesn't work with some monitor sizes, and then I have no idea how to get text I want to put above the navbar, above the navbar without going back to using tables. Haven't found any code examples yet either that match what I'm after. Thanks for your guidance and a belated Happy New Year. H.
hey pat i wanna ask do you use tables on your paragraph and align to the center? the reason i ask is because i have a site with some similar coding.i use the table for my paragraph and center align it.the problem is i cannot place an adsense unit outside of the table to the right as you have it.i've tried this numerous times and came to the conclusion that it's because i use the tables in my paragraph.i could be wrong and i sure hope i am.maybe you can help me out? thanks