hi5 Forums

[videokammenos]

i have a special question to ask! well, my profile is this>>>> http://john-kall.hi5.com

my problem is that i used a code in order to have cells around my personal infobut hte problem is that the cells are uneven and it does not look good

specifically my problem is there>>>> http://i282.photobucket.com/albums/kk25 ... i5prob.jpg

i ve circled the thing i would like to improve! because i saw an other profile (sorry for using your profile without your permission )

http://pigscantfly.hi5.com and thats how i want my cells/borders to be... well, after reading the andrew suggested everyone to read i tried to make my problem as obvious as possible! please help asap

[Andrew]

Hi videokammenos,

You probably just need to force the irregular sections to be the same width as the others

Since your Profile Picture seems to be 377px wide,
Use this to even the length of your #user-links:

Code: Select all

#user-links {width: 377px !important;}

You can adjust the 377px accordingly as you see fit.

If the part reading "View All 13 Photos" does not adjust along with the user-links,
try adding this:

Code: Select all

#picture-links {width: 377px !important;}

And do the same with your "Status: tpt - Comment »"
Use this:

Code: Select all

#todays-topic {width: 400px !important;}

You will need to play around with the 400px value, till you see that it lines up well.
I just used a random number.


I hope this explains everything.

Thanks for making the effort to take a Photo of the problem and explaining it well.

Unfortunately, the persons profile link you gave me was private.

You only forgot to name the topic properly.
Like this: hi5 Question: How can I center my cells with personal details
No worries.

With the photo,
Next time, just press the "Print Scr" button, and paste the Screenshot in Paint, or any Graphics Program. (Then upload online of course)
no need to go through the drama of bringing out a camera.

And you have too many <style type="text/css"></style> tags in your code.
It is not needed.

You only need one at the start of all the code, and one at the end of all the codes.

Good luck!

[videokammenos]

oh, thank you very much! where is the "print scr" button though?? um well i know i sound ungrateful but could u please instead give me the other codes in order to make other things smaller and not the day-topic part????

like to brig the lines where the yellow line is>>>>http://i282.photobucket.com/albums/kk259/videokammenos/hi5prob-1.jpg


i am sorry for all these questions

and i know its difficult what u are all doing! so take your time! i dont mind when u reply..

[videokammenos]

and then how can i center the information in the boxes? :/

[Andrew]

I'm not sure what type of keyboard you have, but I thought all have that button.
Just look around your keyboard well. To the Top right of all the buttons, You should find it there.


Try using this to shorten your Border widths:

Code: Select all

#todays-topic {width: 200px !important;}
#user-url {width: 200px !important;}
#user-info {width: 200px !important;}

And adjust the values accordingly.

and then how can i center the information in the boxes? :/

Use this:

Code: Select all

#about-left, #about-center {text-align: center;}

Good luck!

[videokammenos]

and something to close the topic with! thnx for the help! um how can i make smaller the online now cell now? thanx very much for the patience

[videokammenos]

the online now cell AND the report abuse cells pleaseee

[Andrew]

and something to close the topic with!

I do not understand what this means...


Please try looking at the CSS chart I made:
[hi5 CSS Chart]

There you will see all the different sections of your hi5 Profile.

All you need to do, is change the ID or class in the codes you have been using.

#ID - eg. #user-links

.class - eg. .vanity-bar

It should be pretty simple to do.

Example:
Copy this format:
#todays-topic {width: 200px !important;}

And make your own code to re-size the Online Now section width:
#online-now-icon {width: 200px !important;}

And that's it!

Its very hard for me to basically make you the same codes over and over when you are not learning from it.
Try using the chart, find the relevant section, and you'll be able to make the code easily on your own.

Let me know how it goes.

Good luck!

[videokammenos]

oh ok! oh the " something to cloese the topic with" meant that that was my last question! oh, ok , i tried doing it and its not hard as i thought! thanks! now i can create find ome codes on my own

[Andrew]

Glad to hear that you understand the codes now videokammenos!

Good luck with all!