Log in

No account? Create an account

Previous Entry | Next Entry

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


( 8 comments — Leave a comment )
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.
Jun. 6th, 2010 05:43 am (UTC)
really? well that kinda blows :(
thanks, though
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]
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?
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)
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
Jun. 6th, 2010 04:15 pm (UTC)
Glad ya got it all sorted out! :D
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!)
( 8 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars