Blockquote size

Jun. 5th, 2010 at 11:57 PM

i'm using "mixit"

ok, i've changed the blockquote to have a background color and a border, but now i'd like for it to only be as big as the text within it... instead of spanning the whole entry

this is the CSS:
blockquote {margin: 1px 100px 1px 20px; padding: 0px 5px 0px 5px; border: 1px dashed #212957; background: #b4bcd3;}

and i am new at this stuff and mostly learn it by trial and error, so i have no clue what to add/remove

Current Music:Sigur Rós - Fljótavík | Powered by Last.fm

Comments

( 8 comments — Leave a comment )

nomoreprinces

Jun. 6th, 2010 05:04 am (UTC)

I'm pretty sure that's how blockquote is supposed to work. At most you can give it a width or a min-width, but I don't think you can make it only span width-wise to fit whatever the text is in it.

Link | Reply | Thread

kel_reiley

Jun. 6th, 2010 05:43 am (UTC)

really? well that kinda blows :(
thanks, though

Link | Reply | Parent | Thread

nomoreprinces

Jun. 6th, 2010 05:57 am (UTC)

Yeah. For something that acts like a blockquote but isn't you can just use a classed span tag.

but then you'd have to type the text that you wanted to fake blockquote [span class="CLASS"]text[/span] every time you wanted to use it.

If you want to use an easy tag you can probably redefine something that's rarely used like [tt] or [h6]

Link | Reply | Parent | Thread

kel_reiley

Jun. 6th, 2010 06:03 am (UTC)

mmm, i think i'm just going to give it a defined width and try to make it all centery or something

tho, while you're here, may i ask something else? i'm going to anyway:

in that picture up there, beneath both the link and the lj name is a dashed underline, but i have in the css 'text-decoration: none' and i can't figure out where that is coming from! it's driving me nuts - any ideas?

Link | Reply | Parent | Thread

wildeagain

Jun. 6th, 2010 07:57 am (UTC)

Do you have 'none' defined for both link and hover?

a, a:link, a:visited, a:active {color: #bfb45c; text-decoration: none;}
a:hover {color: #8eab4f; text-decoration: none;}

(Example from my own layout, which is the same one as yours from

thefulcrum.)

eta: In the context of css so it can be located, that code is above the subject 'page structure'. It's a frustrating bit of code and it needs to be defined there, too, not only in Entry Text or whatever that section is named.

Edited at 2010-06-06 08:08 am (UTC)

Link | Reply | Parent | Thread

kel_reiley

Jun. 6th, 2010 08:43 am (UTC)

oh hey, for some reason it was this:
.asset-body a {color: #8c1112; font-weight: bold; border-bottom: 1px dashed #b4bcd3; text-decoration: none;}

i deleted 'border-bottom: 1px dashed #b4bcd3;' and that fixed it (don't know why that was there in the 1st place)

thank you! i was only looking at the above page structure bit, probably wouldn't' have thought to look at the other part

Link | Reply | Parent | Thread

nomoreprinces

Jun. 6th, 2010 04:15 pm (UTC)

Glad ya got it all sorted out! :D

Link | Reply | Parent | Thread

wildeagain

Jun. 6th, 2010 05:01 pm (UTC)

Oh. OF COURSE. (Seriously, no idea. When something is going wrong in css it thinks we have nothing better to do than test each line of code!)

Link | Reply | Parent | Thread

( 8 comments — Leave a comment )