CSS validator and questions
3 posters
Page 1 of 1
CSS validator and questions
I had my CSS validated on a secondary website.
It came up with alot of errors
and it valididated fixed
ok...
That is not what was fixed though, this is what made this code to "fixed"
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
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
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??
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
Re: CSS validator and questions
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:
To this:
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
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: CSS validator and questions
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;
Re: CSS validator and questions
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.
instead of nicely cleaned up like ive been doing last six hours like this
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;
}
Re: CSS validator and questions
Since the topic was marked solved. I wil lnow archive.
Topic Solved & Locked |
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum