The PokéCommunity Forums

The PokéCommunity Forums (https://www.pokecommunity.com/index.php)
-   Feedback & Support (https://www.pokecommunity.com/forumdisplay.php?f=4)
-   -   CSS..... (https://www.pokecommunity.com/showthread.php?t=103914)

Xoo August 28th, 2007 1:10 PM

CSS.....
 
Ok. As you can see, I've been messing around with CSS, and I can't get it to size down to the size my sig is. Can someone help?

Virtual Headache August 28th, 2007 1:15 PM

Use width or height to change the size. You can put it in pixels (for example: width: 120px) or in % (for example: width: 80%).

Chibi-chan August 28th, 2007 1:21 PM

Yeah, where it says width px###, try playing around with that in preview signature.
If that's what you mean by making the box smaller...

Xoo August 28th, 2007 1:29 PM

Thanks, but the thing is, I'm using a div box. Is that what you're supposed to do?

Virtual Headache August 28th, 2007 1:30 PM

You use the css-din tag, right?
Well just put in what you posted in the list of style defiintions and it should work.

Xoo August 28th, 2007 1:34 PM

I think the problem with the div box is that it won't shrink the sides, if you get what I mean.

Virtual Headache August 28th, 2007 1:36 PM

How big do you want it to be?
Also, post the code you are using.

Xoo August 28th, 2007 1:41 PM

Well, as big as my sig, but I can't cut the sides. The size is 323x168. Here's the code.
[ css-div="padding: width: 323% height: 168% ; border: solid 3px #808080; font-variant: big-caps; color: #60B530; background-color: #C0C0C0;"][/css-div ]

Virtual Headache August 28th, 2007 1:43 PM

If you want the sig to be smaller, you should use a percentage which is lower than 100 ;)

[ css-div="padding: width: 80%; border: solid 3px #808080; font-variant: big-caps; color: #60B530; background-color: #C0C0C0;"][/css-div ]
Just an example.

Xoo August 28th, 2007 1:50 PM

I've just tried everything you've suggested, but it won't budge. Nothing changes.

Chibi-chan August 28th, 2007 1:52 PM

[ css-div="padding: width: 119px height: 119px ; border: solid 3px #808080; font-variant: big-caps; color: #60B530; background-color: #C0C0C0;"][/css-div ]

try seeing if that works at all.

Virtual Headache August 28th, 2007 1:55 PM

Oh sorry, I missed something. You don't have to add the width and height to the padding attribute, they are both separate things.


[css-div="width: 80%; border: solid 3px #808080; font-variant: big-caps; color: #60B530; background-color: #C0C0C0;"]text[/css-div]

Output:
text

Xoo August 28th, 2007 2:02 PM

Thanks a WHOLE lot, I got it. ^_^

Melody August 28th, 2007 3:57 PM

I have a question. How do you center the entire CSS box? Every time I try to wrap it in [center] tags it breaks the whole box and de-left aligns my text in the box. XP

Virtual Headache August 28th, 2007 4:06 PM

How do you left align your text?
If I try to use text-align: left; in the CSS definition and the normal center tag, it works fine for me.

[css-div="text-align: left; border: 1px dashed #D8BFD8; width: 60%; background: #4f3073"][B][COLOR=White]stuff
stuff
stuff[/COLOR][/B]
[/css-div]

stuff
stuff
stuff


Melody August 28th, 2007 4:33 PM

Quote:

Originally Posted by Virtual Headache (Post 2821824)
How do you left align your text?
If I try to use text-align: left; in the CSS definition and the normal center tag, it works fine for me.

[css-div="text-align: left; border: 1px dashed #D8BFD8; width: 60%; background: #4f3073"][b][color=White]stuff[/color][/b]
[b][color=White]stuff[/color][/b]
[b][color=White]stuff[/color][/b]
[/css-div]


stuff



stuff
stuff


Oh. I see what code you are using ^^"
I didnt use the css-div text align command. D:


Virtual Headache August 28th, 2007 4:45 PM

I just wanted to show you that it works^^

Oh and in your case, I think you might better put the pic and the text into different.
Working with DIVs can be a real headache X.x

parallelzero August 28th, 2007 4:47 PM

And remember kids: cool looking things are cool when they're rare. The more people possess something, the more uninteresting it becomes.

...Just my take on this whole CSS box thing. XD

Melody August 28th, 2007 5:08 PM

Quote:

Originally Posted by Virtual Headache (Post 2821967)
I just wanted to show you that it works^^

Oh and in your case, I think you might better put the pic and the text into different.
Working with DIVs can be a real headache X.x

Indeed. D: They are a real pain sometimes. I know a bit of CSS and I've never had this much trouble with it. XP


All times are GMT -8. The time now is 11:01 AM.


Like our Facebook Page Follow us on Twitter © 2002 - 2018 The PokéCommunity™, pokecommunity.com.
Pokémon characters and images belong to The Pokémon Company International and Nintendo. This website is in no way affiliated with or endorsed by Nintendo, Creatures, GAMEFREAK, The Pokémon Company or The Pokémon Company International. We just love Pokémon.
All forum styles, their images (unless noted otherwise) and site designs are © 2002 - 2016 The PokéCommunity / PokéCommunity.com.
PokéCommunity™ is a trademark of The PokéCommunity. All rights reserved. Sponsor advertisements do not imply our endorsement of that product or service. User generated content remains the property of its creator.

Acknowledgements
Use of PokéCommunity Assets
vB Optimise by DragonByte Technologies Ltd © 2023.