Comments | ack_attack: Attention all CSS geniuses!!!

ack_attack

Attention all CSS geniuses!!!

Oct 30, 2006 18:18

I need help. I've been making this new layout (which is almost done, but I still need to add text to the header) and I have two little problems with it.

It's Smooth Sailing.

1. Notice how the userpics are smushed against the side of the entry box? Does anyone know a way for it to be moved over a bit? I would like there to be a bigger border ( Read more... )

lj, layouts

Comments 13

(The comment has been removed)

ack_attack October 30 2006, 23:16:33 UTC

I've been through every post in that comm :/ LOL

(The comment has been removed)

ack_attack October 30 2006, 23:24:46 UTC

I added the theme layer and put in that code for the mood icons and it didn't work hahaha.

I don't have any CSS, I did it with the wizard. Hence I don't know how to fix it. Thanks though, hopefully someone will be able to help me!

aslongasitsfree October 30 2006, 23:28:29 UTC

Okay, well it looks fine in my browser (Safari). At least the userpic thing. I have NO idea what you mean with the mood theme thing. lol, but It looks fine to me.

ex_asthecrow915 October 30 2006, 23:42:17 UTC

What do your userpics code say? I can't tell you how to move it over 'cuz I'm CSStupid, but what if you add a border? It would probably make the space between the text bigger, but it would move it away from the edge.

.entryUserinfo-usericon a img, .commentUserinfo-usericon a img {
border: 3px solid #FFF;
}

ex_asthecrow915 October 30 2006, 23:43:44 UTC

Or, something like this?

.entryUserinfo-usericon img {
margin: 0px 0px 5px 10px;
}

ack_attack October 31 2006, 00:47:05 UTC

WOOOOOOOO!!!!!!!! YOU ARE MY NEW BEST FRIEND!!!

I tried to figure that out for 3 hours. Seriously. Thank you!!! It looks perfect :D

ex_asthecrow915 October 31 2006, 00:55:37 UTC

OH HO! I ROCK! *DANCES*

Thread 5

johnhutch October 31 2006, 01:06:35 UTC

I have a phone you know.

You shouldn't be using layers, though. They'll break in a lot of browsers.

I liked it better before. The banner is waaaaaaaayyy too big and the boxiness is very 1999.

Regardless, you should use some color or a different font set for headers. The post boxes don't guide the eye very well. It's difficult to ascertain what sort of information is what based on the display.

ack_attack October 31 2006, 01:12:34 UTC

I don't like the boxiness either, but I don't know what I'm doing and hence I have to use what I'm given. You probably saw the one I had up earlier that was made by grrliz, who is a CSS extraordinare.

I had a different color for the headers, but then the white box stuck up too far behind it and it was super ugly.

And anyway, 98% of the people on LJ will see this via their friends list, so I'm really the only one who has to like it. And you. But you never like anything.

johnhutch October 31 2006, 02:09:58 UTC

Next time you're bored, read some alistapart.com. It's a web UI site, of sorts, with heavy focus on CSS and readability. They have some great insights on typography.

You should come over this week and we'll hack at it.

theetoanunnery October 31 2006, 08:19:15 UTC

Your lj iz hawt. Also,

Jim and Dwight having really dirty, rough sex. At some point during their fucked up, secret relationship, Pam realizes she's in love with Jim and the two of them become a couple. Except in the end, Jim realizes that what he had with Dwight, though dysfunctional, was REAL. So he dumps Pam and goes back to Dwight. But even after all this, Jim can't bring himself to tell Dwight that he loves him, so they resume their secret, self-abasing relationship. Ohhh, the angst.

You think you've reached the murky depths of fandom, then the floor just... opens up beneath you. Like a video game ;)

(I almost left this as an anon comment by mistake. CREEPIEST ANON COMMENT EVER.)