CSS Help & Resources Page 14

Started by seeker November 16th, 2009 5:38 PM
  • 175331 views
  • 902 replies

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
Background color can be transparent. The element is just
background-color: transparent;
This won't work on an actual image that already has an opaque background, which is what I understood him to be asking about.
whoops

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
Does anyone know where I can find a list of all the CSS codes and what they do?
I've been searching on the net with little luck :/ .
w3schools.org has a list somewhere. That or w3c.org.
whoops

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
I'm a little confused,
can someone please tell me what these codes mean?

Spoiler:
position: (absolute,relative, static, fixed);
top: 100px;
left: 100px;
right: 100px;
bottom: 100px;

margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;

padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

height: 200px;
max-height: 300px;
min-height: 100px;

width: 200px;
max-width: 300px;
min-width: 100px;


please and thankyou

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
That all deals with, from top to bottom:

The positioning of the affected tag (only works with div tags).

The margins of the affected tag (only works with div tags).

The padding of the affected tag (only works with div tags).

The height of the affected tag (only works with div tags).

The width of the affected tag (only works with div tags).

The "px" after the numbers indicates that it's measured in pixels. 200px means it'd be 200 pixels tall.
whoops

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
thanks :)
just one more question,
can you be a little more specific?

position: (absolute,relative, static, fixed);

what does absolute, relative, static and fixed do?
I know they alter the position, but I don't know how.

i've got more CSS troubles.

when i try to make some coding, for some reason, it duplicates itself and makes two backgrounds, making things incredibly annoying, can anyone suggest why or how to stop this?

Spoiler:

The Fruit Basket:
Pineapple Edition

♥♦♣♠
[/css-div]


and the end result;
Spoiler:

The Fruit Basket:
Pineapple Edition

♥♦♣♠
[/css-div]


...it automatically changed :/

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
thanks :)
just one more question,
can you be a little more specific?

position: (absolute,relative, static, fixed);

what does absolute, relative, static and fixed do?
I know they alter the position, but I don't know how.
Those are in reference to the object above in the case of absolute and relative, and static and fixed pertain to where it is in the window and from the top of the page, I think (not too sure on these last two, as I don't use them very often).

when i try to make some coding, for some reason, it duplicates itself and makes two backgrounds, making things incredibly annoying, can anyone suggest why or how to stop this?

Spoiler:

The Fruit Basket:
Pineapple Edition
♥♦♣♠


and the end result;


...it automatically changed :/
The problem seems to be that you have an enter where you didn't need one as well as all those excess font tags getting in the way. I suggest removing your default posting font since that gets in your way it seems, and also check over what I removed/changed from your code.
whoops

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
Those are in reference to the object above in the case of absolute and relative, and static and fixed pertain to where it is in the window and from the top of the page, I think (not too sure on these last two, as I don't use them very often).



The problem seems to be that you have an enter where you didn't need one as well as all those excess font tags getting in the way. I suggest removing your default posting font since that gets in your way it seems, and also check over what I removed/changed from your code.
Wow, thanks :)
I think I'm getting the hang of this :) .
... but I can't see the coding for some reason :/
I'll just try again :)

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
Wow, thanks :)
I think I'm getting the hang of this :) .
... but I can't see the coding for some reason :/
I'll just try again :)
Spoiler:

The Fruit Basket:
Pineapple Edition
♥♦♣♠


Now compare it to what you did and see what you were doing wrong.
whoops

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
I think I see it, thanks :)

...Another question, say I want css next to another css, I can't do it.
is there a code for it?
I think I saw the answer in this thread, but my searches are fruitless.

..if that makes sense.

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
Hooray! I made a cursor in my sig :D ! What a proud achievement.
Also, can you create too CSS' by eachothers side, I tried it in my sig and it placed it on a new line.
I tried floating it but I think it's an entirely different code.

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
Hooray! I made a cursor in my sig :D ! What a proud achievement.
Also, can you create too CSS' by eachothers side, I tried it in my sig and it placed it on a new line.
I tried floating it but I think it's an entirely different code.
Did you try floating the second div or the first div?
whoops

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
tried both, and neither worked :?

I've got every code I've seen in this thread written down on a pad of paper next to me :) ,
it was there, but I only made the first one float :P

I've got every code I've seen in this thread written down on a pad of paper next to me :) ,
it was there, but I only made the first one float :P

Alternative

f i r e f l y .

Age 30
Male
Adelaide, Australia
Seen July 4th, 2020
Posted December 21st, 2019
4,258 posts
14.3 Years
This isn't really a problem, but more of a query. Is there some sort of code which allows you to change text decoration? Like, I know that you can automatically make it bold and stuff, but is there something, like when you make something bold, it makes it a different colour as well.
Age 29
Male
PA, USA :effort
Seen December 8th, 2013
Posted December 5th, 2013
2,319 posts
15.9 Years
You can already do that with bbcode [color] and [b], right? I mean, >this is bolded and in a different color

Unless you're talking about something
like
this

Where the strikethrough has a color in the first word but not the second, because of the ordering of bbcode.


If this doesn't help, then would you mind elaborating? Your question's kind of vague in my view.
迷いながらトキメイタ 
記憶は儚くて消えないで

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
In CSS, using color:#000000 gives you black text (or white text - I forget which color is which hex code). You can probably figure it out from there. It's separate from the text-decoration property.

For example:

[css-div="text-decoration:blink;color:#0000ff;"]Example text.[/css-div]

Gives you this:

Example text.


Also, you cannot use text-decoration to bold text. Just so you know.
whoops