my sidebar tags look fine with FF firefox screenshot

but with IE this happens IE screenshot


( layout codes inside... )

Account type: Paid
Flexible Squares

Hello, I know similar questions will have been asked before but I've be searching back over the community and trying different things for weeks and nothings worked.

I'm having problems getting the navigation bar in my layout to look how I want it to in Firefox (my default browser). It works perfectly in IE, so I'm having trouble understanding what I'm doing wrong.

( screencaps )

The navigation bar in FF dosn't have the bit of the content background extending over the top of it like it does in IE. Can anyone help me fix this and get it looking the same in FF as it does in IE?

If you need to see the layout live, its on my journal now.

Here's the CSS:

/* Cleaned CSS: */ /* Stylesheet by aoi_sama896 @ j_k_icons http://community.livejournal.com/j_k_icons/ Style System: S2 Theme: Flexible squares*/ body { background-color: #242424; background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/lj-2.png'); background-repeat: no-repeat; background-position: 0% 100%; background-attachment: fixed; font-family: georgia; font-size: 10px; letter-spacing: 1px; margin: 0px 0px 0px 0px; text-align: justify; } a, a:visited{ color: #1A2C64; font-weight: normal; text-decoration: none; } a:hover{ color: #999999; } blockquote{ color:#a4a3a3; background-color: #cccccc; border:0px dashed #d9d9d9; font-family:georgia; } code, kbd, pre, tt{ font-family: georgia; } #content{ background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; color: #7d7d7d; width: 638px; margin-left: auto; margin-right: 160px; margin-top: 10px; border-width: 0px; padding: 0px; } #maincontent { padding: 10px; margin-top: 5px; text-align: justify; } /*sidebar*/ #sidebar{ display:none; } /*header*/ #header { font-family: georgia; font-style:; background-color: #242424; text-align: right; text-transform: lowercase; font-size: 19px; letter-spacing: 2px; color: #cccccc; padding: 10px 10px 10px 10px; margin: 10px; } div#header a, div#header a:link, div#header a:visited { color: #cccccc; text-transform: lowercase; } div#header a:hover { } div#header li.view { } div#header li.view: Hover { background-color: #242424; } ul.navheader{ padding: 0px; margin: 0px; display:inline; } ul.navheader li { margin: 3px; list-style-type: none; display:inline; } .title { display:none; padding: 6px; margin: 6px; text-align: left; text-transform: lowercase; } .subtitle{ display:none; } .subcontent { background: #f0f0f0; text-align: justify; } /*entry*/ .date{ color: #242424 !important; text-decoration: none; font-size: 9px; text-align: right; } .subject{ font-family: georgia; text-align: right; text-decoration: none; text-transform: lowercase; color: #C20300; font-size: 18px; padding: 0px 10px 0px px; background-color: #f0f0f0; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; letter-spacing: 1px; border-bottom: 1px solid #e1e1e1; } .subject a, .subject a:link, .subject a:visited { text-decoration:none; color: #C20300; background-color: #f0f0f0; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; } .datesubject { padding: 10px 15px 10px 15px; border-left: 0px solid #eeeeee; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; } .entry { background-color: #f0f0f0 !important; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; margin: 0px; padding: 10px 15px 10px 15px; text-align: justify; line-height: 1.60; border-width: 0px; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic, .userpicfriends { border: 0px solid #585758; position:absolute; background-color: #ffffff !important; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; padding: 10px; margin-left: 638px; text-align: right; font-size:9px; } img:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } ::-moz-selection{ background: #EEE; } .userpicfriends a font{ color: #cccccc; background-color: transparent!important; } .userpicfriends a:hover font{ color: #cccccc; } .userpicfriends img { border: 0px; padding: 0px; background-color: #ffffff; } .userpicfriends a font { color: #cccccc; font-famaly: Georgia; } .ljtags { text-align: justify; padding: px px px px ; margin-top: 10px; position: relative; text-transform: lowercase; font-size: 10px; color: #999999; } .ljtags:hover { border-color: #888888; } .currents { font-size: 9px; color: #A9A8A8; margin: 0px 20px 0px 20px; padding: opx 20px 0px 20px; text-align: left; } .currents, .currentmood, .currentmusic { font-weight:normal; } .currentlocation { display:none; } /*COMMENTS*/ .comments { background-color: #f0f0f0; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; font-family: georgia; font-size: 13px; padding: 10px; position: relative; text-align:right; top: 15px; color: #505050; } .datesubjectcomment { background-color: #cccccc; padding:5px; margin-top: 15px; } .userpiccomment { position: ; background-color: #ffffff;!important; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; padding: 20px; border: 0px solid #ffffff; left: 0px; margin: 0px 0px 0x 0px; margin-left: -135px; margin-top: -30px; z-index: 15; float: left; height: 100px; width: 100px; } img.userpiccomment { opacity:.100; -moz-opacity: 0.100; filter: alpha(opacity=80); } img.userpiccomment:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } ::-moz-selection{ background: #fff; } .box { clear: right; } input, { font-family: georgia; font-size: 11px; background-color: #ffffff; border: 0px solid #cccccc; color: #cccccc; } textarea.textbox { width: 100% !important; } .reply { border: 0px ; position: relative; margin: 20px 30px 10px 10px; padding: 25px 10px 10px 10px; text-align: left; line-height: 125%; background-color: #cccccc; color:#999999; } .commentreply { font-family:arial; position: relative; margin: 10px; font-size: 10px; color: #999999; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; } .commentbox { border: 0px solid #cccccc; padding: 10px; margin: 10px; background-color: #ffffff; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; } .commentboxpartial { border: 1px solid #cccccc; padding: 10px; margin: 10px; background-color: #ffffff; } .commentbox:hover, .commentboxpartial:hover { border-color: #cccccc; } div.comments a, div.comments a:visited, div.comments a:link { padding: 3px; } .separator{ height: 10px; display:inline; background-color: transparent; } .skiplinks { text-align: center; margin: 0px; font-family: georgia; padding: 10px; font-size: 9px; letter-spacing: 1px; color: #cccccc; } #footer { background-color: #242424; color: #cccccc; font-family: georgia; font-size: 16px; text-transform: lowercase; text-align: center; padding: 20px; margin: 10px; } div#footer a, div#footer a:link, div#footer a:visited { color: #858585; font-weight: normal; font-family: georgia; font-size: 17px; text-decoration; none; text-transform: lowercase; } div#footer a:hover { color: #cccccc; } ul.navfooter { padding: 0; margin: 0; } ul.navfooter li { padding: 0; margin: 3px; list-style: none; display: inline; } /*ARCHIVE PAGES*/ ul.year { text-align: center; padding-bottom: 10px; padding-top: 10px; } ul.year li { display: none; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { background-color: #ffffff; border: 1px solid #cccccc; } table.yeartable td.yearday { background-color: #ffffff; border: 1px solid #cccccc; text-align: center; } td.yearmonth { border-style: none; } /*misc*/ h2 { text-align: left; margin-top: 10px; text-decoration: none; color: #999999; font-family: georgia; font-weight:lighter; letter-spacing: 1px; } .separator { background-color: #ffffff; background-image: url(""); background-repeat:no repeat; background-attachment: fixed; } img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; } .subject img {vertical-align: middle !important;} img[src*="icon_private.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/eye-1.png');} img[src*="icon_groups.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/key.png');} .ljuser img[src*="syndicated.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/feed.png') !important;} .ljuser img[src*="newsinfo.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/newspaper.png') !important;} .ljuser img[src*="partnercomm.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/umbrella.png') !important;} .ljuser img[src*="sponcomm.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/cake.png') !important;} img[src*="btn_del.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/scissors.png');} img[src*="btn_scr.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/eye-1.png');} img[src*="btn_unscr.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/eye-red.png');} img[src*="btn_freeze.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/box.png');} img[src*="btn_unfreeze.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/box--minus.png');} img[src*="btn_track.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/binocular.png');} img[src*="btn_tracking.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/binocular--plus.png');} img[src*="btn_tracking_thread.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/binocular--pencil.png');} img[src*="anonymous.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/ghost.png');} img[src*="openid-profile.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/universal.png');} img[src*="userinfo.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/heart.png');} img[src*="talk/none.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/smiley-small.png');} img[src*="help.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/help.png');} img[src*="pencil.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/pencil.png');} img[src*="btn_edit.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/pencil.png');} .ljuser img {width: 0; height: 0; background: transparent url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/heart.png') no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: baseline !important;} .ljuser img[src*="userinfo.gif"] {background: transparent url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/heart.png') no-repeat center left !important; padding: 16px 16px 0 2px !important; } .ljuser img[src*="community.gif"] { background: transparent url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/playing-card.png') no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important; }

Many thanks to anyone who can help!

I used the tutorial found in this comm to move my metadata so that the moodpic was on the left and the tiny icons and text on the right. But now the metadata is right up hard underneath the bottom of the entry, and I want more of a gap there.

( Example under the cut... )

I'm quite happy that I've changed my layout to a Christmas theme. It looks very nice but I'm wondering if there is a way to get the sidebar on the left side so pictures don't get pushed under it?
Here is my layer.

http://www.livejournal.com/customize/advanced/layerbrowse.bml?id=18365243

Can you tell me exactly where I have to put this code? I've been given so many codes I'm not sure which are which. Thanks.

Solved.

Hello.

I'm one of the maintainers of this community and a new spinoff community for it will be opened around Christmas. However the layout for the new community won't display this image behind the entry user icon. Instead there is a rather ugly white box around the user icon that should not be there.

A visual representation (image) of the problem is here.

After trying to fix this annoying issue with no luck I decided to come here to you lovely people in search of your aid.

Any sort of help you can provide would be most appreciated.

Thanks in advance.

Okay, I'm stumped. I'm not familiar with CSS--could you help me? My comment boxes are getting squished into the left side of my journal.

I really would like to know how to fix that.

I'm trying to figure out how to get rid of the | character between my comments/reply link, and to add a different divider. I'd also like to add a space after the new character since my current links are showing up like this:

2 |comment

If anyone knows how to change that, I'd really appreciate it!

Thanks!

Hey everyone! I'm having a very weird, random problem that I can't find a solution for. I just created a new style and theme layer to go with my new layout. But all of a sudden, some bits of text are not displayed correctly anymore, e.g. the signs » (as seen in my current music section), — and ♥, as well as certain German/French letters. I've looked through my CSS and my theme layer codes again and again but have been unable to find the error. I'd appreciate any help. Thank you!

Journal: multicolour
Account: paid
Screenshot: here

EDIT: SOLVED.
Turns out I had a "♥" as the hover text of one of the images in my sidebar that messed up the entire layout. From now on, I'll make sure none of my layers have semicolons where they shouldn't be.

Name of journal: snooby_23
Layout Style: flexible squares
Basic, Paid or Plus: plus
Problem you are having: I'm wondering if you could give me a set of codes with which I could replace the words current mood, current music, current location and tags with tiny icons?

( Read more... )

Hello. I've tried to mess around with the CSS as much as I could, but I can't seem to fix this issue.

( Problem. )

Solved!

Account: Basic
Link to layout: http://jilted-tongue.livejournal.com/

I would like to know if it's possible to add a custom footer like the following two examples to my layout. I love my layout but I also love a pretty footer with relevant links. One of the examples is quite fancy but I'd really just want to know if this is possible even if it is a far more simple footer with just a few links side by side or links in columns.
( More info here )

hi there, I have disabled using the layout's stylesheet and copy paste the entire css code provided by minty_peach from http://minty-peach.livejournal.com/64579.html#cutid1
However it looks entirely different from the original http://i52.photobucket.com/albums/g22/moodthemes_100/Picture1-1.png and turns out looking like this --> http://lachantilly.livejournal.com/
I believe the problem lies with the sidebar or other problem?? would greatly appreciate any help!

I've been having a little bit of trouble with tiny icons. I've been trying to change the default lj user icon to a different image, but when I replace to image url it doesn't show up. Can anyone help me figure out why? The code I'm using is:

( coding under here )

SOLVED


Hi i am using a layout from butterflybox but i modified it a bit to mix and match up.

I used the metadata code of an old layout in which it worked fine, but when i posted it with this one the : appears after each metadata tiny icon.

screenshot preview here

I've browsed the tags but I couldn't find a fix for this issue:

If someone on my friends page posts an entry that contains a div class="clear" tag, it forces a break in the content until after the sidebar ends:

( Screenshot under cut )

I am currently trying to add a side bar to the layout I am using but I am not sure how. In the Code it says "sidebar display: none;" and I dont know what to change that too to add one. So I was wondering if any one could help me out.

Got this layout is from fruitstyle. I had replaced the default 'edit comment' before adding the header, but the CSS code wouldn't load so I had to remove it to add my header.

And I can't replace the custom group lock either; the CSS code won't load. The creator of the layout gave me the code but it won't work.

EDIT: Problem Solved

The problem was that I couldn't add anything else because the code had reached LiveJournal's max on characters allowed. I deleted the (-------) that was used to help find certain sections of the code.

I got this layout by passing_girl and changed it a bit to fit my taste. I've fixed almost everything that needed to be after I made my changes to the original layout. But there's one thing I can't fix: there's a huge gap between the end of the text of the first entry and the tags/currents on every page. The tags/metadata on the first entry start where the sidebar ends. You can see it in this pic. I zoomed it down so that the gap could fit in one screen shot. Not very good quality, but it does the job.

I've looked through my CSS code a thousand times and I can't figure it out. I've also looked at old entries in this comm but the fixes that worked for other people did not work for me.

I'm using Firefox and I have a paid account.

Original code here.

( My code behind the cut. )

Thanks!

SOLVED! I've finally figured it out. I changed clear: left to clear: none in comments, ljtags and currents.

I've just changed my layout and edited it to my needs... but while it looks good to me in IE7, i asked my friends who use Firefox to check it and it looks all odd to them (like the userpics cover part of the entries, the subject line is in the middle of the entry, etc).

Is there a way to fix it? I'm using a Paid Account.

My edited layout is here: rory_tutorgirl
The original one is located here, the rainbow one.

( I'm putting my codes in here if that can help )

Thanks for any help!

EDITED: ( What I accomplished with some changes of my own + screencaps )

I apologize if this has already been asked/solved, but everything I've tried either doesn't work, or messes up my CSS completely. It's probably something simple, and I'm just missing it. I'm using a paid account, too, if that makes a difference.

I've been messing around with my currents and I was wondering, how can I remove the word "tags:" and make my moodtheme image on the left before all the information? Like this.

Right now, my currents look like this:


( css )


Thanks to any help in advance! (: