Date: 04/19/07     Keywords: html

Name of Journal: blueangelique
Layout Style:generator
Basic, Paid or Plus: paid
Problem you are having: I think there is an html issue going on. Anytime I try to post a comment in a community, personal journal, read an text only box or use the HTML pad for posting, it is absolutely illegible. Once posted, they read fine, so long as I keep hitting preview to actually see what I am typing.... This problem just started happening last night. I made no changes to my journal codes or to Mozilla. It is NOT happening in IE. Even my overrides box is showing up like this. I did not shrink the text box pictured, nor alter the text. The rest of the text in sidebars and such are fine; it's only in the typing areas of lj. What did I do?



Please and thank you for any help.

Source: http://community.livejournal.com/htmlhelp/2394836.html

Date: 04/13/07     Keywords: no keywords

I'm working on a layout for a business but I'm having trouble getting the dimensions so that they'll be appropriate for both larger and smaller resolutions.

I want to used fixed heights for the darker green portions (especially the top) so they match the content that will be in them, and I also want to make sure the center row (with the text in it) will be proportionate to the rest of the page. Any tips on how to make the proportions of the site stay looking great in higher resolutions yet still be viewable in the smallest?

Help? Advice? Please?

If what I'm asking isn't clear, ask me to clarify. :p

Thanks in advance.

Source: http://community.livejournal.com/htmlhelp/2394138.html

Date: 04/13/07     Keywords: html

Okay, so the border on my table is broken, and I was wondering if you guys could find out what's wrong so I can fix it. :D

Since the original post I made is in a friends-only community (lumos_conjure, a subsidiary of lumos_sorting, which you should all join if you like Harry Potter [/plug]), I'll post an exact replica here under an lj-cut. I would also post the html in a text box, but since there are text boxes in the actual post... I don't know how to without screwing it all up. XD *shot*

WARNING: Very image intensive. Loads and loads of images. It's a very long post. All PG though. :D

I'm including everything in the post, just in case it's actually all of the images that are making my border break.

