charmax: (One of those days)
charmax ([personal profile] charmax) wrote2006-10-23 12:55 am
Entry tags:

CSS Anyone?

Do any of you on my flist know how to deal with CSS? If so, can you please, please help me out? ;) I have validated my stylesheet and it comes up clean but... I am still getting 2 big errors with the layout. One is the navigation background image (popping up where I don't want it to! Behind other links! Stay in the bloody navigation!) and number 2 error is the links I make within a page (bizarre wideness! Navigation image!)

Any help on this will be much appreciated.


ETA: Issues all fixed thanks to [livejournal.com profile] lim
ext_1558: baby Spock peeking up over the bottom of the icon (Default)

[identity profile] lim.livejournal.com 2006-10-23 12:00 am (UTC)(link)
I'm just trawling and I noticed this.

Your navigation background image is applied to your anchor selector (a).

If you just want it on the navigation, and not ALL links in your layout, you need to take out this

a {

* background-image : url(http://bronze-ambition.net/BTP/images/navbg.jpg);
* display : block;
* background-color : #61846c;
* color : #4f868d;
* padding : 5px;


and group it with your #nav div instead, so, underneath

div#navigation {

* float : left;
* width : 300px;


put

#navigation a, a:link{background:url(http://bronze-ambition.net/BTP/images/navbg.jpg) #61846c;color:#4f868d;padding:5px;display:block;}

[identity profile] zeromuchjenn.livejournal.com 2006-10-23 12:07 am (UTC)(link)
Also, if you use Firefox, get the "Web Developer" extension. There's an "Edit CSS" function that allows you to practice in real time ;)

[identity profile] obsessive24.livejournal.com 2006-10-23 12:33 am (UTC)(link)
This is completely unrelated (CSS flies way over my head), and I may be the least observant person in the universe, but I just noticed that you have animated House mood icons. *dies* That may just be the coolest thing I've ever seen in my life. Bliss!