?

Log in

No account? Create an account

Previous Entry | Next Entry

Hi. I have a few multi-tagged entries where the tag list is longer than the entry itself. This causes a scroll bar at the bottom of the entries. How can I get the tags to wrap within the parameters of the entry, instead of causing the entry to scroll across?

Help would be greatly appreciated. Thanks!

EDIT:"Show Scrollbars on Entries" is already set to "No".

EDIT #2: Using ".asset-body" instead of using ".asset-inner" has allowed me to keep the scroll on the right for entry size and has removed the scroll on the bottom. HOWEVER, the tags still bleed over the side of the entry. So, I'm wondering if there is a way to force them to wrap instead; Like waterofthemoon did in the sidebar.

EDIT #3: Take a lesson from me...watch your braces...LOL.

Comments

( 37 comments — Leave a comment )
angryhamster
Feb. 20th, 2007 05:13 am (UTC)
hm, i'm not sure about this, but did you try

.asset-tags-list {
width: 200px;
}

specifying the width of the entries?

harmonatrix
Feb. 20th, 2007 12:44 pm (UTC)
It did not work, unfortunately, I even tried setting overflow to "none".
av8rmike
Feb. 20th, 2007 05:15 am (UTC)
Set Show Scrollbars on Entries to "No" and take overflow: auto out of .asset-inner{}.
harmonatrix
Feb. 20th, 2007 12:51 pm (UTC)
It is already set to"no", I never changed it. I double checked when I was trying to figure this out.

The "overflow: auto" is strictly for the height of the entries, I did not set a width, I prefer to keep that in since some of my friends entries are pretty long.

I tried angryhamster's suggestion and even added "overflow:none" to ".asset-tags-list {", but it did not work.
av8rmike
Feb. 20th, 2007 01:08 pm (UTC)
View your page source; you have this section in your CSS:
/* overflow for assets */
              .asset-body, .widget-inner {
                  overflow-x: auto !important;
                  overflow-y: hidden !important;
              }

              .asset-body, .widget-inner {
                  overflow: auto !important #;
              }

              * html .asset-body, .widget-inner {
                  overflow-x: auto !important;
                  overflow-y: hidden !important;
                  width: 100% !important;
                  padding-bottom: 10px;
              }
This section is only printed if $*opt_overflow is true, so make sure you're not setting it in a theme or user layer somewhere. The wizard sets it to "true" if Scrollbars on Entries is "yes". Embedded style will overrule even Custom CSS.
[Please edit and title your post!] - harmonatrix - Feb. 20th, 2007 01:37 pm (UTC) - Expand
[Please edit and title your post!] - av8rmike - Feb. 20th, 2007 01:47 pm (UTC) - Expand
[Please edit and title your post!] - harmonatrix - Feb. 20th, 2007 02:01 pm (UTC) - Expand
[Please edit and title your post!] - harmonatrix - Feb. 20th, 2007 02:03 pm (UTC) - Expand
[Please edit and title your post!] - av8rmike - Feb. 20th, 2007 02:43 pm (UTC) - Expand
[Please edit and title your post!] - harmonatrix - Feb. 20th, 2007 02:58 pm (UTC) - Expand
[Please edit and title your post!] - av8rmike - Feb. 20th, 2007 03:38 pm (UTC) - Expand
[Please edit and title your post!] - harmonatrix - Feb. 20th, 2007 03:50 pm (UTC) - Expand
[Please edit and title your post!] - av8rmike - Feb. 20th, 2007 04:26 pm (UTC) - Expand
[Please edit and title your post!] - harmonatrix - Feb. 20th, 2007 04:38 pm (UTC) - Expand
av8rmike
Feb. 20th, 2007 11:42 pm (UTC)
It definitely behaves differently in FF vs. IE. This fixes the tags block in IE:
.asset-tags-list a { display: inline-block;}
but that doesn't work in Firefox. Also, tags aren't in .asset-body, so changing the width and overflow won't do anything to tags and metadata.
harmonatrix
Feb. 20th, 2007 11:51 pm (UTC)
ARRGGG!!!

I also tried .asset-tags-list and .asset-tags

