?

Log in

No account? Create an account

Previous Entry | Next Entry

tag page view - SOLVED

  • Nov. 23rd, 2009 at 1:16 PM

i've been customizing my LJ backgrounds, colors, layoutspacing etc., so far so good, i could find the elements names from different help pages, or reading the source code. doesn't mean i'm a pro - i'm just learning.

but i couldn't find the ID, class or whatever defines the content of the "view my tags" page.

the issue is that parts of my backgrounds are transparent ( content, #alpha ), so you can see the bgd image between the entries, comments, navigation strips etc. it worked fine for entries, comments, for the archive calendar page, and for the single post views choosed by tag or by date clicking. i think i looked at all possible views of my LJ, and everything seems to be conform to my design ideas.

but as i clicked on the "view my tags page", the bgd color (and other items like border, padding etc) aren't applied at all.
the result: a light blue bgd (from the page bgd) and a light blue text color (which works fine on the normally dark post-asset bgd) - you can't read a single word.
now, if i knew the name of the element, ID (or what it's called there) for this page specific list of tags, i could add it in the css paragraph where the posts and widgets are defined or add a paragraph.
when i opened the source code though, i didn't really see any ID nor div, it's if like the content was poured directly on the page.

can somebody help solve this problem? thx ^_^

BODY {
background-color: #94A0AE;
background-repeat: repeat;
background-attachment: fixed;
background-image: url(http://pics.livejournal.com/portisheart/pic/0003c312);
cursor: url

(http://www.deviantart.com/download/144384934/chinese_symbol_for_love___blue_by_po

rtisHeart.cur);
}

a {
text-decoration: none;
cursor: url

(http://www.deviantart.com/download/144385382/symbol_male_male___blue_cursor_by_

portisHeart.cur);
}
a:hover {
text-transform: uppercase;
text-decoration: underline;
}

#lj_controlstrip a {text-transform: none;}

#page {
background-repeat: repeat;
background-attachment: fixed;
background-image: url(http://pics.livejournal.com/portisheart/pic/0003c312);
}

#content {
background-color: transparent !important;
position: relative;
top: +75px;
}

#header {
position: relative;
top: +40px;
}

#header-name, #header-description {
position: relative;
top: +75px;
color: #94A0AE;
}

#header-text {
position: relative;
left: -4px;
}

#alpha, #beta {
position: relative;
left: -20px;
}

#alpha {background-color: transparent !important;}

#beta, #gamma {background-color: transparent !important;}

.post-asset,
.widget,
.prevnext,
.comment-even,
.comments-header,
.comments-nav,
.skiplinks {
background-color: #151525;
}

.comment-odd {
background-color: #94A0AE;
color: #151525;
}

.comment-odd a {color: #FFFFFF;}
#dayyymmmmmdddd {background-color: #000000;}

.post-asset,
.comment,
#dayyymmmmmdddd {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 4px solid #000000;
padding: 20px;
}

.comments-header,
.comments-nav,
.prevnext,
.skiplinks {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 4px solid #000000;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}

.widget, #header {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 4px solid #000000;
}

.widget-header {
text-transform: uppercase;
font-size: 120%;
}

.about-me-widget a {
text-transform: uppercase;
text-decoration: none;
}

.categories-widget a:hover {text-transform: none;}

.post-asset {
background-repeat: no-repeat;
background-position: right bottom;
background-image: url(http://pics.livejournal.com/portisheart/pic/0003azz1);
}

Comments

marahmarie
Nov. 26th, 2009 12:10 am (UTC)
On Vista IE8 the header is still overlapping the top strip by 5 or 6 pixels. So it looks like a gray chunk cutting through the bottom of the strip. That chunk is the top of your header. Pic:

http://pics.livejournal.com/marahmarie/pic/0001wb20

If you were to add 5 or 6 more pixels (bringing your total height up to around 15px-16px) how would it look then in IE8 on XP?

If nothing is working, I'd just go with the best compromise you can come up with. IE is kinda reknown for having exactly these kinds of problems.

I'm looking in Google but not finding the targeted hacks for IE8 on Vista that I thought were out there, but I know I wrote something about it last year on my journal (it became a pretty popular post with designers across the Web for a little while because I mentioned that problem and a few others I was having with designing for IE) so I'll look it over, and if I find a link for that in there I'll let you know.
portisheart
Nov. 26th, 2009 12:41 am (UTC)
thanx a bunch for the printscreen ^^

omg.. until this problem with vista appeared, i knew what i was doing, and my page looked good and pretty similar on XP IE8 and on mozFF 3.5.5.

now, i'm totally lost, i only adjust things up and down without really understanding exactly what i'm doing and why - and my page looked at a stage even totally different on IE and FF..
and as i don't have vista, or mac or whatever is not XP IE8 or FF, there are still so many places where my layout may totally suck,and i can't test it either.

i hope now the header is like i want it - not glued on the strip, not stuck to the nav either, but nicely spaced inbetween! XD
marahmarie
Nov. 26th, 2009 12:56 am (UTC)
You fixed it on Vista! It looks just right now. I don't know if you saw the strip itself is a bit out of whack in IE (at least on my Vista version of it) (the boxes don't line up as they should) but seriously, I wouldn't even worry about it, since I think enough Web users know IE doesn't play nice with otherwise perfectly well-coded layouts to blame the designers for that.

