i've little problem. put div in html no mastrerpage , works - css work when put in html masterpage doesn't. css:
@import url(http://fonts.googleapis.com/css?family=roboto:500,100,300,700,400); .cont { width: 93%; max-width: 350px; text-align: center; margin: 4% auto; padding: 30px 0; background: #111; color: #eee; border-radius: 5px; border: thin solid #444; overflow: hidden; } hr { margin: 20px; border: none; border-bottom: thin solid rgba(255,255,255,.1); } div.title { font-size: 2em; } h1 span { font-weight: 300; color: #fd4; } div.stars { width: 270px; display: inline-block; } input.star { display: none; } label.star { float: right; padding: 10px; font-size: 36px; color: #444; transition: .2s; } input.star:checked ~ label.star:before { content: '\f005'; color: #fd4; transition: .25s; } input.star-5:checked ~ label.star:before { color: #fe7; text-shadow: 0 0 20px #952; } input.star-1:checked ~ label.star:before { color: #f62; } label.star:hover { transform: rotate(-15deg) scale(1.3); } label.star:before { content: '\f006'; font-family: fontawesome; } the html without masterpage:
<head runat="server"> <link rel="stylesheet" href="stylesheetstars.css" type="text/css" /> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/fontawesome/4.2.0/css/font-awesome.min.css"> <title></title> </head> <body> <form id="form1" runat="server"> <div class="stars" > <input class="star star-5" id="star5" type="radio" name="star" runat="server"/> <label class="star star-5" for="star5"></label> <input class="star star-4" id="star4" type="radio" name="star" runat="server"/> <label class="star star-4" for="star4"></label> <input class="star star-3" id="star3" type="radio" name="star" runat="server"/> <label class="star star-3" for="star3"></label> <input class="star star-2" id="star2" type="radio" name="star" runat="server"/> <label class="star star-2" for="star2"></label> <input class="star star-1" id="star1" type="radio" name="star" runat="server"/> <label class="star star-1" for="star1"></label> </div> </form> </body> </html> the html masterpage:
<asp:content id="content1" contentplaceholderid="head" runat="server"> <link rel="stylesheet" href="stylesheetstars.css" type="text/css" /> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> </asp:content> <asp:content id="content2" contentplaceholderid="contentplaceholder1" runat="server"> <div class="stars" > <input class="star star-5" id="star5" type="radio" name="star" runat="server"/> <label class="star star-5" for="star5"></label> <input class="star star-4" id="star4" type="radio" name="star" runat="server"/> <label class="star star-4" for="star4"></label> <input class="star star-3" id="star3" type="radio" name="star" runat="server"/> <label class="star star-3" for="star3"></label> <input class="star star-2" id="star2" type="radio" name="star" runat="server"/> <label class="star star-2" for="star2"></label> <input class="star star-1" id="star1" type="radio" name="star" runat="server"/> <label class="star star-1" for="star1"></label> </div> </asp:content> than't suppose that: 
the cource code(the page masterpage):
<html xmlns="http://www.w3.org/1999/xhtml"> <head><title> </title> <link rel="stylesheet" href="stylesheetstars.css" type="text/css" /> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> </head> <body> <form method="post" action="default2.aspx" id="form1"> <div class="aspnethidden"> <input type="hidden" name="__viewstate" id="__viewstate" value="/wepdwukmtk3njiwntuxmgqyaquex19db250cm9sc1jlcxvpcmvqb3n0qmfja0tlev9ffgufh2n0bdawjenvbnrlbnrqbgfjzuhvbgrlcjekc3rhcjufh2n0bdawjenvbnrlbnrqbgfjzuhvbgrlcjekc3rhcjqfh2n0bdawjenvbnrlbnrqbgfjzuhvbgrlcjekc3rhcjmfh2n0bdawjenvbnrlbnrqbgfjzuhvbgrlcjekc3rhcjifh2n0bdawjenvbnrlbnrqbgfjzuhvbgrlcjekc3rhcjfwt8usu9soforc1n0/hvykxqpn1couictksuksxvv1ua==" /> </div> <div class="aspnethidden"> <input type="hidden" name="__viewstategenerator" id="__viewstategenerator" value="9397dc0d" /> <input type="hidden" name="__eventvalidation" id="__eventvalidation" value="/wedaaccx8qybknwgvy6o3mknckvfqcb0pusojpy4fnv8j365pqbtoolxpm6rqkm1qnpl0wkm6j7xyqfjsdqmxem+3dfnbrt9desestry6asouv9jhi5mylco3ltu7cajvveblymo7fmjkjsfq6zbgk2ktwnqiogyocf0k23wnfp2m1rtac01alkyb4/+eaayp0t4ja=" /> </div> <div> <div class="stars" > <input value="star5" name="ctl00$contentplaceholder1$star" type="radio" id="contentplaceholder1_star5" class="star star-5" /> <label class="star star-5" for="star5"></label> <input value="star4" name="ctl00$contentplaceholder1$star" type="radio" id="contentplaceholder1_star4" class="star star-4" /> <label class="star star-4" for="star4"></label> <input value="star3" name="ctl00$contentplaceholder1$star" type="radio" id="contentplaceholder1_star3" class="star star-3" /> <label class="star star-3" for="star3"></label> <input value="star2" name="ctl00$contentplaceholder1$star" type="radio" id="contentplaceholder1_star2" class="star star-2" /> <label class="star star-2" for="star2"></label> <input value="star1" name="ctl00$contentplaceholder1$star" type="radio" id="contentplaceholder1_star1" class="star star-1" /> <label class="star star-1" for="star1"></label> </div> <br /> <input type="submit" name="ctl00$contentplaceholder1$button1" value="button" id="contentplaceholder1_button1" /> <span id="contentplaceholder1_label1">label</span> <br /> </div> </form> </body> </html> the html masterpage don't yellow part.. can do?
thank :)
it seems me path css file isn't correct masterpage.
is masterpage or css file or aspx in separate folder? if so, should link css file in masterpage file:
<link rel="stylesheet" href="~/stylesheetstars.css" type="text/css" runat="server" /> where ~/ goes root of application. again, depends on directory structure, have hunch root of issue. need runat="server" attribute.
please note ~/ not work in traditional html, valid path when used in aspx file.
please see similar question here.
Comments
Post a Comment