Hello, and welcome to Phantasmagoric: A Hufflepuff Shindiggory's SUPER SPECIAL SUPER COOL CATALOGUE! WARNING: Soooooooo many images. Please take a moment of your time to fill out our: Phantasmagoric Product Survey. You can order things from this post if you like, we don't mind. Just use the forms provided for each item and post a comment saying what you'd like. If you have any changes you'd like to make to our tags or icons (quote/position additions, color/picture choice etc.) please let us know and we'll most likely be able to accomodate your needs. :) And. Er. That's basically it. SO MOVING ON TO THE STUFFS WE HAVE... --- Hogwarts House Animal Sig Tags: Order Form: Animal Sig Tags Name: Extras?: (ie, "I'm a prefect!" or other) <i>Animal Sig Tags</i> <b>Name</b>: <b>Extras?</b>: (ie, "I'm a prefect!" or other) --- Exclusive 'Dandelion Child' Hufflepuff Sig Tag: Order Form: 'Dandelion Child' Sig Tag Name: <i>'Dandelion Child' Sig Tag</i> <b>Name</b>: Exclusive 'Lion King...?' Gryffindor Sig Tag: Order Form: 'Lion King...?' Sig Tag Name: <i>'Lion King...?' Sig Tag</i> <b>Name</b>: --- Special Alexis Bledel Edition Hogwarts House Sig Tags: Order Form: Alexis Sig Tags Name: <i>Alexis Sig Tags</i> <b>Name</b>: --- Special Alexis Bledel Edition Hogwarts House Icons: Order Form: Alexis Icons Name: <i>Alexis Icons</i> <b>Name</b>: -- Assorted Gilmore Girls Related Sig Tags 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. Order Form: GG Sig Tags Sig Tag #: Name: <i>GG Sig Tags</i> <b>Sig Tag #</b>: <b>Name</b>: --- Misc accioBRAIN! Sig Tags: 1. 2. 3. 4. Order Form: accioBRAIN Sig Tags Sig Tag #: Name: <i>accioBRAIN Sig Tags</i> <b>Sig Tag #</b>: <b>Name</b>: --- Zacharias Smith-Edited accioBRAIN! Sig Tags Slytherin Ravenclaw Gryffindor Hufflepuff Order Form: Zach!Tags Name: <i>Zach!Tags</i> <b>Name</b>: --- Harry Potter Character Sig Tags: (All art by accioBRAIN!, with the exception of Cedric's, which is by Magsby.) Preview Full Character List: Cedric Diggory Crookshanks Zacharias Smith Prof. Sprout Prof. Flitwick Mrs. Norris Narcissa Malfoy Charlie Weasley Pansy Parkinson Harry Potter Hermione Granger Ronald Weasley Arthur Weasley Molly Weasley Lucius Malfoy Voldemort Prof. Trelawney Albus Dumbledore Severus Snape Sirus Black Draco Malfoy Ginny Weasley Ginny Weasley v2.0 Nearly Headless Nick Rita Skeeter Dobby Nymphadora Tonks Neville Longbottom Minerva McGonagall Dolores Umbridge Luna Lovegood Remus Lupin Mad-Eye Moody We realize this does not cover the expanse of all characters from the Potter universe, so if you have a picture of a character in mind you'd like us to put in your tag, there's a spot on the order form for that. PLEASE NOTE: IF YOU SUBMIT A PICTURE, IT MUST HAVE A WHITE BACKGROUND. It can be uncolored (and you can ask for the artist Alessandra to color it for you if you want). Order Form: HP Sig Tags Character(s)/Picture(s) You'd Like: Name: Changes: (ex: quote other than 'kick life in the shins', no quote, adding Prefect or something -- we're rather liberal in the changes department) <i>HP Sig Tags</i> <b>Character(s)/Picture(s) You'd Like</b>: <b>Name</b>: <b>Changes</b>: --- Jon Stewart House Sig Tags: Order Form: Jon Sig Tags Name: <i>Jon Sig Tags</i> <b>Name</b>: -- Hugh Laurie Sig Tags: 1. 2. 3. 4. Order Form: Hugh Tags Sig Tag #: Name: <i>Hugh Tags</i> <b>Sig Tag #</b>: <b>Name</b>: --- LOST Sig Tags: 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. Order Form: LOST Tags Sig Tag #: Name: <i>LOST Tags</i> <b>Sig Tag #</b>: <b>Name</b>: -- Specialized Sawyer Of LOST House/School Tattoo Sig Tags Lumos Ravenclaw Slytherin Gryffindor Hufflepuff Order Form: Sawyer Tags Name: House or School: <i>Sawyer Tags</i> <b>Name</b>: <b>House or School</b>: -- Pride & Prejudice Sig Tags: 01. 02. 03. 04. 05. Order Form: P&P Tags Sig Tag #: Name: Quote space edited?: <i>P&P Tags</i> <b>Sig Tag #</b>: <b>Name</b>: <b>Quote space edited?</b>: --- Norelle (Of Cycle Three of America's Next Top Model) Sig Tags: H1: G1 R1 S1 R2: S2 G2 H2 S3: R3 G3 H3 Order Form: Northags Sig Tag #: Name: <i>Northags</i> <b>Sig Tag #</b>: <b>Name</b>: --- America's Next Top Model Zodiac Sig Tags: Gemini: Cancer Leo Scorpio Virgo Saggitarius Libra Aries Taurus Aquarius Pisces Capricorn Order Form: Zodiac Tags Sign: Name: <i>Zodiac Tags</i> <b>Sign</b>: <b>Name</b>: -- Purdylicious Model-Type Sig Tags: (With pictures from foto_decadent) 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. Order Form: Model Tags Sig Tag #: Name: <i>Model Tags</i> <b>Sig Tag #</b>: <b>Name</b>: -- Pirates of the Caribbean Sig Tags: 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. Order Form: PotC Tags Sig Tag #: Name: <i>PotC Tags</i> <b>Sig Tag #</b>: <b>Name</b>: --- Skins (BBC TV Show) Sig Tags 01. 02. 03. 04. 05. 06. 07. 08. 09. Order Form: Skin Tags Sig Tag #: Name: <i>Skin Tags</i> <b>Sig Tag #</b>: <b>Name</b>: --- Lemony Snicket's A Series of Unfortunate Events Sig Tags 01. 02. 03. 04. 05. 06. Order Form: Sad Tags Sig Tag #: Name: <i>Sad Tags</i> <b>Sig Tag #</b>: <b>Name</b>: --- Misc Harry Potter Sig Tags 01. 02. 03. 04. 05. 06. 07. (art by =Gold-Seven) Order Form Misc HP Tags Sig Tag #: Name: <i>Misc HP Tags</i> <b>Sig Tag #</b>: <b>Name</b>: --- Assorted Miscellaneous Sig Tags Several of the full-sized images used in these tags can be seen at their artists' deviantART pages. To view those pages, simply click on the tag of your choosing. :) 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. Order Form: Assorted Sig Tag #: Name: <i>Assorted</i> <b>Sig Tag #</b>: <b>Name</b>: --- Sorting Banners: --- Grab Bin: (Icons and banners. If you take these please comment and credit.) --- Deliveries Log: First. Second. Third. Fourth. Fifth. Sixth. Seventh. Eighth. Eighth. Ninth. Tenth. Eleventh. Twelvth. Thirteenth. --- Fun Facts: #1: The concept of "I'm a ______" was not originally in these sig tags. It was introduced when our artist, Alessandra, attempted to draw an eagle and failed miserably and thus decided to lable the bird-like creature as an eagle and call it good. #2: The 'our house animal is an eagle' icon was made in apology to the Ravenclaw house, since, embarrassingly, in our artist Alessandra's application to lumos, she momentarily had a meltdown of the brain and thought the 'Claw's house animal was the raven. She has been corrected and is now living a better, more educated live because of it. #3: Our artist Alessandra worked far longer on these sig tags that she most likely should have (Alexis). #4: Alexis' eyes were originally blue (though, a different color than they are in the Ravenclaw banner) and her shirt thing was the red you see in the gryffindor tag (our professionals at phantasmagoric have no idea about fashion and call clothing 'shirt things', we apologize). #5: our artist Alessandra has like twenty high quality images from this movie (Superman Returns) and was so lazy she only made five. #6: 'AccioBRAIN!' is hilarious. Seriously. We at phantasmagoric had no idea there were so many fantastic online HP artists/comics. Potterific is another good one. The Hilarity is everywhere #7: Caps/official pictures from Monk are really hard to find. At least for the professionals at Phantasmagoric. Perhaps we should employ an image expert? #8: The house specials are coming so slowly because the artist Alessandra is extremely picky about the materials she uses for each one. The photograph used must reflect the house with at least an eensy bit of thruth to it! #9: This whole crazy idea (HP Character sigtags) started when the artist Alessandra first made the Cedric sig tag -- using the only picture in this set with an unchanged colored original background. She took a look at it, and thought to herself, "HRRRM, I could so easily remove Cedmylove and replace him with Crookshanks or any other character I please!" And so, being the touched in the head artist she is, she commenced to make possibly one of the biggest mistakes in Phantasmagoric's career. #10: That chocolate life cereal is actually relatively delicious. #11: We at Phantasmagoric realize that our shop is incredibly out of order and makes no sense. But you must understand. We, the people of Phantasmagoric, are completely out of order and make no sense ourselves. Thus, chaos ensues. #12: Our artist Alessandra does not find Tom Felton very attractive. Thus, our dilligent imagefinders who work for Phantasmagoric had incredibly difficulty finding high quality pictures of canon-currently enrolled in the fine house of Slytherin. Doublethus, she was forced to use the lovely Lucius as her Slyth subject in the Misc Harry Potter tag section. We apologize for any inconvenience this causes. --- Thanks for stopping by! We hope you enjoyed yourself, but not in a dirty way!