Also, if you were to google something like, "don't use hacks for IE" you'll find a ton of websites in favor of just letting our layouts not look right in IE in order to get people to realize it's the browser, not the designers, that are at fault for that - the thinking goes, if enough people were to figure that out, IE usage would drop off a cliff, so then we'd only have to code for Firefox, Safari, Opera and so on.

I know it would be a lot less headaches for all of us if IE usage were to tank, since like you said, it gets to the point where you think you're coding just right, then you check in IE and see how different, and sometimes how bad it looks - seeing that can just suck the wind right out of you, not to mention make you waste a lot of time trying to "fix" it, when, in fact, nothing is "broken" except IE's handling.
portisheart
Nov. 26th, 2009 01:39 am (UTC)
fi-nal-ly! so i won't touch anything about that upper spacing any more *sigh*.
thanxx a lot for helping me fix this ^^.

oww, even i you know you're not responsible for window's endless bugs, it's still a pain if your site looks crappy.. i'm quite design oriented.
and though i appreciate the idea of free source progs, we still have to count with a broad win-user audience..
i just wonder how comes that IE, which has been around for quite a while now, still loses to far newer browsers like FF, opera etc..
marahmarie
Nov. 26th, 2009 02:06 am (UTC)
You're welcome! I'm happy it's working better for you now. As to why IE fails the way it does, without getting technical or citing sources (which I guess I could if I had to) IE is not considered, technically, by a wide swath of people who do know what they're talking about, to be a browser. It's more a set of dynamically linked libraries native to Windows that are normally used to control the way your operating system looks and works, with a customized, browser-looking interface wrapped around it. So basically, Microsoft devs took those Windows-only libraries and "bent" them into a different usage back in the late 90's-early 2000's or so to make IE function like a browser would. Emphasis on "like". Since no other browser maker has access to what MS does to make that browser code, the differences are inevitable.

Also, outside of the obvious browser-build differences, I should mention that IE "handles" CSS differently than other browsers do - even outside of the obvious built-in limitations. Other browsers have always tried to follow W3C specs (for as long as there have been W3C specs, anyway) and for that reason, they pretty much agree on how best to display CSS. IE, on the other hand, started out years ago by using code only they approved of. The code wasn't good CSS - it wasn't even CSS, in fact - so for obvious reasons the code didn't work and broke in other browsers.

From there they moved to using the border-box model - a decision on their part that no other browser maker has supported, since the argument for it turns how padding and margins should be displayed on its head. Starting with IE5, they began suporting standards better, but not enough to quiet designers down, and with IE6 actually came more problems displaying CSS, and more hacks to fix the problems, than most people had ever encountered before.

With IE7 onward, Microsoft has finally started taking serious steps toward relaxing their browser's interpretation of the border-box model and has begun to follow much stricter CSS standards, but the "bugs" and issues are still there. I'm hoping that with IE9 they knock out most of the issues I'm still seeing in my designs and others, but knowing how IE is, there's no guarantees.

Edited at 2009-11-26 02:22 am (UTC)
portisheart
Nov. 26th, 2009 02:40 am (UTC)
"-IE is not considered, technically, to be a browser. It's more a set of dynamically linked libraries native to Windows normally used to control the way your operating system looks and works, with a customized, browser-looking interface wrapped around it.-"

i see.. well, it's called Internet Explorer after all, so it says everything already: an extended Explorer with internet support..

rings a bell.. MS frontpage, with weird code added and this special format a while ago..
but i guess for windows or IE they use the old versions as frame to build the new ones. so to kill all bugs they'd have to start a new version from scratch almost..

the good side of it: enough subjects to fill endless pages of windows-jokes..

Edited at 2009-11-26 02:42 am (UTC)

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars