InsaneJournal

Tweak says, "Love me two times, babe!"

Audrey (ambancroft) wrote in rp_tutorials,
@ 2011-02-23 17:00:00

Entry tags:

question: html/css

Need help with journal coding
I'm starting to understand journal coding the more I play around with it, but for the life of me, I cannot figure out why the background in my display title, subject line, and bottom naviation repeats itself from a different angle at the end or why the bottom border is black instead of the specified color. I would really appreciate it if someone could help me solve this mystery.

(Post a new comment)

damosel
2011-02-24 12:55 am UTC (link)

I'm not sure what you mean by "angle", but if you mean that the image in the background and the titles aren't lining up, that's not journal coding, that's the way HTML works. Each of those things is a separate element with a separate background; it's just that you've told those three background properties to use the same image. The background image repeats itself from the top left corner (usually) of the element; it doesn't know that it's supposed to match the background in some other element. If what you want is for those title backgrounds to be "invisible", you'll need to set the background property to "transparent".

(Reply to this) (Thread)

	ambancroft 2011-02-24 12:58 am UTC (link)
	What I want is for them to repeat seamlessly. (Reply to this) (Parent) (Thread)

	damosel 2011-02-24 01:02 am UTC (link)
	...yeah, you're gonna need to use transparent. You can't "line up" multiple background images, so the way to make those headings blend in to the background is to make their backgrounds invisible. (Reply to this) (Parent) (Thread)

	ambancroft 2011-02-24 01:31 am UTC (link)
	I don't see how that solves my problem? I don't want the backgrounds transparent. I wanna be able to see them. (Reply to this) (Parent) (Thread)

	damosel 2011-02-24 01:32 am UTC (link)
	............ look, why don't you just try it and observe the result. (Reply to this) (Parent) (Thread)

	ambancroft 2011-02-24 01:34 am UTC (link)
	I don't know what line of coding a transparent background would need. (Reply to this) (Parent) (Thread)

	damosel 2011-02-24 01:40 am UTC (link)
	It's the same line. You just change the property from background:url(whateverbackground) to background:transparent. (Reply to this) (Parent) (Thread)

	ambancroft 2011-02-24 09:58 pm UTC (link)
	Thank you. I couldn't find this anywhere on Google. x___x; (Reply to this) (Parent) (Thread)

	damosel 2011-02-24 10:05 pm UTC (link)
	No problem. (Reply to this) (Parent)

	hammertech 2011-02-24 09:04 pm UTC (link)
	Just as a head's up this comes off a bit rude and to try and avoid that in the future. (Reply to this) (Parent) (Thread)

	damosel 2011-02-24 09:32 pm UTC (link)
	Right. (Reply to this) (Parent)

	hammertech 2011-02-24 09:04 pm UTC (link)
	Just as a head's up this comes off a bit rude and to try and avoid that in the future. (Reply to this) (Parent) (Thread)

	ambancroft 2011-02-24 09:56 pm UTC (link)
	Duly noted. (Reply to this) (Parent)

hammertech
2011-02-24 09:07 pm UTC (link)

The elements on the page are basically layered on top of one another. The background image is in the very back and the entries are kind of one top of it. So, what you want to do is be able to see the background where the subject would be. If you make the background of the subject line transparent, you'll be able to "see through it" in a way to the background. Does that make more sense?

(Reply to this) (Parent) (Thread)

	ambancroft 2011-02-24 09:57 pm UTC (link)
	Seriously, write a book called "Coding Made Easy" because that made so much more sense (and I'm not being facetious!) (Reply to this) (Parent)

	ambancroft 2011-02-24 10:03 pm UTC (link)
	I tried the line of coding suggested above... and the result is in my journal. Like I said, total noob-bait here. Do you see what I mean about the bottom border though? (Reply to this) (Parent) (Thread)

	hammertech 2011-02-25 02:05 am UTC (link)
	<3 it's okay! Personally, I suggest getting the firefox add-on firebug because you can right click on stuff in your layout and see what they're connected to. It's saying you need to change ".caption, .index"'s #000000 to whatever color you want your border to be. <3 Hope that helps. (Reply to this) (Parent) (Thread)

	ambancroft 2011-02-25 02:14 am UTC (link)
	This... is God. Or as close as I'm gonna get to God anyway. I'm not quite sure what I'm doing with it, but I get the idea. I'll just keep playing around with it until I figure out what I'm doing. Thanks for your help! Much love! <3 (Reply to this) (Parent) (Thread)

	hammertech 2011-02-25 02:20 am UTC (link)
	right? <3 if you have any more trouble just let me know! (Reply to this) (Parent) (Thread)

ambancroft
2011-02-25 03:10 am UTC (link)

Actually, I am having a bit more trouble, but with a separate journal. You'll remember me as

zifang. I was asking for feedback on the biography I was writing up then.

In any case, I'm having the same problem with the bottom-border as I was with this journal. I've been playing around with it for quite a bit now, but I can't get the rest of the bottom-border in that same pink color.

I'm still trying to use firebug, but it's gonna take me a while.

(Reply to this) (Parent) (Thread)

	hammertech 2011-02-25 05:31 am UTC (link)
	I do! Sometimes it's easier to go one line up the stuff on the left (like... one up the indented stuff) and hover over it so it highlights what it is on the page. (Reply to this) (Parent)