Search Results

Search found 21221 results on 849 pages for 'css media queries'.

Page 300/849 | < Previous Page | 296 297 298 299 300 301 302 303 304 305 306 307  | Next Page >

• IE6 Overflow Issue

  - by Nimbuz

  <div style="float:left; width:50%;"> div 1 <div style="position:absolute; width:105%">nested element</div> </div> <div style="float:left; width:50%;"> div 2 </div If an element exceeds the width of its floated parent element, the next element is pushed down unless I apply overflow:hidden on both floated elements, which defeats the purpose because I DO NOT want to hide the overflowing content. Is there any fix for it?

  Read the article

• Div's are not filtered as :hidden when display:none; is appended as style

  - by CodeMonkey

  Hey folks I have some simple HTML: <div id="selectorContainer"> <div id="chainedSelector" style="display: none;"><% Html.RenderPartial("ProjectSuggest/ChainedProjectSelector"); %></div> <div id="suggestSelector"><% Html.RenderPartial("ProjectSuggest/SuggestControl", new SuggestModeDTO{RegistrationMode = Model.RegistrationMode}); %></div> </div> which is two containers for controls. I have jQuery code to toggle between displaying these, but I need to store as a cookie which one was used last time the user was logged in (i.e. which one was visible). The storing of the cookie is not the problem. The problem is that I for some reason am not able to detect which one is the hidden one, using .is(":hidden"), and not able to detect which one is visible using .is(":visible") When I use those two selectors, I always get both. "true" and "true" for both, eventhough one has display: none; and the other doesn't. Please note that they are NOT placed inside a hidden container which otherwise would hide both, so there are not any hidden ancestor containers. Can anyone maybe explain why this could happen? jQuery code containing source for getting the Id's and for getting the selected one (which currently is broken): getChainedSelectorId: function() { return "#chainedSelector"; }, getSuggestSelectorId: function() { return "#suggestSelector"; }, getSelectedSelector: function() { alert($(this.getChainedSelectorId()).is(":hidden")); alert($(this.getSuggestSelectorId()).is(":hidden")); var selected = ($(this.getChainedSelectorId()).is(":visible") ? this.getChainedSelectorId() : this.getSuggestSelectorId()); alert(selected); return selected; }, Thanks in advance.

  Read the article

• loading.gif ( but customized )

  - by 422

  I know the various websites around the tinternet, that allow you to customize a loading.gif etc, but what I wanted to know... Is there a way, aside from creating a gif with adobe etc, to create custom text loading... So instead of the ubiquitous spinner, you can specify text that animates whilst an image loads. I have searched high and low, and not found anything. Nearest I got was a jquery spinner, but thats not what I am after. Wondered if any of you guys had come across this before. If so, what did you do to customize it.. Example: Sometimes you may see the following animated ( as a gif ) L...... LO..... LOA.... LOAD... LOADI.. LOADIN. LOADING I know the above is done by creating a loop of animations, but wondered if there was a more upto date method of creating custom loading messages, perhaps using jquery ... I have seen it done in flash etc

  Read the article

• HTML Select box not rendering correct

  - by PHPnooblet

  I don't know exactly why but my Selectbox is not rendering correctly, the underneath is missing. .zijdev{ margin-top:0; margin-bottom:0; } HTML: <p class="zijdev"> Aantal toestanden: <select id="aantToestanden" onchange="FilterByToestanden()"> <option></option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> <option>13</option> <option>14</option> </select> </p>

  Read the article

