The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

CSS validator and questions

View previous topic View next topic Go down

Solved CSS validator and questions

Post by nextlevelgaming on July 12th 2012, 5:58 pm

I had my CSS validated on a secondary website.

It came up with alot of errors

and it valididated fixed

ok...

Code:
#userlinks ul {

background-color : #282828;

border : #646464 solid 1px;

padding : 4px;

margin-right : 58px;

margin-top : -6px;

-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 15px;
}

That is not what was fixed though, this is what made this code to "fixed"

Code:
#userlinks ul {

background-color : #282828;

border : #646464 solid 1px;

padding : 4px;

margin-right : 58px;

margin-top : -6px;

}

I am just wondering if this code below to be entered into the CSS above is actually correct and the validator could not recgonize it because CSS is calling on HTML and how it is effected...

So when fixing my CSS on the forum what I did was add the above code and the bottom code together just for insurance because honestly I do not know much about CSS

Code:
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 15px;


QUESTION 2:

in a phpbb2 forum {postrow.displayed.USERINFO} thats not an actually caller I made it up but you get my drift on that, anyways. CSS is different for INVISION because the {postrow.displayed.whatever} is usually in the generals tab and worked on through the codes in there. and some reason invision does not allow you to play with these, which I find complete barbaric not to be able to.

So anyways Im learning the CSS because I like the capabilities of the INVISION, and CSS is fluent through each board. So the caller names, how do I recgonize what the are calling??

and how do I learn the names of the others?

EX

Code:
#userlinks.not-connected .guest {
#userlinks.not-connected span {
#userlinks ul {
#userlinks

Im seeing that the variables to call on are marked with # and someothers such as div.newslink and .current-time are also variables to help.


Real question is how do I know all this information? and how would i work with these? If i added new information for a user to fill out, and wanted it to show in their profile "CARD" how would i know that variable??


Last edited by nextlevelgaming on July 12th 2012, 9:23 pm; edited 1 time in total

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: CSS validator and questions

Post by LGforum on July 12th 2012, 7:16 pm

The .div or #div is determined by how you are matching the elements.
Have a read of how CSS selectors work: http://www.w3schools.com/cssref/css_selectors.asp

As for your first question, i'm not really sure what your askng, but you can change this:
Code:
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 15px;

To this:
Code:
-moz-border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: CSS validator and questions

Post by nextlevelgaming on July 12th 2012, 7:53 pm

ok so making the code
Code:
-moz-border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;
its making it so that the 0 0 15px 15px; for the bottomleft and bottomright instead of constantly writing it all out? and I know the selectors in sorts. but im trying to figure out the certain selectors my page uses.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: CSS validator and questions

Post by nextlevelgaming on July 12th 2012, 8:22 pm

ok that will clean up the coding much better then. like i said before the code was sloppy.

im not that good at code but ill give the best example as possible.

Code:
#userlinks ul { background-color : #282828; border : #646464 solid1px; padding : 4px; margin-right : 58px; margin-top : -6px; -moz-border-radius-bottomright: 15px; -webkit-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px; -webkit-border-radius-bottomleft: 15px;border-radius-bottomright: 15px; border-radius-bottomleft: 15px;}


instead of nicely cleaned up like ive been doing last six hours like this

Code:
#userlinks ul {

background-color : #282828;

border : #646464 solid 1px;

padding : 4px;

margin-right : 58px;

margin-top : -6px;

-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 15px;
}



nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: CSS validator and questions

Post by kirk on July 13th 2012, 3:45 pm

Since the topic was marked solved. I wil lnow archive.
Topic Solved & Locked

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum