pet profile css help needed!
Replies
https://subeta.net/pets/Shaymus
is there any way to move over the "Enable Weapons Showing" to the second column? having the stats showing in the second column also scrunches the pet description text and I had to do a lot of fenagling to make it somewhat reasonable.. having the stats showing also made there be a sizeable gap between the pet info and pet description. is there a simple solution to this aside from my fenagling? another thing I've worked around is that the positioning on column 1 seems dependent on how large the TC is, and it needs to be adjusted if I add or remove items.
it's been so long since I've done css.. I appreciate any help!
🦇🎃 [tt]selling current profile [/tt] 🦇🎃 - link
The "Enable Weapons Showing" is only visible to you, I think. At least, I can't see it.
As for your other questions, can you post a sample of your code, so I can take a look at it? And also a screenshot of what's not going as you like?
no, it's not visible to you but it's pretty detrimental to the rest of the profile : ( thanks for the help~
what I see plus scribbles of how I'd like it to look
css
<style type="text/css">
, , , , , , {display:none}
html, , , , {background-color: transparent;}
body {background-color: ;}
body, {height: auto!important; width: auto!important}
{min-height:0px; height: 100% !important; margin: 10px auto 30px 80px; padding: 0px;}
{position: relative; top: 0px; width: 100px; z-index: -1;} {width: 200px; margin-left: 50px; margin-top: -120px;} {;}
{ position:absolute; top: 35px; left: 300px;} li {line-height: 22px;} div.statbar {border: 1px solid ; background: ; height: 5px; width: 120px; filter:alpha(opacity=80); opacity: .8;} div.statbar div.stat {background: ; height: 5px;} {text-transform: uppercase; font: 8px Trebuchet MS;}
{min-width:290px; width: 290px; overflow: auto; background: ; margin: -20px; padding: 0px; border: 1px solid ;} .pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date {display:none;} {margin-left: auto; margin-right: auto; margin-top: -40px;} {margin-bottom: -10px; margin-top: -70px; margin-left: -95px; width: 300px!important;}
{margin-top: 6px; margin-left: 15px;} .treasure_item {margin-top:5px; margin-left: 17px;}
.pet_name {font-family: 'Inconsolata', monospace; font-weight: normal; color: ; font-size: 30px; text-transform: lowercase; font-style: italic; letter-spacing: 3px; padding-bottom: -5px!important;} h1 {letter-spacing: 2px; line-height: 10px; margin-bottom: 2px; margin-top: 0px; text-transform: uppercase;} h3 {font-family: tahoma; font-weight: bold; font-style: italic; font-size: 20px; text-align: left; letter-spacing: 3px; color: ; margin: 2px; text-transform:uppercase;} h2 {display: none;} body, font, td, a, p, table, div, tr {text-align: center; color: ; font-size: 10px; font-family: tahoma;} a:link {color: ;} a:active {color: ;} a:visited {color: ;} a:hover {color: ; }
.pet_color_info {text-transform: uppercase;}
.owner {text-transform: uppercase;}
</style>
hired muscle, personal investigator. fighter. always getting into trouble and solving mysteries
🦇🎃 [tt]selling current profile [/tt] 🦇🎃 - link
if the link bugs you, you can remove it with the following while maintaining the other links in the stats column (food eaten, books read, and job title):
a {display: none}
a, a, a {display: inline}
and could you be more specific about the other issues? everything looks fine to me, and you don't even have column 1 on the profile so i'm not sure what trouble you're having with its positioning.
ah sorry I meant column 2. that helps massively, thank you. I believe I've fixed the positioning issue, which just leaves the gap. I took out my bad fix to show the gap.
I appreciate the help ❤
css
<style type="text/css">
, , , , , , {display:none}
html, , , , {background-color: transparent;}
body {background-color: ;}
body, {height: auto!important; width: auto!important}
{min-height:0px; height: 100% !important; margin: 30px auto 30px 80px; padding: 0px;}
{position: absolute; top: 350px; left: 320px; width: 100px; padding: 0px; z-index: 1; text-transform: lowercase; font: 8px Trebuchet MS; border: 1px solid ; filter:alpha(opacity=80); opacity: .8;} {width: 200px; margin-left: 50px; margin-top: -120px;} a {display: none} a, a, a {display: inline}
{ position:absolute; top: 35px; left: 300px; z-index: 1; font: 8px Trebuchet MS; border: 1px solid ; filter:alpha(opacity=80); opacity: .8;} li {line-height: 22px; padding-left: 10px; padding-right: 10px;} div.statbar {border: 1px solid ; background: ; height: 5px; width: 120px; filter:alpha(opacity=80); opacity: .8;} div.statbar div.stat {background: ; height: 5px;} {text-transform: uppercase; font: 8px Trebuchet MS;}
{min-width:290px; width: 290px; overflow: auto; background: ; margin: -20px; padding: 0px; border: 1px solid ;} .pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date {display:none;} {margin-left: auto; margin-right: auto; margin-top: 145px;} {width: 280px!important;}
{margin-top: 6px; margin-left: 15px;} .treasure_item {margin-top:5px; margin-left: 17px;}
.pet_name {font-family: 'Inconsolata', monospace; font-weight: normal; color: ; font-size: 30px; text-transform: lowercase; font-style: italic; letter-spacing: 3px; padding-bottom: -5px!important;} h1 {letter-spacing: 2px; line-height: 10px; margin-bottom: 2px; margin-top: 0px; text-transform: uppercase;} h3 {font-family: tahoma; font-weight: bold; font-style: italic; font-size: 20px; text-align: left; letter-spacing: 3px; color: ; margin: 2px; text-transform:uppercase;} h2 {display: none;} body, font, td, a, p, table, div, tr {text-align: center; color: ; font-size: 10px; font-family: tahoma;} a:link {color: ;} a:active {color: ;} a:visited {color: ;} a:hover {color: ; }
.pet_color_info {text-transform: uppercase;}
.owner {text-transform: uppercase;}
</style>
hired muscle, personal investigator. fighter. always getting into trouble and solving mysteries
🦇🎃 [tt]selling current profile [/tt] 🦇🎃 - link
I see already helped you with the link! For the gap, the reason it's showing is because that's what's left of column 3. You can fix it with this { width: 0; height: 0; }
Hope that helps!
all fixed! yay! thanks so much : )
🦇🎃 [tt]selling current profile [/tt] 🦇🎃 - link