![]() |
Quote:
|
Just a couple things. To correctly center things with CSS, you should use margin-left: auto; margin-right: auto;. Also, you no longer need -moz-, -webkit-, or -khtml-. border-radius: is now recognized by all the main browsers (Unless you're aiming for backwards compatibility).
You can also use clear: both; to clear your floats, if necessary. |
Is there a code so that I can get text on the side of my image?
Ex.: http://i1022.photobucket.com/albums/af347/percentage_/consideration.png?t=1306197637 I want to get the text on this side, without moving the image all the way to the left and without it always being on the bottom. So is it possible? |
[image="left"][/image] is the only way I can think of that would do that. Otherwise you'd have to place your picture in its own div and monkey around with that div's positioning.
|
[image="left"][/image] "moves it all the way to the left" so to speak. Or at least more left than the default. Compare
http://i1022.photobucket.com/albums/af347/percentage_/consideration.png?t=1306197637 I want to get the text on this side, without moving the image all the way to the left and without it always being on the bottom. to I want to get the text on this side, without moving the image all the way to the left and without it always being on the bottom.EDIT: Also, I'm playing around with my Tumblr and I can't seem to find anyway to change the background of my latest tweets. Anybody here know what I div and class I'd have to change? |
I need help. I made a thread with coding here, and apparently something's wrong with it, something to do with it outside the box. My conclusion is that I've used position: absolute for it, so how would I go about fixing it?
|
Another quick question, I've seen some people with CSS that makes the images/text unmovable or copyable, and I was wondering what's the code for that? I've tried searching for it, but I haven't found it.
|
Quote:
|
That's just because the image was used as a background image.
Regular img tags: http://img163.imageshack.us/img163/4137/yesyoureshining2.png background-image property: |
I want to learn how to curve the box in this thread right here. I know the code to do it but whenever I try it, it doesn't work. If somebody could give me an example or even show me what I would need to do in my own code that'd be great. Here's my code.
HTML Code:
|
It's the border-radius property. Basically, you just use "border-radius: *desired radius length*;"
[css-div="padding: 2px 2px 2px 2px; color: #black; background-color: red; border-radius:8px;"]Blarg blarg blarg. This is the stuff in my box. blargy[/css-div] Blarg blarg blarg. This is the stuff in my box. blargy |
Kevin beat me to it.
But I'd like to suggest not using that shade of red. It's blindingly bright. |
Quote:
|
Well I basically have a very weird glitch. Maybe someone knows? It breaks through the border :S
All of my shinies (click them to view) PHP Code:
|
All of my shinies (click them to view) Putting one div after another usually results in a line break. Example [cd=height:auto;]Here's one div [/cd][cd=height:auto; text-decoration: blink;]and here's another div immediately following it.[/cd] Here's one div and here's another div immediately following it. What I did was add the display:inline; property to properly align them one after the other. [cd=height:auto; display:inline;]Here's one div [/cd][cd=height:auto;display:inline; text-decoration: blink;]and here's another div immediately following it.[/cd] Here's one div and here's another div immediately following it. Also, I would highly recommend NOT using line breaks in PC's CSS. As for the borders, I'm not really sure what happened there. Spoiler:
|
If you use display:inline-block; instead then you won't get those glitched up borders ^-^
|
Ok now I have an very not understandable other glitch. lol.
All of my shinies (click them to view) My teacher PHP Code:
|
Hey, I'm having this problem with my signature where the quote, multiquote, etc. buttons are showing up alongside or in the middle of my signature.~ I used the float:left property for both the image and the text, so could that have anything to do with it? Thanks. Oh, and it doesn't seem to happen in Firefox, only in other browsers such as Chrome or Safari.
|
Yes, that would be the float:left causing that, most likely.
|
Code:
|
Dont put a space in between the number and the px It needs to look like this width: 300px; not width: 300 px; |
I have to use CSS on my forum
Quote:
Can i anyone explain me how can i do so? I am using vBulletin 4 |
I have some annoying thing in my signature.... Does anyone know how to fix?
Code: PHP Code:
|
Can you explain what's annoying? It looks perfectly alright for me (the sprite is animated as well):
http://i56.*.com/r7lmc6.png |
If it's the text being under the box that's the problem, then use [image=left] tags instead of [img] tags for the image.
I would advise against using line breaks for the purpose of positioning since their height can vary from browser to browser. I'd use position:relative;, padding, and margin properties to position things around. |
| All times are GMT -8. The time now is 11:04 PM. |
![]()
© 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.