Home › Forums › JavaScript › Problems with adding CSS to a jQuery .after() element
- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
-
AuthorPosts
-
May 25, 2012 at 10:29 pm #38227JosiahBMember
Here is the html … I tried to apply the css inline …
.....
.....Here is the js code …
.....
else
{
$("#contact-form").hide('slow');
$(".success-message1") .after('Your message was successfully sent!');
$(".success-message2") .after('You should receive a response with in one to two business days.');
}
.....Here is the CSS …
.success-message1:{
top: -7px;
position: absolute;
left: 52px;
font-size: 1.1em;
}
.success-message2:{
font-size: 0.8em;
position: absolute;
top: 56px;
right: 10px;
left: 47px;None of these options worked … Here is a link to my website … http://lynchburgpatriots.webatu.com/Contact.html
Any help would be appreciated!!!
Thanks!
May 25, 2012 at 11:18 pm #103498Taufik NurrohmanParticipantMaybe you mean:
$(".success-message1").html('Your message was successfully sent!');
$(".success-message2").html('You should receive a response with in one to two business days.');CSS Selectors doesn’t require colon before bracket:
.success-message1 {
top: -7px;
position: absolute;
left: 52px;
font-size: 1.1em;
}
.success-message2 {
font-size: 0.8em;
position: absolute;
top: 56px;
right: 10px;
left: 47px;
}May 26, 2012 at 1:09 am #103502JosiahBMemberThank you sooo much! Oh, yeah I know CSS selectors do not need colons before the bracket … I had just tried using the CSS Pseudo-element :after and had forgotten to delete the colon.
Thanks again!
AuthorPostsViewing 3 posts - 1 through 3 (of 3 total)- The forum ‘JavaScript’ is closed to new topics and replies.