Source: http://community.livejournal.com/htmlhelp/2394017.html

Date: 04/11/07     Keywords: no keywords

Hey, I hope you can help me;

I've seen this: ancafelayout very cool layout, and I snagged the overrides and wanted to change the colors and background image.

So this: bloodsexabooze is what my layout looks like. But when I scroll down, the image repeats and doesn't... stretch like ancafelayout's :/

Any help?


I'm sorry if my English is not the best, I'm German and it's 1.24am *yawns*

Source: http://community.livejournal.com/htmlhelp/2393685.html

Date: 04/05/07     Keywords: css, html

I made a layout, and it looks great. Except that the header and menu are messed up on the comment page only. Can someone take a look at the CSS below and tell me how to fix this? Please. The layout is at my test journal mrs_drake. You can see the problem on this page: http://mrs-drake.livejournal.com/263.html



/* PAGE */

body {
font-family: tahoma, sans-serif;
font: comic sans ms;
font-size: 10pt;
margin: 2px 2px 2px 2px;
background-color: #000000;
color: #6fb3ff;
margin-top: 20px;
margin-bottom: 20px;
}
a {
color: #0000ff;
text-decoration: none;
}
a:visited {
color: #6fb3ff;
text-decoration: none;
}
a:hover {
color: #0000ff;
text-decoration: underline;
}

