Need help with profile html..... help? o-negai? | Page 1 | (x)HTML & CSS | Guild Forums

Gaia Guilds

My Design :: Web and Graphic Design [HTML CSS PHP]

Back to Guilds

XHTML, CSS, jQuery, Javascript, PHP, mySQL, MORE!

Tags: design, graphics, html, jquery, javascript

(x)HTML & CSS

Need help with profile html..... help? o-negai?

Rhyshian

Offline

Posted: Sun Aug 17, 2008 6:37 pm

I am making a layout for my profile, and I looked at it and everything looked fine. except for one thing. The picture that was supposed to appear at the bottom left of the profile wasn't there. instead it showed the tile i had put in with my previous layout. take a look at my profile and see my problem. Here's the code:

Quote:

html, body {background-color: #000000; background-image:url(http://i331.photobucket.com/albums/l466/PhantomHorsee/Anime Pics/tj09background/kitty-sama.png); background-position: bottom left; background-repeat: no-repeat; background-attachment: fixed;}
.user_info_popup {background-color: #000000;}
.panel {background-color: #436494;opacity: 0.9; filter:alpha(opacity=90);border-style: outset; border-color: #006609; border-width: 1px;}
.panel h3 {color: #001eff; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10pt; text-decoration: none;}
.panel h2 {color: #00e6da; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13pt; text-transform: uppercase; text-align: center; text-decoration: none;background-color: #2344a6;}
div, p, table, td, li, span, .panel, dd {color: #17ff45; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9pt; text-align: left; text-decoration: none;}
a:link, a:active, a:visited {color: #00bf36; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none;}
a:hover {color: #00e313; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none;}
.style1 dt {font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none;}
#header_left .spacer {display:block; background:url('') no-repeat center; width:300px; height:25px; float:right;}
.contact_panel a:link, .contact_panel a:active, .contact_panel a:visited {color: #62d100; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none;}
.contact_panel a:hover {color: #b7ff00; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none; }
#id_details p strong{color: #00ffe6; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: underline;}
html, body {background-color: #000000;background-image:url(http://i331.photobucket.com/albums/l466/PhantomHorsee/Anime Pics/tj09background/kitty-sama.png); background-position: bottom left; background-repeat: no-repeat; background-attachment: fixed;}
.user_info_popup {background-color: #000000;}
.panel {background-color: #436494;opacity: 0.9; filter:alpha(opacity=90);border-style: outset; border-color: #006609; border-width: 1px;}
.panel h3 {color: #001eff; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10pt; text-decoration: none;}
.panel h2 {color: #00e6da; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13pt; text-transform: uppercase; text-align: center; text-decoration: none;background-color: #2344a6;}
div, p, table, td, li, span, .panel, dd {color: #17ff45; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9pt; text-align: left; text-decoration: none;}
a:link, a:active, a:visited {color: #00bf36; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none;}
a:hover {color: #00e313; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none;}
.style1 dt {font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none;}
#header_left .spacer {display:block; background:url('') no-repeat center; width:300px; height:25px; float:right;}
.contact_panel a:link, .contact_panel a:active, .contact_panel a:visited {color: #62d100; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none;}
.contact_panel a:hover {color: #b7ff00; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none; }
#id_details p strong{color: #00ffe6; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: underline;}

The part that's in red is where the image is located. Can you tell me what's wrong? Anybody? *panics*

Posted: Tue Aug 19, 2008 10:55 pm

First of all you don't need the CSS code in twice....
second of all, if you view the source of the profile page you'll notice

html { background: url(http://s2.cdn.gaiaonline.com/images/profiles/v2/backgrounds/bg_pawprint_blue.gif) repeat; }
body { background: no-repeat; }

which causes the paw prints,

Seems to be somewhere in the gaia default stylesheets

Might be worth a try if you can add the image to the page, using a tag, and then position it using css, although not sure if gaia let you do that.

Zionna

Offline

(x)HTML & CSS

Welcome to Gaia! ::

Gaia Guilds

My Design :: Web and Graphic Design [HTML CSS PHP]

Quick Reply

More Information