CSS Attempts (Full Version)

All Forums >> [Web Design] >> Site Critiques



Message

rdouglass -> CSS Attempts (8/5/2005 13:43:04)

Hi All,

Been attempting to work CSS into all my new projects. I've quite a bit in this project and am curious as to how it looks in other folks browsers. Some of the functionality is still to be tweaked but I'm asking for critiques on this site:

http://www.clarkinsurance.com/LTC2/

The menu and much of the content is CSS and everything in the site is DB driven and accessable by back-end forms. Essentially a content management system that controls the menu and sub-menu items, the main content, and sidebar comments but you can't get to the controls from those pages.



dpf -> RE: CSS Attempts (8/5/2005 14:12:02)

looks great, roger - nice job.



womble -> RE: CSS Attempts (8/5/2005 14:34:19)

Nice! [:)]



Nicole -> RE: CSS Attempts (8/5/2005 19:37:25)

Very nice and clean, well laid out site Roger, Congrats!!!

One thing though, the two verticle lines are mis-aligned at the bottom of each page by just a tiny bit.

Nicole



mar0364 -> RE: CSS Attempts (8/5/2005 22:31:01)

Very nice work!!!! Form and function. You gotta love that.



rdouglass -> RE: CSS Attempts (8/5/2005 23:11:42)

quote:

the two verticle lines are mis-aligned at the bottom of each page by just a tiny bit.


Thanks all for the complements and I'm curious about this. May I ask if it's every page?

If so, what's your browser?

If not, which page(s) is it acting up on?

I don't see it. [8|]

Thanks.



Nicole -> RE: CSS Attempts (8/5/2005 23:20:55)

Hi Roger,

It's happening on all pages and I'm using Firefox. It's happening to both of the vertical lines even though i've only shown you one, the other one is going in the same direction.



[image]local://upfiles/12879/8B4E8F8C2914467393D0546A3269D090.jpg[/image]

Edit: It could be something to do with the width of the elements in that section of the page totaling 744px compared to the overall width of the table above being 747px, but if that were true you'd think it would align slightly the other way. It's hard to tell, you've got a lot of transparent images there it's difficult to follow.

Nicole



rdouglass -> RE: CSS Attempts (8/6/2005 2:30:19)

quote:

that section of the page totaling 744px compared to the overall width of the table above being 747px


Sounds like a good place to start. Thanks.



jaybee -> RE: CSS Attempts (8/7/2005 6:24:10)

Very nice, my only comment would be that I found the nav text a bit on the small side so I increased the text size. The nav bar and page content resized fine but the header/links row went a bit bananas



d a v e -> RE: CSS Attempts (8/7/2005 7:33:13)

bar using a bigger font size you could try ...
line-height:1.4;
up to about
line-height:1.6;

for your main text (try it in the edit css thingy in firefox (under css in the developer toolbar) makes it more readable :)



spitfire -> RE: CSS Attempts (8/7/2005 12:11:31)

In IE6, I found it difficult to make out the navigation and footer text against the background. I only mention this because it seems the LTC service includes people with diabetes, a condition that can lead to varying degrees of sight loss. Not quite so difficult to see in FF because I can increase the text size. Applies to both browsers - normal and on hover.

Otherwise a very pleasing look and feel that suits the apparent purpose of the site very well.



rdouglass -> RE: CSS Attempts (8/8/2005 8:52:03)

Thank you all for that very valuable input.



mar0364 -> RE: CSS Attempts (8/8/2005 9:30:07)

Whats going on in the ASP is really impressive. How many lines of code on that page? I'm interested in the architecture of the site. Really neat! How did you do it?



rdouglass -> RE: CSS Attempts (8/8/2005 10:10:21)

quote:

How many lines of code on that page?


Including the 'includes' and the stylesheet there's almost 1500 lines of code.

It's all DB driven content and menu navigation (13 tables total) and I've tried to use as much CSS as I could. The basic structure is a table but just about everything else is using CSS. Next version I hope to be all CSS.

There is a full backend content management system that is all editable with forms.



BeTheBall -> RE: CSS Attempts (8/8/2005 19:18:35)

Very clean look and easy to navigate.

I too see the part at the bottom where the lines don't quite line up. Also, it seems alot of the navigation buttons on the left are duplicated?



[image]local://upfiles/5648/8D361D54F15C410FB1A90DCC6A29EFC5.gif[/image]



caz -> RE: CSS Attempts (8/8/2005 20:39:28)

If you took away that border image and replaced it with a border on the top of the cell with css would it give the appearance you wanted?
Or can that not be done ( my css with tables is lousy).



rdouglass -> RE: CSS Attempts (8/9/2005 8:43:37)

quote:

replaced it with a border on the top of the cell with css would it give the appearance you wanted?