.pageblock{
width:85%;
margin: 0 auto;
background-color: #fff9b9;
color: #000000;
background-position: center;
}
.pagefooterblock{
background-color: #fef14e;
color: #000000;
padding: 10px;
margin-top: 0px;
text-align: center;
text-transform: uppercase;

}
.pagefooterblock a, .pagefooterblock a:visited {
color: #0000ff;
}

/* HEADER */

.pageheaderblock {
text-align: center;
background-image: url(http://img.photobucket.com/albums/v397/mrsdrake/LJ_Banners/droplets-icon_goddess_with_text.png) ;
width: 85%;
height: 440px;
background-position: center;
background-repeat: no-repeat;
}

.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
}
.header-menu {
padding: 0px 0px 0px 0px;
background-color: transparent;
font-family: verdana;
font: comic sans ms;
font-size: 13px;
line-height: 39px;
text-transform: uppercase;
text-align: center;
background-color: #fff9b9;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 2px 5px 2px 5px;
color: #0000ff;
text-decoration: none;
font-weight: bold;
}
.header-menu a:hover {
color: #fef14e;
background-color: #0000ff;
text-decoration: underline;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding:0px;
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
background-color: #fff9b9;
color: #6fb3ff;
margin: 5px 0px 4px 0px;
padding: 9px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #000000;
}
.body-title {
display: none;
}
.body-midtitle {
font-family: tahoma;
font: comic sans ms;
font-size: 21px;
color: #000000;
text-align: left;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #000000;
background-color: #fff9b9;
font-family: tahoma;
font-size: 14px;
margin: 4px 4px 4px 4px;
text-align: justify;
padding-right: 5px;
}
.entryUserinfo {
text-align: center;
margin: 5px 3px 5px 3px;
background-color: transparent;
}
.entryUserinfo-usericon img {
border: 0px;
}
.entryText {
padding: 6px;
}
.entryHeader {
background-color: #fef14e;
color: #000000;
font-family: tahoma;
font: comic sans ms;
font-size: 13px;
padding: 4px;
font-weight: bold;
text-transform: uppercase;
border-top: 1px dashed #0000ff;
border-bottom: 1px dashed #0000ff;
letter-spacing: 2px;
text-align: center;
}
.entryHeader a{
color: #000000;
}
.entryHeaderSubject {
}
.entryHeaderDate a {
color : #0000ff;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #000000;
text-decoration : underline;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-family: tahoma;
font: comic sans ms;
font-size: 14px;
color: #000000;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}


/*FOOTER*/

#footer-menu {
font-size: 14px;
text-align: center;
}
#footer-menu a, .footer-menu a:visited {
color: #808080;
white-space: nowrap;
padding: 6px;
text-align: center;
}


/*SIDEBAR*/

.sidebar {
font-family: tahoma;
font: comic sans ms;
font-size: 14px;
margin-right: 3px;
width: 200px;
background-color: #fff9b9;
padding: 0px 0px 0px 0px;
margin-left: 3px;
}
.sidebox {
color: #000000;
background-color: transparent;
margin: 4px 0px 4px 0px;
}
.sideboxTitle {
background-color: #fef14e;
color: #000000;
font-family: tahoma;
font-size: 13px;
padding: 5px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
border-top: 1px dashed #0000ff;
border-bottom: 1px dashed #0000ff;
letter-spacing: 2px;
}
.sideboxContent {
text-align: justify;
padding: 2px 4px 2px 4px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: left;
}
.sidebox #tags_sidebox {
text-align: left;
}
.sidebox #systemlinks {
text-align: left;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}


