Need help stoping snagging behavior

HTML & CSS
21

You are setting heights on a lot of things and I see no reason why! PS-know that half pixels don’t exist (or .9’s) :slight_smile:

#nav-subjects-thumbs3{height:auto;}
#outer{margin-bottom:0;}
22

Thanks that was my tecnnique before knowing of height:auto;

:slight_smile:

Pluse I needed to closed some tags within divs to reach the sticky footer effect.

Thanks!

23

You’re welcome :).

24

Ryan I am using the same CSS for both of the links above the last link is the ideal display but in the first link don’t know why is not displaying as in the second link when I am using the same CSS properties and values.

First link.
http://www.nyhungry.com/example2.php?subject=4&id=5&register=0&menu=38

Second link.
http://localhost/nyhungry/catering.php

thank you.

25

Hi, the second link is broken :slight_smile:

In the first link you are reusing IDs a lot and that is most likely the cause of the page being screwed up :). If you are going to reuse an ID during a document then switch it to a class that way you can do it validly :slight_smile:

26

http://nyhungry.com/catering.php

The second link as above.

27

you suggest to change some of the id’s to classes?

28

My advice still stands :). In the second link you aren’t reusing IDs

Edit:

Yes I do.

29

I will change it to classes some of the ids specially the ones that repeats.

30

I have fixed something

Now I am trying to float left the green price class to the left of the picture.

31

Hi, on all the <p> tags you give clear:both; (I assume you have a reason), so you need to reset that for the prices, and then lower the width on it otherwise you will get a float drop because there just simply isn’t enough room :slight_smile:

#caterpic .price{width:76px;clear:none;}
32

thank you I will get on that later tonight.

33

Thank you Ryan!

I am having a little bit of trouble moving the .large class to the right of .medium class. the red background belongs to caterpic. I have width it enough so the .large class can float to the left and align with .medium but it keeps displaying below small and medium classes.

34

Hi, that’s because there isn’t enough width on the parent :).

The minimum the parent has to be is 647px :slight_smile:

#firstiteration{width:647px;}
35

I think I was really tired that I didn’t see That #firstiteration was a parent of small, medium ad large classses.

I was focus on caterpic and caterpic2 as believing that they were the only parent of those classes.

Thank you again.

36

You’re welcome :).

37

What means when the firebug has a line acrros the rule?

for instance

clear:both; with a __________ like that but through the middle of the rule?

38

It means that it is being overridden.

If you scroll up a tad bit (on the right side selector list) then you will eventually see (in your case) a clear property overridding the clear:both;

The highest up there have the highest specificity and the lowest down there have the lowest specificity

39

http://www.nyhungry.com/example2.php?subject=5&id=4&register=0

how can I take the purple border around more?

I have tried with boder:none and border-color:none without any results.

Thank you.

40

Hi, I am seeing a blue bordder but whatever :). The color of hte border d epends on the font color of the anchor. You must have cliked the link and that’s why it’s purple lol. Sorry I’m talking out loud right now lol :slight_smile:

The border is on the image, and it is on there because it is a child of an anchor and a border gets added to an image when that happens :slight_smile: