Search Results

Search found 29712 results on 1189 pages for 'css content'.

Page 245/1189 | < Previous Page | 241 242 243 244 245 246 247 248 249 250 251 252  | Next Page >

• How to correct this glitch

  - by Rebol Tutorial

  I removed background: url(none); in my stylesheet because of load performance http://stackoverflow.com/questions/2577422/why-firebug-pretends-that-my-stylesheet-is-calling-my-xmlrpc The problem is that it now causes some glitch on css list. Any idea how to fix this ? Thanks. Update: picture below Tried to put background: none as suggested but didn't solve the problem/ ul.sidebar_list li ul li ul { margin: 0px; padding: 0px!important; float: left; width: 100%; list-style-type: none; background: none; }

  Read the article

• IE7: element showing even with display: none

  - by dmr

  I am trying to hide a "required" message when the page is first shown. On FF and IE8 this works, but for some reason the message shows on IE7. Here is the HTML: <div id="passwordDivRequired" class="requiredMsg"> <img src="images/required.png" /> Required </div> And here is the CSS: .requiredMsg img{ width: 1.5em; height: 1.5em; position: relative; bottom: -.4em; } div .requiredMsg { color: #BF5754; display: none; }

  Read the article

• Change of a background image of a button on onclick event

  - by Alpan67

  Why does this not work ? In Firebug, when I click on the button, it always says to me that cambiaBandiera is not defined ... HELP Alex CSS ITA{ float:right; margin : 5px 85px; width:40px; height:40px; background : #FFFFFF url("../ITA_off.png") center center no-repeat; border:0; } JAVASCRIPT (in HEAD) style type="text/javascript" function cambiaBandiera() { test=document.getElementById("ITA"); test.style.backgroundImage="url('../ITA_on.png')"; } /style and this is HTML div id="bandiere" input type="button" id="ITA" onClick="cambiaBandiera()" /input /div

  Read the article

• webkit-transition for "top" and "bottom" properties

  - by zorglub76

  I'd like to make a css animation where a div (centered on a screen using top and bottom properties) expands by setting top and bottom to 20px. Is it possible? When I try to make it happen with: -webkit-transition-property: top, bottom; -webkit-transition-duration: 0.5s; animation is not performed. Am I doing something wrong, or is it not supposed to work with these properties? P.S. I'm doing this for a Titanium desktop application, so only webkit matters...

  Read the article

• Truncate text if it atempts to run into three lines

  - by Jigs

  I have a small about 140px wide aligned next to a picture. In total there is space for four lines of text. The first two lines are reserved for the title and there are two lines of other info. I want the title to be cut if it spans more than two lines else it will push the other info out of line with the bottom of the image. The only solution I could think of was to create a div the height of two lines with an overflow to hidden. However, if the title is only one line it leaves a big gap. The solution can be Jquery, plain javascript, CSS or even PHP (if its possible). TIA

  Read the article

• How to skip first child?

  - by metal-gear-solid

  <div id="main"> <p> one </p> <p> two </p> <p> three </p> <p> four </p> <p> five </p> <div> I don't want to apply css on first <p>One</p> p {color:red} i need just opposite of firstchild.

  Read the article

• Can a Javascript bookmarklet overlay an image on a web page?

  - by songdogtech

  Can a bookmarklet be used to overlay an image on a web page? Not as a pop-up, but as a image positioned by CSS and with a high z-index to display on top of other elements. And without a mask i.e., Shadowbox or similar jQuery effect. Just an image from a URL and positioned in the bottom left hand corner of the browser window. This is what I have so far, but it may be the wrong direction to be going: javascript:(function(){document.write("body {background-image:url(http://mydomain.com/image.png); position: absolute; left:50px; top:300px; z-index:9999;}");})() I have a JS function that works as a bookmarklet to change the case of text on the page, and now I'd like to be able to show an image when the bookmarklet is used.

  Read the article

• How to remove margin at top of table?

  - by George Edison

  I have the following HTML: <div></div> <table> <tr><td>Test</td></tr> </table> ...and the following CSS: div { /* nothing yet */ } table { margin: 0px; border-collapse: collapse; padding: 0px; } No matter what I do, there is still a gap between the table and the DIV. This occurs on Google Chrome 5.0.375.70 beta on Linux. (And it seems to occur on other Webkit-based browsers too.) How can I get rid of the space?

  Read the article

• Best Practices & Considerations when writing HTML Emails

  - by Jonathan Sampson

  I've been developing websites for over a decade now, but quickly found that many of my habits in developing for the web are useless when developing for email clients. This has caused me an enormous amount of frustration, so I thought I would ask a question that would hopefully surface the best practices and necessary considerations for others like myself who may find themselves designing for gmail, outlook, etc. from time to time. Example: <style>...</style> vs inline CSS. In short: what transfers over from the web-world to the email-world, and what doesn't.

  Read the article

• Why is display:inline killing IE 8.0 performance?

  - by monstermensch

  I have an image gallery based on this jQuery plugin: http://jqueryfordesigners.com/demo/slider-gallery.html This works really well in Firefox, Chrome and even IE 7.0, but when I try it with more than 50 images in IE 8.0 the performance is incredible slow. Just hovering over the thumbnail brings the CPU load to 100%. At first I thought it's a Javascript problem, so I used the IE profiler, but the results were normal. Next I checked the CSS and finally found the cause: .sliderGallery UL LI { display: inline; } This gets the thumbnails to align horizontally. If I chance it to display:block, performance is fine and the scroller is still working but obviously it looks funny, because the thumbs are aligned vertically. My questions: Why does IE 8 have this problem with many display:inline elements What can I do to solve it I'll gladly provide more information if necessary.

  Read the article

• Padding on A nested in LI in DIV does not size div correctly. Suggestions?

  - by Ben Dauphinee

  Tried removing the overflow hidden, but that does not seem to fix it. Suggestions? Relevent HTML and problem illustration here: http://mgc.selfip.com/bugscreen01.jpg Relevent CSS #nav{padding: 5px 0px; overflow: hidden; background-color: #7af;} ul#nav{white-space: nowrap;} #nav li{display: inline; list-style-type: none;} #nav li a{padding: 5px 10px;} #nav a{font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; font-size: 14pt; font-variant: small-caps;} #nav a:link, #nav a:visited{color: #fff; text-decoration: none;} #nav a:hover, #nav a:focus{color: #fff; background: #91db24;}

  Read the article

• mobile device - different background - media query not working

  - by AMC

  Live site. This is my first attempt at utilizing a different CSS for mobile devices vs. regular screens. To do this, I'm using- @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { background: url('img/background.jpg') no-repeat center center fixed; background-size: cover; height: 100%; } However, it doesn't seem to be working (I can only test on iPhones). Any ideas as to why that may be? I've also tried @media all to no avail.

  Read the article

• Problem with dropdown in IE8 Compatibility Mode

  - by bsmith95610

  Hello, I am having a problem with my site in IE8 Compatibility mode. Below is a URL where you get the basic idea of what my websites dropdowns look like. The dropdowns are done in CSS and when you hover over one dropdown the submenu for the dropdown expands under the dropdown to the right of it. It works correctly in Safari, Chrome, Firefox, and normal IE8. But when you go to compatibility mode it isn't working correctly. Any help would be much appreciated. http://jsfiddle.net/h5xZT/28/ Thanks

  Read the article

• border highlighting loop with jquery

  - by Tek

  I'm having trouble coming up with a loop that changes the border color of an image from black to yellow and yellow to black over x seconds. Then applying an interrupt to the loop when the image gets clicked on. I don't know where to start, can someone point me in the right direction? I think I may be using the wrong tools to properly write this. Here's what I've come up so far, though if there's a better way to write this, do share! for( i = 100; i >= 0; i--) { $("#imgid").css("border-color", 'rgb(' + i + '%,' + i + '%,0)'); } I'm having trouble picturing how I could combine two loops so that I can also count upwards as well so that it will turn into yellow and back to black. I also don't know how to go about controlling the amount of time it takes for that loop to execute and creating an interrupt when #imigid is clicked. Which is where I'm not sure how to write.

  Read the article

• print issue in safari

  - by designersvsoft

  I have used below css for select tag. select { vertical-align:middle; float:left; border:1px solid #cccccc; background-color:#F0F0F0; padding:2px; font-size:14px; height:35px ;} Here is the HTML version: <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> If I see the print preview, it is not good on safari browser. Please help us.

  Read the article

• right-to-left unordered list

  - by Crippletoe

  hi all, i am trying to make an unordered list to behave in different browsers. i have a 2 level list which i am trying to display horizontally in one line. on safari and firefox everything looks good. on IE (7) everything goes nuts for some reason, and only when i am trying to make the list go right-to-left. when i try displaying it left to right, all browsers behave. a simple example of what i was doing is here: http://www.g6pdrecords.com/svk/test.html the CSS is found in the . any ideas anyone? thanks

  Read the article

• Jquery draggable with zoom problem

  - by Manuel

  I am working on a page in witch all its contents are scaled by using zoom. The problem is that when I drag something in the page the dragging item gets a bad position that seems relative to the zoom amount. To solve this I tried to do some math on the position of the draggable component, but seems that even tho visually its corrected, the "true" position its not recalculated. here is some code to explain better: var zoom = Math.round((parseFloat($("body").css("zoom")) / 100)*10)/10; var x = $(this).data('draggable').position; $(this).data('draggable').position.left = Math.round(x.left/zoom); $(this).data('draggable').position.top = Math.round(x.top/zoom); Any help would be greatly appreciated

  Read the article

• hide vertical scrollbar

  - by Codeffect

  How to hide the vertical scroll bar of a Listbox that is present inside a div. <div id="lstQueriesDiv" style="overflow-y: hidden !important; overflow-x: auto !important; Width: 650px; height:167px;" > <asp:ListBox ID="lstQueries" runat="server" CssClass="cssLstQueries" Rows="9"></asp:ListBox> </div> css: .cssLstQueries{ Width:auto; } I want to hide the vertical scrollbar of the listbox not the the vertical scrollbar of the div.

  Read the article

• Dash surrounding text

  - by Brandon Hansen

  Given the above dynamically generated text (meaning that I can't just use an image), I am trying to recreate the design using just html and css selectors. I would like to just use a single h4 with the containing text, but am open to other solutions. I would prefer to not use absolute positioning, but again, if that is the only way, then so be it. I have tried surrounding with span tags, but those are inline elements that don't have an inherent width. The h4 will be nested within a div, though not always of the same class or id. Any ideas or resources to get me started?

  Read the article

• jQuery .width() and .height() strange behaviour

  - by Misha Moroshko

  Why in the following code .height() returns 95 rather than 100, while .width() returns 200 as expected ? HTML: <table><tr> <td id="my"></td> </tr></table> <div id="log"></div> CSS: #my { border: 5px solid red; } JS: $("#my").width(200).height(100); $("#log").append("Width = " + $("#my").width() + "<br />"); $("#log").append("Height = " + $("#my").height());

  Read the article

• DIV not sizing correctly when elements inside are bigger?

  - by Ben Dauphinee

  Tried removing the overflow hidden, but that does not seem to fix it. Suggestions? Relevent HTML and problem illustration here: http://mgc.selfip.com/bugscreen01.jpg Relevent CSS #nav{padding: 5px 0px; overflow: hidden; background-color: #7af;} ul#nav{white-space: nowrap;} #nav li{display: inline; list-style-type: none;} #nav li a{padding: 5px 10px;} #nav a{font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; font-size: 14pt; font-variant: small-caps;} #nav a:link, #nav a:visited{color: #fff; text-decoration: none;} #nav a:hover, #nav a:focus{color: #fff; background: #91db24;}

  Read the article

• How can I add a border to all the elements that share a class when the mouse has hovered over one of

  - by Siracuse

  I have a generated HTML file which has large blocks of text with span's sprinkled throughout it with generated class names: This <span class="21232">an example</span> of what <span class="332423"> I'm talking</span> about. There are span's with <span class="21232"> generated ID's </span>. Now, what I'm seeking to do, is if I hover over any of my spans, they will add a border to not only that span, but all other spans that share that same class. So, if I were to hover over the first span, it would wrap a border around "an example" and "generated ID's" because the first and third span share the same class name. I was pretty sure I couldn't do it in straight CSS. Is this possible using jQuery? If so, can anyone point me in the right direction for doing this as simply as possible?

  Read the article

• html vertical space between blocks appears

  - by cosmorocket

  Please have a look at this page www.pixeli.ca/issue. I have begun making a page layout using CSS framework 960.gs. My problem is that there is some strange space appears between block with top image and blue block with "hello" string. So you can see a green stripe there that shouldn't be visible at all. I tried different variants and have no idea what's wrong with it. I noticed that it happens only with the block with images inside them, but if there is only text, no space happens. Thanks.

  Read the article

• HELP! How can I display one style in Safari and a different style in Chrome?

  - by aWarner

  My client is starting to get antsy....so any help would be greatly appreciated. I am having issues with my secondary page header images shifting. It is displaying correctly in Firefox, I haven't been able to check in IE yet w/out access to a PC. It was displaying correctly in Chrome, but shifting in Safari. I added the "webkit hack" to write a specific css style for Safari, but once I did that....it started shifting in Chrome. What can I do to fix this issue?? http://airwavetelecom.net/beta/?page_id=2

  Read the article

• Oversize cursor in Firefox form with textbox background image

  - by Gogster

  Hi all, I have a webform with background images on the textboxes to give them a nice rounded corner. In Chrome the textboxes work as expected, however, if I view the form in Firefox the cursor appears to size to the height of the image, but the text is a normal size. Is there a way to override this oversized cursor? Here is the CSS of the textbox: .ed_form_textbox { width:319px; height:34px; margin-bottom:10px; padding-left:10px; background: transparent url( "/images/textbox.png" ) no-repeat bottom left; position:relative; border:none; } Thanks.

  Read the article

< Previous Page | 241 242 243 244 245 246 247 248 249 250 251 252  | Next Page >