Funny, I just did that last nite on the copy of that site but I did it with a colored cell background. Exact same effect and no problems with lining up the top and bottom since there's nothing to line up.

And Duane, your screenshot isn't the effect I was after at all. Those are supposed to be cascading menus on the left and not dup's at all. What browser are you using?

Thanks all again



BeTheBall -> RE: CSS Attempts (8/9/2005 9:33:07)

Firefox. Latest version, at least I think so as I was prompted to update just last week.



caz -> RE: CSS Attempts (8/9/2005 11:59:23)

I got the same as Duane on Fx1.0.6, but it works as you want it to in IE6.



Tailslide -> RE: CSS Attempts (8/9/2005 12:33:40)

OK I've got it I think - I reckon you're closing your parent <li>s too soon - you've got: 

<li>item one</li>
<li>item two</li>
   <ul>
   <li>subitem one</li>
   </li>subitem twon</li>
  </ul>
<li>item three</li>



When in fact it should be: 
<li>item one</li>
<li>item two
   <ul>
   <li>subitem one</li>
   </li>subitem twon</li>
  </ul>
</li>
<li>item three</li>


The closing tag for the item two should be after the sub item list.


IE being IE interprets the code incorrectly as a sub list which is what you actually wanted but FF etc interpret it correctly as another separate list.



rdouglass -> RE: CSS Attempts (8/9/2005 12:34:28)

So I've heard about how IE messes up everywhere and other 'compliant' browsers don't. [8|]

Seriously, probably means some tag isn't closed properly or something but IE thinks it knows what I want. Or I'm using some IE only command.

Any ideas as what's wrong? Can't seem to get it to cascade in FF. Anyone have any links to any CSS cascading menus I can look at?

Guess I should start a thread in the CSS forum 'eh? [;)]



Tailslide -> RE: CSS Attempts (8/9/2005 12:36:07)

See above!!



dpf -> RE: CSS Attempts (8/9/2005 12:39:22)

quote:

So I've heard about how IE messes up everywhere and other 'compliant' browsers don't.

lol - ive had the same experience..[:D]



Tailslide -> RE: CSS Attempts (8/9/2005 12:48:29)

quote:

ORIGINAL: rdouglass

So I've heard about how IE messes up everywhere and other 'compliant' browsers don't. [8|]



FF, Opera, all of 'em have bugs - it's just a case of scale of incompetence and IE's waaay out in front! [;)]



rdouglass -> RE: CSS Attempts (8/9/2005 12:57:19)

quote:

OK I've got it I think - I reckon you're closing your parent <li>s too soon - you've got:


You were right on the money. I had actually just figured it out and I was ready to post my findings. Really! I did! [:D] I actually had started doing it that way from the beginning but I had problems with my recursive loops (DB driven) and so I cheated. [:o]

Funny how IE tolerates it and FF doesn't. Well, I'm quite sure my syntax is to blame and not FF. [8|] [:D]

Thanks all for all the help. I'm off to fix the menu loop and the bottom thingy not lining up.



d a v e -> RE: CSS Attempts (8/9/2005 12:59:42)

if you were after an indented menu thingy that works in IE and firefox i did one for example here
http://www.flaxandhemp.bangor.ac.uk/english/fibre_culti.htm
i used a definition list (symantically naughty, but hey sometimes a bit of semantic mischievousness can be good for you;)

is that kind of how you meant?



Tailslide -> RE: CSS Attempts (8/9/2005 13:01:38)

quote:

ORIGINAL: rdouglass
I had actually just figured it out and I was ready to post my findings. Really! I did! [:D] I actually had started doing it that way from the beginning but I had problems with my recursive loops (DB driven) and so I cheated. [:o]


Uh huh - ok [;)] I'll believe you because:

a. I have no idea what the next sentence means
b. You're on my "remember to be nice to" list because of the mac thing.



caz -> RE: CSS Attempts (8/9/2005 13:33:43)

quote:

semantic mischievousness


Ooohh, I like it you naughty boy[;)]

Must remember that one.



rdouglass -> RE: CSS Attempts (8/9/2005 14:09:40)

quote:

a. I have no idea what the next sentence means


Just means I was building all of my <ul> and <li> from a database query. I'm building content management into this and all of the items in the menu are topics and each topic can have pages (which show up as sub menu items).

Topics and pages are stored in separate tables in the DB but are delivered to the page in 1 query result. Since I want one topic to be able to support more than 1 page, I had to build a recursive ASP routine to figure out what goes where. That clear as mud?

Anyways, I had a hard time nesting the submenu <ul> inside the <li> of the topic item.



d a v e -> RE: CSS Attempts (8/9/2005 14:10:38)

did you try using a definition list?



Page: [1] 2   next >   >>

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.125