Line Height randomly different, cant fix

[sportsfrk214]

Okay so I'm having a problem with my website. I'll start off by saying that this website is not a big deal, it just a nice extra way to show off my films. Obviously, I know the site is simple and that the coding is very unprofessional, but it serves the purpose I want it to serve.

That being said, I'm having a problem with line height on my page. I have a page where I want to offer wallpapers, and under each wallpaper is a list of links to each resolution. I currently have 3 wallpapers up (two that will stay, the third is a duplicate to serve as a placeholder for now), but for some reason the links under the first wallpaper have a larger line height than the other two. It makes zero sense to me because I copy and pasted the code for the other two off the first one, so I don't know why it is different. Again, my site isn't exactly coded amazingly, but I don't get why it's doing it.

Now a simple solution might seem to just define a line height for the one that's too big. But that's no good. I'm having this problem on IE, Safari, and Chrome. For some reason it works correctly on Firefox. Defining the line height I want fixes the problem in those three browsers, but then in Firefox the line height is too small, since in that browser it was never a problem to begin with.

I hope someone can help me with this. Here is a link to the page I'm having the problem on. Any help is appreciated!

http://risingphoenixfilms.webs.com/extras.html

 

[ronaldroe]

For a short term fix, declare a line-height for each of the sets of links. However, that won't fix the definite issues this site has. You may find that by cleaning up your html and separating the style from the content that your issues disappear.

For one thing, everything is nested really weird.
For the first set of links, the div with the class wall1links (should be an ID) is the parent, the <p> element is a child of that, and your font tags are a child of that.
For the second set, you nest the same structure inside 2 completely arbitrary font tags.
The third set is nested inside the previous arbitrary font tags, plus 2 more.

 

[Phreaddee]

you will need to define a char set as well.

utf-8 is pretty standard.

that'll probably fix the issues somewhat.

 

[sportsfrk214]

I understand my coding format is weird, but I'm am amateur in the greatest sense of the word. I've never written a website before and I've never coded anything before. If you look back at my first post on this forum I asked for help with my site and someone on this board basically recoded my site for me, and I've just been building off of it since then, and I know its not the ideal way to code.

I have learned some though. I took your advice and separated the style from the content and that seemed to fix the problem. Thanks!

 

[ronaldroe]

There isn't a person on this forum who hasn't been where you are. I still have to go back to a blank slate from time to time just to figure out what I did wrong.
In fact, with the last site I did, lalasoiree.com, I used someone else's css reset to save time. It took me an hour to figure out why the list on one of the pages would not display as block, even when I did !important after the declaration. I finally started from scratch and wrote my own reset like I usually do, and it fixed it.