/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #000000;
background-color: #fff9b9;
font-family: tahoma;
font: comic sans ms;
font-size: 14px;
margin: 14px 0px 4px 5px;
border-bottom: 1px dashed #0000ff;
margin-right: 25px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: #000000;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: transparent;
color: #000000;
font-family: ;
font-size: 15px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-family: ;
font-size: 15px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 14px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #fef14e;
color: #000000;
padding-left: 10px;
margin-right: 35px;
}
#commenttext{
width:100%;
}


/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 320px;
border: 1px solid #6fb3ff;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #000000;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #6fb3ff;
background: #eeeeee;
color: #000000;
}
.day-blank {
border: 1px solid #6fb3ff;;
}
.day {
border: 1px solid #6fb3ff;
}
.day-date {
border-right: 1px solid #6fb3ff;
border-bottom: 1px solid #6fb3ff;
color: #000000;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 23px;
}
.day-count a {
text-decoration: none;
color: #0000ff;
}


/*TAGS PAGE*/

.tagstable, .tagstable td {
border: 1px solid #0000ff;
}
.tagstable { width: 300px; }



Cross posted to html_junkies, htmlhelp, and my LJ.

Source: http://community.livejournal.com/htmlhelp/2393428.html

Date: 04/04/07     Keywords: html, web

I want some computer based way to track celebrity names, photos, and connecting the films and shows I learn they're names in. Notepad and Access and Excel are insufficient and clumbsy for my needs.
What I truely envision is a web app like Facebook. It would allow me to make each individual connection myself. I don't simply want a pinboard in my room which I stick magazine cutouts to. That's completely not my lifestyle, having no magazines, and am very much zenning one with my computer. Surely others must have managing all the actor connections as they read them. It won't flow right as a mere list in notepad. I want some structure that does all the linking for me. Like facebook, but without the need to return friendships or any of that. Just some simple starting point that begins empty. Hey-, What Can I Say? I like computers. The problem is if I simply make my own cumbersome HTML webpage on my own harddrive from scratch, with or without my Dreamweaver webpage making program, I don't want to just link to IMDb profiles. There, it's prefilled with all 100 different movies I never heard of before. I need to start blank, and fill in, connect the dots, like facebook. But for celebrities. In other words, simple. Not with a thousand functions to overwhelm me, like a robust HTML editing program.

Help me, computerusers.

Does such a site exist?

Source: http://community.livejournal.com/htmlhelp/2393145.html

Date: 03/26/07     Keywords: css, html, web

Hi there!!

I'm building a website for a friend, and he wants the main text area to be scrollable, so that the page never has to scroll or change size. I'm using a combination of HTML tables and CSS, and would rather not use frames for this. Is there any way to set a box in a table to scroll? I've tried using the "overflow: auto;" option on my stylesheet, but that doesn't seem to work.

Any help would be greatly appreciated.

Source: http://community.livejournal.com/htmlhelp/2392727.html

Date: 03/05/07     Keywords: google

Please don't run away because of the title. I'm working on a template which would include a sidebar with the ability to leave comments without refreshing...hence the AJAX implication.

Now, the big issue at hand is I have NO knowledge on how to do this. Here is the template I'm working with. ( clicky )

On the right you'll see the comment box, and above is a small bg image which looks like a quote bubble. So I want the submissions to appear over the bubble. And here is the catch, only three comments are to be allowed on the page. It needs to auto delete any (older) comments beyond 3. And a maximum of 100 characters per submission.

IS THIS POSSIBLE?

Of course it is. But I don't know how to do it. I've googled and ... damn it's a big world out there.

Suggestions or offers?




EDIT: Link fixed.

Source: http://community.livejournal.com/htmlhelp/2392028.html

Date: 03/03/07     Keywords: web

Hello,
I'm not sure what piece of code it is, but the hyperlinks of users' names on entries is invisible/hidden on Firefox, but is completely fine on IE.
How can I get the username links to look like the standard links on my community [which are all visible on both Firefox & Mozilla]?

Thank you!


FRIENDS_WEBSITE<=

http://img377.imageshack.us/img377/5913/hilarydf4of3.jpg" style="visibility:visible; position:absolute; top:0; left:126;">

<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=