I'm now officially in :pout: mode. There has to be some way to make this work.
av8rmike
Feb. 21st, 2007 12:12 am (UTC)
I wanted to verify it was a FF problem and try a few things before getting the design team involved. One of us will get to the bottom of it.
In the meantime, there's always: .asset-tags-list{ overflow: hidden;} ;)
[Please edit and title your post!] - harmonatrix - Feb. 21st, 2007 12:21 am (UTC) - Expand
harmonatrix
Feb. 21st, 2007 12:05 am (UTC)
Unrelated Question....?
I have seen people embed scroll boxes in their entries (and possibly comments), for things like forms or code, so as to take up less room. Would you be able to tell me how to do that please?
av8rmike
Feb. 21st, 2007 12:23 am (UTC)
Re: Unrelated Question....?
I use <pre> and <code> tags to post code, in entries like this one, but I think you may thinking of <textarea> boxes. They're not good for code because you have to set the height and width explicitly, and it collapses white spaces.
Re: Unrelated Question....? - harmonatrix - Feb. 21st, 2007 12:34 am (UTC) - Expand
Re: Unrelated Question....? - harmonatrix - Feb. 28th, 2007 02:21 pm (UTC) - Expand
Re: Unrelated Question....? - av8rmike - Feb. 28th, 2007 05:19 pm (UTC) - Expand
av8rmike
Feb. 27th, 2007 05:13 am (UTC)
=( This one turned out to be *head-bangingly stupid*. Especially since I was sure I'd tried it already:
.asset-tags-list .item {display: block; float: left;}
Seems to work OK on FF and IE7, dunno about IE6, but who cares? ;)
harmonatrix
Feb. 27th, 2007 01:37 pm (UTC)
It did not work for me.

I copy and pasted exactly what you had, and when then didn't work I did this:

.asset-body{
overflow: auto;
max-height: 650px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align:justify;
font-family:verdana;
font-size:1em;
}
.asset-inner{
overflow: auto;
}
.widget-list{
text-align: center;
font-family:verdana;
font-size:1em;
}
.widget-header{
text-align: center;
}
h2 {
text-align: center;
}
#comments .comment-even {
border-color: #BFEAFF;
}
.asset-name-hover{
background-color:#98824A;
color:#FFFFFF;
)
.asset-tags-list {
display: block;
float: left;
}
.item {
display: block;
float: left;
}


Still didn't work.

av8rmike
Feb. 27th, 2007 03:07 pm (UTC)
Copy and paste the line exactly as I wrote it.

Then change that close parenthesis to a close brace. ;)
[Please edit and title your post!] - harmonatrix - Feb. 27th, 2007 03:15 pm (UTC) - Expand
[Please edit and title your post!] - av8rmike - Feb. 27th, 2007 03:19 pm (UTC) - Expand
[Please edit and title your post!] - harmonatrix - Feb. 27th, 2007 03:52 pm (UTC) - Expand
[Please edit and title your post!] - av8rmike - Feb. 27th, 2007 03:57 pm (UTC) - Expand
av8rmike
Apr. 6th, 2007 12:26 pm (UTC)
After all this crap, the LJ team fixed it in the layout code, as part of the last release, and with one character... =(
harmonatrix
Aug. 2nd, 2009 12:29 am (UTC)
Do you know, I JUST saw this comment...its been what 2 years & 3 months!

I have been using the code below..all of this time!!! (oh, I did want to ask, how do you create a border when you are using the "code" tags?...Please?


.asset-tags-list .item {display: block; float: left;}




Edited at 2009-08-02 12:30 am (UTC)
[Please edit and title your post!] - av8rmike - Aug. 2nd, 2009 01:17 am (UTC) - Expand
[Please edit and title your post!] - harmonatrix - Aug. 2nd, 2009 01:28 am (UTC) - Expand
[Please edit and title your post!] - av8rmike - Aug. 2nd, 2009 02:20 pm (UTC) - Expand
[Please edit and title your post!] - harmonatrix - Aug. 2nd, 2009 08:20 pm (UTC) - Expand
( 37 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars