Still having calendar (archive) problems
Ok, this post is mostly for marahmarie's benefit, since she's the one who's been helping me so far. But if anyone else has something helpful to add, please don't hesitate to do so.
This is in regards to the community hearts_and_guts. Here is the applicable CSS:
/* ARCHIVE TWEAKS */
/* all content */
.lj-view-archive #alpha-inner {margin-top: 100px; text-align: center;}
/* month page fix */
lj-view-month #alpha-inner input {margin-top: 60px!important;}
/* main background */
.lj-view-archive #alpha-inner tr {background: #101921;}
/* year links */
.lj-view-archive #alpha-inner ul li {display: inline;}
/* table margins, borders, size */
.lj-view-archive #alpha-inner table {
width: 60%;
margin-top: 20px!important;
margin-left: auto!important;
margin-right: auto!important;
margin-bottom: 30px!important;}
.lj-view-archive #alpha-inner th, td, table {
border-width: 1px;
border-style: solid;
border-color: #5b626a!important;
border-collapse: separate!important;}
(If you need to see the rest, feel free to use "View Source.")
Anyway, I'm basically having three issues with my calendar:
Issue #1
This one's the biggie. My month page (the page you end up on when you click "View Subjects" from the main calendar page) does not display the dropdown menu where you would select a particular month (July, August, September...). Or rather, it does display it, but this part of the page is covered up by the header.
The reason it gets covered up is that the header is set to be above everything else (using the "z-index: 1" property), which is intentional. My problem is this: no matter what I set the lj-view-month #alpha-inner input top margin to, be it 60px or 600, and even with the !important tag added, the page content stays where it was. With that dropdown menu still too high to be seen.
Here is a screenshot of the problem: http://pics.livejournal.com/supes_/pic/0001pyp6
Issue #2
This is much less important (I want to stress that the first problem is the one to focus on). But if anyone has a solution for this one, I'd be glad to hear it.
The problem is this: right now, the top margin of my main calendar page is set to 100px. When I try to set it to anything less than that (in other words move the content higher), the year links at the top become no longer clickable. They are still visible as text - they just stop working as links.
Issue #3
Again, much less important than that first one. But basically, I can't get the year links to line up centered in relation to the calendar tables. As you can see here, there is slightly more space on the left.
marahmarie suggested earlier that I try adding the following code:
.lj-view-archive #alpha-inner ul li
{display: inline; margin-left: -37px;}
However, this did not solve the problem. It just made all the links squish together, as seen here.
(ETA: Replaced links with images, just in case. Until it's fixed, you can still see the problem live at hearts_and_guts; but you won't be able to see the "future" years listed, because those posts are locked.)
This is in regards to the community hearts_and_guts. Here is the applicable CSS:
/* ARCHIVE TWEAKS */
/* all content */
.lj-view-archive #alpha-inner {margin-top: 100px; text-align: center;}
/* month page fix */
lj-view-month #alpha-inner input {margin-top: 60px!important;}
/* main background */
.lj-view-archive #alpha-inner tr {background: #101921;}
/* year links */
.lj-view-archive #alpha-inner ul li {display: inline;}
/* table margins, borders, size */
.lj-view-archive #alpha-inner table {
width: 60%;
margin-top: 20px!important;
margin-left: auto!important;
margin-right: auto!important;
margin-bottom: 30px!important;}
.lj-view-archive #alpha-inner th, td, table {
border-width: 1px;
border-style: solid;
border-color: #5b626a!important;
border-collapse: separate!important;}
(If you need to see the rest, feel free to use "View Source.")
Anyway, I'm basically having three issues with my calendar:
Issue #1
This one's the biggie. My month page (the page you end up on when you click "View Subjects" from the main calendar page) does not display the dropdown menu where you would select a particular month (July, August, September...). Or rather, it does display it, but this part of the page is covered up by the header.
The reason it gets covered up is that the header is set to be above everything else (using the "z-index: 1" property), which is intentional. My problem is this: no matter what I set the lj-view-month #alpha-inner input top margin to, be it 60px or 600, and even with the !important tag added, the page content stays where it was. With that dropdown menu still too high to be seen.
Here is a screenshot of the problem: http://pics.livejournal.com/supes_/pic/0001pyp6
Issue #2
This is much less important (I want to stress that the first problem is the one to focus on). But if anyone has a solution for this one, I'd be glad to hear it.
The problem is this: right now, the top margin of my main calendar page is set to 100px. When I try to set it to anything less than that (in other words move the content higher), the year links at the top become no longer clickable. They are still visible as text - they just stop working as links.
Issue #3
Again, much less important than that first one. But basically, I can't get the year links to line up centered in relation to the calendar tables. As you can see here, there is slightly more space on the left.
marahmarie suggested earlier that I try adding the following code:
.lj-view-archive #alpha-inner ul li
{display: inline; margin-left: -37px;}
However, this did not solve the problem. It just made all the links squish together, as seen here.
(ETA: Replaced links with images, just in case. Until it's fixed, you can still see the problem live at hearts_and_guts; but you won't be able to see the "future" years listed, because those posts are locked.)