• background semitransparent div

  - by plasticrabbit

  I want to show some dialog (absolute positioned div), and I want to show it above semitransparent 100% div, so everything on background will be dimmed. I have managed it by <div class='transpBox'></div> .transparentBox { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #white; opacity: 0.9; z-index: 499; } This is all right, but when dialog height is more than browser height and you scroll down, you see that transparent div is not in full screen. What is proper way to make such thing?

  Read the article

• How to create a drop down menu like the one displayed on Amazon?

  - by webdev_newbee

  I am kind of new to web development. I am trying to create a drop down menu, something I have now is like: <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> but this is not exactly what I want. I want to create a drop down list very similar to the one on Amazon.com (the dropdown list beside "Search"), shown in following pic. so whenever user click on the button, the list will be displayed in the button as text. Please feel free to give me any ideas. Thank you,

  Read the article

• Font Size Based on Char or Number Data

  - by debaucheryx

  I am trying to find a way to display numerical digits as a larger font size than chars on a website (not my idea!). The reason for this is to make the numbers stand out. I have looked for a font that would satisfy this without coding but I could not find any. Also, I don't want to slow down the website by having the font coverted to an image. Does anyone have a solution to this ridiculous problem?

  Read the article

• How do information bars work, like the one appearing in stackoverflow when you win a badge?

  - by DomingoSL

  When you win a badge in this page a bar with information appears on top. I think is jquery but anybody knows all the code and the implementation? Thank.

  Read the article

• IE font size decrease does not cause select box height to decrease

  - by leaf dev

  I have a font resize function on my page which increases the font size via javascript for the entire page. This works fine in most browsers except IE. When decreasing the font size after increasing it, the select boxes new height does not decrease, even though the font size is decreasing on it. Instead the smaller font appears to be padded with white space. Any ideas as to what IE is doing here, and a work around?

  Read the article

• Indexing an image in-between already made content

  - by Christophersson

  I have a pre-code page coded as follows: <div id="linearBg"> <div id="wrapper"> <div class="logo"></div> <div class="navigation"></div> <div class="video"></div> <div class="content"></div> </div> </div> Where linearBg is a gradient background, the back board of the website. Wrapper is the container for the inner div's, and the rest are content oriented. So i've already implemented this with styles and all sorts, but the thing is I want to add: <div class="watermark"></div> underneath/behind both the content and video div, sort of like a reverse watermark, I've tried z-indexing but i'm not an expert. Could you guide me on to do make this possible? Thanks in advance

  Read the article

• How do I center align horizontal <UL> menu?

  - by Steven

  I need to centre align a horizontal menu. I've tried various solutions, including the mix of inline-block / block / center-align etc., but not being successful. Can someone help me please? :) Here is my code: <div class="topmenu-design"> <!-- Top menu content: START --> <ul id="topmenu firstlevel"> <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li> <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li> <li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li> </ul> <!-- Top menu content: END --> </div> UPDATE I know how to center align the UL within the DIV. That can be accomplished using Sarfraz's suggestion. But the list items are still floated left within the UL. Do I smell javascript to accomplish this?

  Read the article

• Dropdown menu (SELECT element) not losing focus correctly in IE6

  - by devils-avacado

  Example (load in IE6): http://jsbin.com/uheco/14 In IE6, if the user clicks on a SELECT and does not click any OPTION but instead clicks somewhere else on the page outside the SELECT, the SELECT still has focus. I expected the SELECT to lose focus when I clicked once outside of it (such as in IEs 7 & 8).

  Read the article

• How to align text at bottom in <p> with <img>?

  - by jitendra

  This is the code. I want to align text at bottom <p style="background:#eee;font-size:1.3em;color:#022662;height:116px"> <img width="174" height="116" src="#" style="margin-right:10px;float:left"> <strong>Text 1</strong>, <br> text 2, <br> text 3 </p> added example to test http://jsbin.com/ubiji/2

  Read the article

• Will IE9 support conditional comments?

  - by greim

  I thought I remembered reading somewhere that IE9 would not be supporting them, but now after searching I can't find any indication that this is true. Is anyone aware of a definitive statement, either way, about whether Microsoft will be supporting conditional comments in IE9?

  Read the article

• scaling background and min size

  - by ross Hulford

  Hi I have big background images 1200 by 1200, what i would like to do is expand the images when the user resizes the browser but constrain it so they never scale any smaller than the original size. There all lots of scalable bg images out there but none I can find that do this, any help would be appreciated.

  Read the article

• Buttons size not equal in IE and Firefox

  - by Anurag

  I have few buttons on my jsp page and I am using the style as : .buttonblue { background-color: #003366; border-color: #99CCFF; color: #FFFFFF; font-family: Verdana,Arial,Helvetica; font-size: 8pt; font-weight: bold; height: 20px; display:inline; line-height: 1.2; text-align: center; margin-top: 2px; } In Firefox the buttons are bit smaller than IE6. I can not define the size of buttons as the caption changes the button size changes accordingly. I tried with width:auto but no success. Also, with overflow:visible the buttons in IE becomes bit smaller. Please help.

  Read the article

• How stop the link of href from being highlighted?

  - by udaya

  I am setting an anchor tag for an image. It is highlighted and I want to remove the image from being highlighted. How to do this? This is my anchor tag (some PHP in it): <a style="outline:none;" href="<? echo base_url();?>/friends/UploadPhoto"> <img src="<?=$imgp ?>" name="b1" width="90" height="80" border="0"/> </a>

  Read the article

• layout problems with site

  - by user1506962

  I have a problem with my site. When I resize the window everything stays still and doesn't move, the window just crosses over everything. Here are the images to epxlain it a bit better.. hopefully. This is the site in normal window - http://imageshack.us/photo/my-images/407/problem2a.jpg/ and when resized - http://imageshack.us/photo/my-images/696/problemim.jpg/ Can anyone tell me what the problem is? I would like my layout to work like this website - http://www.thisoldbear.com/ -----EDIT----- body { width: 1400px; -ms-overflow-x: hidden; overflow-x: hidden; background: url(../../core/images/bg.png); font-family: 'Pontano Sans', sans-serif; } #logo { background: url(../../core/images/logo.png); width: 124px; height: 171px; margin: -86px 185px; } nav { margin: 0 300px; } a { text-decoration: none; font-size: 17px; color: #f4f4f4; outline: none; padding-left: 50px; } a:hover { text-decoration: underline; } p { font-size: 22px; color: #444; } h2 { font-size: 29px; color: #444; } header { background: url(../../core/images/header.png); padding: 32px; margin: -8px -8px; } .content { padding: 10px; width: 700px; border-top: 4px solid #d55d58; margin: 100px 200px; } .break { margin: -50px 0; }

  Read the article

• How to update a number in html via javascript?

  - by Will Merydith

  After a voter votes, I want to update the count. <form class="vote-form" action=""> <div id="{{key}}" class="vote-count">{{votes}}</div> <input class="vote-button" type="submit" class="text-button" value="vote+"/> <input type="hidden" class="brag" name="brag" value="{{key}}"> <input type="hidden" class="voter" name="voter" value="{{current_user.fb_id}}"> </form> <script type="text/javascript"> $(function() { $('.error').hide(); $(".vote-form").submit(function() { var inputs = $(this).find('input:hidden'); var key = $('input.brag', this).val(); $.ajax({ type: "POST", url: "/bean", data: inputs, success: function() { //not sure how to do this, I want to increment {{votes}} $('#' + key).innerHTML = "foo"; } }); return false; }); }); </script>

  Read the article

• Jquery with call back functions

  - by pplegend

  Hi, i have one problem with the Jquery callback functions, here is the link: http://saveenergy.metropolia.fi/views/pihkapuisto/ as you can see, the first page works fine. but all the others are not fine. they always right side and the size is too small. anyone knows how to change the position and size, make it looks like the first one? thanks

  Read the article

• How to add style to parent <li> item if child <ul> exists?

  - by user1292760

  I'm trying to make a menu in advance to be seen whether there is a double nesting. <ul class="parent"> <li class="child"></li> <li class="child"> <ul slass="nesting"> <li></li> <li></li> </ul> </li> <li class="child"></li> </ul> So ul class="nesting" hidden by default but appears during the hover of li class="child". I want to make another design on the li class="child" which have a nested ul. Another words how can i show nesting before hover by the means of Javascript/JQuery? Thnaks in advance!

  Read the article

• Websites that archive browser inconsistency bugs?

  - by meder

  I'm about to develop my own browser inconsistency/bug compendium site but I'm wondering if I really need to - can we get a wiki of sites that do this already? I'm aware of a lot of them but I hope I'm not missing out on some major ones.

  Read the article

• how to make a div to be center in html

  - by Mac Taylor

  hey guys , one simple way to make an object center in html is using align='center' but belive its not working for a div i used these methods ": style='text-align:center' style='left:50%'; even i use center tag <center> but i couldnt make my target div to be center what way u suggest ?!

  Read the article

• Does !important not works in IE6 ?

  - by metal-gear-solid

  Does !important not works in IE6 ? If we need IE6 compatibility too then shouldn't we use !important?

  Read the article

• image map alternative (maybe in javascript?)

  - by squids

  Alright, so I was wondering if there was an alternative, lightweight way to creating an image map. Basically, I want to take this image: And have the sections of the diagram light up when they are hovered over, kinda like this (I've mocked it up in photoshop): The other sections (which I haven't named yet) should be able to do the same. Also, I'd like to be able to use javascript later to have sliding links appear from behind those sections (I roughly know how to do that now, so I'm okay that) Does anyone have any suggestions? Just a general direction on what to search for would be great.

  Read the article

< Previous Page | 296 297 298 299 300 301 302 303 304 305 306 307  | Next Page >