user profile question
Replies
ok, so my user profile is kinda simple and mostly still looks like the default except I changed the background colours and some other stuff at some point (years ago, so I don't remember how much code I changed and how I did it), and I'm fine with that I dont really need anything fancy.. but I would like to fix one issue if that's possible, which is... at the moment my pets headshots and names aren't lined up properly for some reason, they're spaced out really weirdly and the names of the first column of pets aren't directly underneath their respective headshots.. is there a somewhat "easy" way to get the names to line up with the headshots again and to space them out more evenly?
I'd really appreciate it if someone could help me with this.. here's my current existing code (which is probably a mess, I have no idea):
SPOILER (click to toggle)
<style>
- {margin: 0; padding: 0;} ,.comment_table,.header,.block,.info_block {background-image: none; border:0px;} body {background-repeat:no-repeat;} {background-color: ; color: ; position: fixed; left: 0px; top: 0px; right: 0px;} a:link, a:visited, a:active {font-size: 11px;}
body, html {background-color: ; background-image: url(); background-repeat: no-repeat; height: !important; width: background-position: top; position:absolute; }
body,html,div,table,td,tr,a {font-size: 11px; color: ;}
a:link,a:visited {color:;}
a:hover {color:; text-decoration: underline, baseline;}
.column {border-style:none; border-width:0px; ;}
.media_player {width: 420px; height: 500px; padding: 20px;}
.textbox {text-align:left; color: ; border: none; background-color: transparent; font-family: constantia; font-size: 11px;}
.input {border:0px; background-color: ; color: ; font-size: 11px;}
{position:absolute; width:420px; left:15px; top:95px; text-align: left;} {position:absolute; width:420px; left:460px; top:95px; text-align: left; } {position:absolute; width:420px; left:905px; top:95px; text-align: left; }
.header {background-color: ; border-bottom: none; text-align:center; width:407px;}
li {background-color: ;}
li {background-color: ;}
li {background-color: ;}
.updated_text { position:absolute; top: 25px; left:550px; z-index:1;} { position: absolute; top: 25px; left: 20px; width:500px; height: 50px; z-index:1;} </style>
thanks in advance!
yeah pet headshots are by default all messed up. this code should fix it:
td {width: 100px!important}
td .avatar_head {margin: auto}
tr, td {padding: 5px}
thank you so much! that worked like a charm :D
one last question though about another thing I just noticed- when I click "edit your profile" the toolbox thingy that appears at the top of the page is also all wonky atm, like it's all the way on the left of the page instead of the middle and the box itself has become really narrow which means the text doesn't fit inside it anymore, so all the words are underneath each other all the way down through my human avatar section? (if I'm not explaining it clearly enough I could make a screencap but I'd have to upload that somewhere else to post it here, so I hope this is clear enough..) do you know if that's caused by something in my current code or is that also a problem that's happening on all default user profiles atm?
yup, the last line of your code says is telling the profile to position the toolbox at the top left of the page. just change the positioning values until it's somewhere that works for you. it's also set to be only 50px tall so you'll want to increase that so the text doesn't overflow.
ahh ok, I see now how that explains the positioning, but the text is actually overflowing because the box is showing up really narrow (maybe like 10 or 20px wide at most) even though the code says it should be 500px wide.. if I only change the height to a bigger number the text still overflows the same way.. even if I change the width to an even bigger number nothing changes.. is there a mistake in the code or something? I don't get what I'm doing wrong :.. sorry for the extra questions
oh idk why it would be appearing so narrow horizontally. maybe try adding !important to the width value? i tested the code on my profile and it appears correctly so i can only assume some other part of your code is affecting it. maybe you need to properly define the height and width of body & html, since you appear to have left those blank and are in fact missing a semicolon after the width.