Mysidia Adoptables Support Forum
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

Mysidia Adoptables Support Forum (http://www.mysidiaadoptables.com/forum/index.php)
-   Templates and Themes (http://www.mysidiaadoptables.com/forum/forumdisplay.php?f=26)
-   -   Another Theme Problem - Please Help! (http://www.mysidiaadoptables.com/forum/showthread.php?t=4020)

Abronsyth 02-21-2013 08:45 AM
Another Theme Problem - Please Help!
 
Okay, so due to some profile.php issues, I changed my theme and made it wider (plus I like the new colors more!). However, profile.php is still being a pain in my you-know-what and screwing up my theme.

It's messing with my footer, and it's killing me. I've tested all other pages and it works fine, it's just when viewing a user's profile that the footer gets moved about.
Here's my HTML
HTML Code:
<!DOCTYPE html>
<head>
<title>:BROWSERTITLE:</title>
<link rel="stylesheet" href="templates/main/media/style.css" type="text/css" />
</head>

<center><body>

<div id="header"><br><h1>Belles Ombres</h1></div>
<div id="nav"><ul><li><a href="/">Home</a></li><li><a href="adopt.php">Adopt Center</a></li><li><a href="pound.php">Shelter</a></li><li><a href="breeding.php">Breed Pets</a></li><li><a href="pages.php?page=trivia">Trivia</a></li><li><a href="promo.php">Redeem Code</a></li><li><a href="shop.php">Market</a></li><li><a href="donate.php">Bank</a></li><li><a href="explore.php">Explore</a></li><li><a href="arcade.php">Arcade</a></li><li><a href="trade.php">Trade</a></li><li><a href="/forum">Forum</a></li><li><a href="shoutbox.php">Shout Box</a></li><li><a href="profile.php">Members</a></li><li><a href="stats.php">Stats</a></li><li><a href="search.php">Search</a></li></ul></div>
<div id="menu">:SIDEFEED:</div>

<div id="content">
<h2>:ARTICLETITLE:</h2>
:ARTICLECONTENT:</div>

<div id="footer"><p>All content © <a href="http://www.bellesombres.com/">BellesOmbres</a> 2013 :: Powered by <a href='http://www.mysidiaadoptables.com'>Mysidia Adoptables</a></p>
</div>

</body></center>
Here's my CSS
Code:
body {
background:#4D754B;background: rgb(222,239,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba

(152,190,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /*

Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /*

IE6-9 */
font-family:Arial, Tahoma, sans-serif;
font-size:12px;
color:#000000;
}

a {
color:#0489B1;
text-decoration:none;
}

a:hover {
color:#6CC7DC;
text-decoration:none;
}

#header {
        float:center;
        background: rgb(167,207,223); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop       

(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /*

Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0

); /* IE6-9 */
width:800px;
height:100px;
border-top-left-radius:15px;
border-top-right-radius:15px;
padding:10px;
}

#header h1 {
font-size:30px;
color:#ffffff;
font-family:Arial;
letter-spacing:8px;
}

#nav {
            width:800px;
            height:40px;
        line-height:15px;
        background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-

stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /*

Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /*

IE6-9 */
        padding:10px;
        }

#nav li {
display:inline;
list-style-type:none;
padding:3px;
}

#nav ul {
        list-style-type:none;
            margin-top:-7px;
        }
#nav li {
        float:left;
        }
#nav li a {
        padding:0 5px;
        display:block;
        color:#ffffff;
        }
#nav li a:hover {
        background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-

stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /*

Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
        }

#content {
float:center;
background:#ffffff;
text-align:center;
width:800px;
min-height:400px;
padding:10px;
}

#menu {
float:left;
background:#FAFAFA;
text-align:center;
width:150px;
height:300px;
padding:10px;
border-radius:15px;
}

#footer {
        clear:both;
background: rgb(167,207,223); /* Old browsers */
background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop(100%,rgba

(35,83,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+

*/
background: -o-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /*

IE6-9 */
color:#ffffff;
width:800px;
text-align:center;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
padding:10px;
}

#content h2 {
text-align:left;
font-size:20px;
color:#4AA4C7;
}
(CSS/Html Template (c) BellesOmbres.com)

Thanks in advance!
-Abron/Pero

Tequila 02-21-2013 03:02 PM
I think the main issue is that there are conflicting <div> layers... I can't figure out where though...

Abronsyth 02-22-2013 08:55 AM
Well, thanks for having a look...ugh, that blasted profile page keeps messing me up...

Tequila 02-22-2013 01:08 PM
I'd say change out some of the divs for tables, see if that fixes it. ;3 I'm going to completely strip out what I want from the profile page when I get CH up and running...

Hall of Famer 02-23-2013 06:00 AM
umm the profile? What are you referring to? Just curious.

Abronsyth 02-23-2013 02:48 PM
Profile referring to viewing a user's profile :) I'm not sure where to go to alter the size of the tab/panel thing, so it's been messing up my CSS.

Hall of Famer 02-23-2013 03:26 PM
Well did you look into the file css/tab.css?

Abronsyth 02-23-2013 03:44 PM
Well, HoF, I went through and had a look at it, even changed a few things, but to no avail. Here's a screen shot of the problem:
here

Notice how the footer is being moved around..? The footer should actually be at the bottom of the content, but instead it's kind of floating over it and then conflicting with the user profile page.

Hall of Famer 02-23-2013 03:52 PM
I see, thats weird, I believe there's a way to move the profile tab box around on a certain page. You really sure this cannot be achieved by editing any items in the css file for tabs?

And btw, I am surprised that you just changed your gender from female to male lol.

Abronsyth 02-23-2013 04:00 PM
Hm, I'll just have to continue messing with it...I'm not familiar with using tables to set up a site theme, as Tequila suggested, so I'll have to test that out to see if that could possibly fix it.

((Mehp, I'm just a young person doing what young people do: coming to terms with myself...I be a trans*man. Now go feel uncomfortable ;-;))


All times are GMT -5. The time now is 06:38 AM.
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, vBulletin Solutions Inc.