Search Results

Search found 12738 results on 510 pages for 'css hack'.

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

Page 233/510 | < Previous Page | 229 230 231 232 233 234 235 236 237 238 239 240  | Next Page >

  • stars and slideshow input not working in IE browsers

    - by pradeep
    http://ratingscorner.com/product_rating.php?alias=Rashtreeya-Vidyalaya-College-of-Engineering-Mysore-Road-Bangalore&product=colleges I have a page like this .this works very well in all browsers, but not in IE. problem in IE is that : 1. If you go to "your ratings" tab in second section. the stars and input are not clickable only. 2. and the gap between tabs and tables are more in IE .. tried to check in firebug also. the element has not margin or padding at bottom. the slideshow also does not work in IE

    Read the article

  • jQuery toggle pushing other elements around... bullies!!

    - by tony noriega
    Ok, so in the left_col of my page, i have a list UL LI that incorporates a jQuery toggle to open a small box, which is "LoginBox". <ul> <li class="members"><a href="/members/signon.asp?userType=member">Members</a></li> <li class="employers"><a href="/employers/signon.asp?userType=employer">Employers</a></li> <li class="providers"><a href="#LoginBox" class="clicker">Providers</a></li> <div class="loginbox" id="LoginBox"> <p>Medical</p> <p>Dental</p> </div> <li class="brokers"><a href="/brokers/signon.asp?userType=broker">Brokers</a></li> </ul> when the jQuery is invoked, it pushes the elements below it down. As expected. What i dont get is that i have an H3 tag below this UL LI which has a background image. The text portion of the H3 gets pushed down, but the background image seems to stay put, and the UL LI that gets pushed down just covers up the background image of the H3. why would the text move, but not the background image itself? here is the H3 style: .sectionmenu h3{ background: url(/_images/h3-triangle.gif) left center no-repeat; color: #000; font-size: 12px; font-weight: bold; padding: 4px 0px 4px 10px; margin: 0; border-bottom:1px dotted #aeaeae;; } and the login box style: .loginbox{ display:none; width:100px; height:50px; margin:0 0 0 77px; }

    Read the article

  • jQuery show/hide for FAQ using the next() function

    - by jon_brockman
    Maybe it's because it's Friday but I'm stuck on a simple problem. I'm building a FAQ page where a user clicks on a question, revealing the answer beneath it. I'm trying to get the next() function to just grab the next instance of an "answer" div but, despite not getting any JS errors, the hidden div isn't showing. Here's the code: .answer { display:none; } $("a.question").click(function(){ $(this).next(".answer").toggle(); }); <a href="#" class="question">Queston 1</a> <div class="answer">Answer 1</div> <a href="#" class="question">Queston 2</a> <div class="answer">Answer 2</div>

    Read the article

  • jQuery .animate reveal contact form hidden in div with negative margin above header

    - by brhea
    Hi everyone, I've got my contact form hidden with a negative margin-top, so that when the visitor clicks "Contact" it reveals the div. <script type="text/javascript">$("#revealContact").click(function(){ $("#contact").animate({ marginTop: "+=620px" }, 1000); });</script> You can view it live here: http://www.brianrhea.com/index_contact.php -- click Contact link in top right My problem is that as soon as the form is submitted, it inherits the -620 margin and the success (or error) prompt is invisible. I'm running in to some other cross-compatibility issues as well with the margin spacing so I'm not even sure this is the best way to go about this. Obviously it'd be great if I could just begin with the div as display:hidden and then animate it to visible, but I haven't been able to do that. Any input is appreciated, either with advice on how to save the margin after form submission, or suggestion on better method to achieve this hide/reveal. Thanks, Brian

    Read the article

  • How do i create these borders in the middle?

    - by Nitesh Panchal
    Hello, I know how to generate rounded corners using images. But please have a look at the link :- http://roundedbox.andreas-kalt.de/ The rounded corners on all four corners are all images, but my question is how are those borders in the middle done? Those green color borders that surround the whole div. The tutorial is given but it is German :(. Also i don't want to use Css3 like -webkit-border-radius etc as they are not yet supported in IE Thanks in advance :)

    Read the article

  • Struts2 jQuery Plugin Autocompleter renders HTML with style attributes <== changing this?

    - by Tim
    I'm using the Struts2 jQuery plugin 2.1 and render an autocompleter in my JSP. Here's the code: <s:form id="search-form" action="search" theme="simple"> <s:url id="remoteurl" action="jsonlanguages"/> <div> <sj:autocompleter cssClass="bgstandardelement empty" id="languages" name="echo" href="%{remoteurl}" delay="50" value="Search..." /> <input type="submit" id="search-button" value="GO" /> </div> </s:form> No matter what theme I set the autocompleter-form to, the HTML rendered for the list I output is always an unordered list with a style element that I cannot override. It has the following stype-attribute: style='z-index: 1; top: 242px; left: 926px; display: none; width: 256px'; As I want another outfit for my list, this doesn't work. Putting in the following attribute has no effect: cssStyle="width:115px!important;" What can I do?

    Read the article

  • Images not displaying if using file:///c:/

    - by Ben
    I am using jQuery and would like to display the images from my PC, rather than hosting them. I have the following: /* works fine: */ .ui-widget-header .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); } /* does not work: */ .ui-widget-header .ui-icon { background-image: url(file:///C:/ui-icons_2e83ff_256x240.png); } When I put file:///C:/ui-icons_2e83ff_256x240.png in a browser, it displays the actual image beautifully. Both locations are valid image locations. Could this not working be to do with the image being a sprite? Does anyone have any ideas on this one? Many thanks.

    Read the article

  • Toastr.js notifications as modal notfication

    - by Maxsteel
    I know it's not what toastr (or toast notifs in general) are meant to be used for, but I want to use them as a modal notification. My idea is following. On toast show: toastr.options.onShown = function() { //Create an overlay on the entire page} Overlay: #overlay { background-color: rgba(0, 0, 0, 0.8); z-index: 999; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } And on toast close: toastr.options.onHidden = function() { //make overlay go away } Also, I'm setting timeout of toast to 0 so it won't disappear by itself. Question: I want the toast notification to stay atop the overlay and not behind it as overlay will cover everything. How can I do it?

    Read the article

  • How to make technical training session useful and successful for trainee?

    - by metal-gear-solid
    Are these suggestions good to give for a successful training session? Practice time should be always given immediate after technical training? usually after receiving any technical session about any new thing we do routine work. If we don't do practice just after training, later when we do any work related to that training then we feel we need training again. So if we are getting training today and will not use it for some period of time (15 -30 -60 days) then the training is of no use, as it is at the wrong time. I.e. We will forget many things Any other suggestions which i should give? I'm trainee not trainer. What suggestion should i give to trainer/organizer?

    Read the article

  • expand floating object when floating object within expands

    - by Scarface
    Hey guys, quick question, I have a link when clicked drops down a list. This list is floated to the right to position it properly. This list is in another box that has been floated. My problem is that when the list expands, the box does not and the list comes out of the container box, unless the list is not floated. However floating it seems like the only way to get it to the position I want. If anyone has any ideas on how to solve this problem I would appreciate it. .container-box { margin-top:0px; float:left; padding-left:5px; position:relative; } #box-within { float:right; font-weight:bold; max-height:250px; display: none; background-color:#fff; overflow: auto; width:325px; padding:5px; position:relative; }

    Read the article

  • HTML Line Spacing & Compact Code

    - by William Hand
    I was just wondering if there was a professional opinion on the matter of compact code. Does it really speed up page loading. Example: <body> <div id="a"></div> <div id="b"></div> </body> VS <body> <div id="a"></div> <div id="b"></div> </body> any ideas?

    Read the article

  • How do I set font size to 0px in IE6?

    - by Justin808
    I have an unordered list, I'm trying to hide the text in the list. I can do this 2 ways that i know of: font-color: transparent; font-size: 0px; I prefer the 0px method as its not selectable. This issue is neither way works in IE6. The first way just doesn't work in IE6 at all, the 2nd leave a 1PX high font. Is there a way to hide the text in IE6? This is a visual thing, I know you can read the text by reading the source and that is OK, I just need it to visually not be there.

    Read the article

  • Can an html element have multiple ids?

    - by webmat
    I understand that an id must be unique within an HTML/XHTML page. My question is, for a given element, can I assign multiple ids to it? <div id="nested_element_123 task_123"></div> I realize I have an easy solution with simply using a class. I'm just curious about using ids in this manner.

    Read the article

  • How to float span properly

    - by brianr1
    I am developing this site http://indigonightlife.com/ The second section down is This Weeks Events. To the right of that heading is an image of the 5 little blue lines. The problem Im having is I cant get it to float to the right side of the container. As it is now, its in the middle of the container. Ive tried all kinds of combos of floats, clearfixes, and such but I cant get it to stay to the right. The section below titled Resident and Guest DJs has the same image but its floated fine. Not sure what the difference is. Any help would be appreciated. Thanks.

    Read the article

  • Parent-child height problem

    - by Vector
    I have a parent div that has position: relative and his child has position: absolute. Such positions is a must. The problem is the parent does not stretch to the height of the child. The question is how to make it stretch to the height of the child? The mark-up is similar to this: <!DOCTYPE HTML> <html> <head> <style> .parent { position: relative; border: solid 1px red; } .child { position: absolute; border: solid 1px red; } </style> </head> <body> <div class="parent"> <div class="child">Hello World!</div> </div> </body> </html>

    Read the article

  • Why is there the need for browser resets?

    - by viatropos
    Okay that's probably not the best title, I know why we need browser resets: because browsers have different defaults set. My question that was too long to put into a title is: If everyone needs to use a reset stylesheet 90% of the time, why do browsers need to set default styles? We're just going to remove them anyways, right?

    Read the article

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

< Previous Page | 229 230 231 232 233 234 235 236 237 238 239 240  | Next Page >