Need some CSS help

[glloeb]

Okay, so I began working on a very small css redesign which involved a cleaning up of my old code and essentially copy pasting usable bits from scratch. Indubitably, this has led to some problems. My css validates, but there is a clear issue with each page displaying to the right of the start of the page. Also, on the main page, the second list item in the navbar displays incorrectly. The final issue is that on the about page, the sidebar titled "inspiration" is also displaying incorrectly.

Any help with this would be greatly appreciated, I can only stand so much frustration,
Gabriel Loeb

WOW, okay I just looked at this site in IE 7 beta... Holy shit I need help. The entire navigation bar is fucked.. Comment link isnt working... Wow, so much going on.. I really need help.

Also, is there any way to get my page to validate (html) while using regex expressions such as <IMAGE_TITLE>?

[GeoS+]

Except comments link it works quite fine under IE 6.0

use the firefox webdeveloper to find out what is wrong

http://wiki.pixelpost.org/index.php?...at_are_they%3F

[glloeb]

Okay, I started using the developer extension (thanks connie) and I guess its starting to look a bit better.

Current issues:

the navbar ul with title="title" is taking up the entire width of the page with no width set. This is causing the navbar ul with title="menu" to drop down out of the navbar div.

Comment link isn't working in IE 7

Thanks
Gabriel Loeb

[glloeb]

here is my code for the comment link: I can't figure out whats wrong with it

<a href="index.php?showimage=<IMAGE_ID>" onclick="window.open('index.php?popup=comment&amp;showimage=<IMAGE_ID>','<IMAGE_TITLE> comments','directories=no,height=540,location=no,menubar=no,resizable=no,scrollbars=yes,status=no,titlebar=yes,toolbar=no,width=480');" title="View comments">Comments (<IMAGE_COMMENTS_NUMBER>)</a>

I presume other people must have similar looking links for this.

Still having issues with the menubar too. =/

[glloeb]

Okay, so in order to make my issue more clear I have decided to use what, presumably, pixelpost users will respond more fully too. Images. (This is also a desperate plea for attention.)

Without further ado my current problems:

Internet Explorer 7 Beta


Mozilla Firefox 1.5.0.6


sigh,
Thanks again,
Gabriel Loeb

P.S. yes, I know my sn is on there, feel free to IM me.

[glloeb]

Geos I tried placing the javascript in the href portion but it only led to 404 errors.

[GeoS+]

No, you misunderstood me. In href put # and rest leave as it is.

[glloeb]

The issue with that is that it moves the main page back to index.php

[glloeb]

Okay, at this point I think the CSS is working well enough. The only browser that REALLY screws it up is IE, and the only issue there is that it doesnt display border-bottom for #navbar li. no biggie. in mac firefox its gotta be 2px lower. no biggie. in safari border-bottom is weird. no biggie.

BUT

My IE comment link is STILL unusable. biggie.

Here is the code I'm using:

<li><a href="index.php?showimage=<IMAGE_ID>" onclick="window.open('index.php?popup=comment&amp;showimage=<IMAGE_ID>','<IMAGE_TITLE> comments','toolbars=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=yes, width=480, height=540');" title="View comments">Comments (<IMAGE_COMMENTS_NUMBER>)</a></li>

Also, I made an addon to display the date as August 16th, 2006 instead of 2006-08-16 if anyone is interested.

One additional question, in Opera, which seems to display my site best of all (correctly), there is an extra 20px between previous and comment on the index page because there is no next button even though there is a li entry, and thus a margin value. Anything I can do about this?