Search Results

Search found 11550 results on 462 pages for 'css borders'.

Page 217/462 | < Previous Page | 213 214 215 216 217 218 219 220 221 222 223 224  | Next Page >

• Arranging image thumbnails

  - by Adi Mathur

  I am using JQuery hover zoom (http://jmar.github.com/jquery-hoverZoom/) Its working fine. The thumbnails that I have is of different sizes . So I stated using the masonry plugin for arranging it. Both of them work fine when isolated but collectively the masonry plugin doesn't work as intended. Pictures start to overlap each other. What I feel is that both Masonry and the JQuery hover zoom , interact with the same div element which causes the problem, Both are adding their attributes to it. How can I fix this ? Is there some way that I arrange the rows without the masonry? So that the conflict wont occur ?

  Read the article

• Different ways to use browser and system media resources

  - by utype

  Examples: <img src="system://media/icons/logo.png" alt="OS"> <style> img.browserIcon {background-image: url(browser://media/icons/logo.png); width: 16px; height: 16px;} </style> On Firefox you can access to some resources like this: <style> .button {background: transparent url(chrome://global/skin/button/startcap.png) no-repeat scroll left top} </style> Is it possible to access to rasterized font data or system sounds? Where can I get transparent 1px gif?

  Read the article

• What is the best lightweight way to randomly show inline images on each refresh?

  - by metal-gear-solid

  What is the best lightweight way to randomly show inline images from a folder on each refresh? using jquery.

  Read the article

• How to specify a style not to be overriden by styles specified in JS

  - by Ricky

  Hi guys: I got some elements whose style is dynamically modified by a JS. However, I hope one of which would not be modified. How could I specify its style, which is static, not to be overriden anyway. Thanks.

  Read the article

• How do I change the radio button icon in extjs?

  - by Matthew Sowders

  I have two Ext.menu.CheckItem's in a group. How would I change the checked item's disc icon to something else? I would like to retain the radio button functionality (only one selected), but have a check mark instead of the disc. var options = new Ext.Button({ allowDepress: false, menu: [ {checked:true,group:'labels',text:'Option 1'}, {checked:false,group:'labels',text:'Option 2'} ] });

  Read the article

• Add an easing to jQuery animate() function.

  - by user348250

  Hello! I'm triying to add an easing function to this code. So I replaced "swing" with "easeInOutQuint" (for example) but it's not working. I'm using jquery 1.4.2 and jquery easing 1.3 downloaded from here (http://gsgd.co.uk/sandbox/jquery/easing/) Any help will be greatly appreciated! Thank you! $(window).load(function() { $('.trigger').click(function() { $('.panel').animate({ width: ['toggle', 'swing'], height: ['toggle', 'swing'], opacity: 'toggle' }, 190, 'linear', function() { }); });

  Read the article

• SASS color array

  - by Eric Holmes

  I am trying to write a loop that will cycle through colors and condense the amount of code in my scss file. Here is a simple example of what I have: $color1: blue; $color2: red; $color3: white; $color4: black; .color1-bg { background-color: $color1; } .color2-bg { background-color: $color2; } .color1-border { border-color: $color1; } .color2-border { border-color: $color2; } And so on. I am looking for a way to make the equivalent of a foreach loop, and cycle through an 'array' of colours by index. Something like this: @each $color in $color1, $color2, $color3, $color4 { .{$color}-bg { background-color: $color; .{$color}-border { border-color: $color; } I know the syntax is wrong, but that is my thinking process. Thanks for the help!

  Read the article

• min-width not working even using hacks in ie7? (applied to a select)

  - by reg3n

  Hi, i'm trying to get min-width to work on ie7, funny thing is it works correctly on ie6 using this script http://code.google.com/p/ie7-js/ but it doesn't work on ie7 even with the ie8 or ie9 scripts from the same site, any ideas on how to make this property work on a SELECT input? thanks in advance.

  Read the article

• Columns of Equal Height with JQuery

  - by Sarfraz Ahmed

  Hello, Can we put JQuery to use to create columns of equal height? If yes, how? Thanks

  Read the article

• Making "helper" text in a form be a different color then typed text.

  - by aslum

  <input name="phone" type="text" id="phone" value="Phone #" onfocus="value=''"> I've got two problems here. The main one is I would like the helper text (in this case "Phone Number") to be a different color then the inputted text from the user, to make it easier for the user to differentiate between filled and unfilled fields. The second is that with this methodology (onfocus="value''") if you mistype something in a field and come back to it you have to retype the whole thing which isn't really acceptable.

  Read the article

• JavaScript/HTML: How do I display an IMG with a set dimension and if the image is wider or taller th

  - by NickNick

  I have a bunch of images that are guaranteed to have: minimum width = 200px maximum width = 250px minimum height = 150px maximum height = 175px What I want to do is display a consist 200px by 150px rectangle of the image while maintaining scale (no stretching or shrinking). Which means, I might have some overflow. How can I display the image so that it keeps porpotions to the original image size, yet displayed inside a 200x150 px window and hiding any overflow?

  Read the article

• How to get rid of box around linked image

  - by Earlz

  Hello, I know I've solved this problem before, but I can't remember or find the solution, so here I am... In Firefox 3.5 this code causes an undesirable blue border around the image. How do I get rid of this blue border? <a style="text-decoration: none;" href="index.html"> <img src="http://www.google.com/logos/stpatricksday10-hp.gif" /> </a> http://jsbin.com/umuzo3

  Read the article

• Applying Wrapper class to <div>..

  - by Qutbuddin Kamaal

  hi, here is my UI design <div> <ul> <li> <a></a> </li> </ul> </div> text for anchor will be set on run time..can be of any length and I dnt want text to be get wrap..any idea how can I solve this..actaully I am creating a menu...

  Read the article

• Balanced text wrapping in HTML

  - by Jen

  In HTML, is there a way to evenly distribute text that is broken across multiple lines? E.g., I don't want: Here is some really long label that ends up on two lines. I'd prefer: Here is some really long label that ends up on two lines.

  Read the article

• How do you make a good web site design

  - by Hector Villalobos

  What resources do you use to make a good and beautiful web site design? Do you use templates? What patterns you use? Are there any web site with good resources and ideas?

  Read the article

• jQuery drawing and modifying lines and positions

  - by Chris

  I want to allow people to select a feature region on an image using jQuery. This should work similarly to the Facebook tagger except once someone "tags" an area of the image an ellipse should appear with the ability for the user to rotate and scale it. How can I achieve this using jQuery?

  Read the article

• li + float crashes IE6

  - by DMin

  I know. The dreaded ugly browser we don't want to support, but, it seems it couldn't be simpler to crash this thing. The URL The images gallery is a Joomla Plugin(Sigplus) and works fine with all other standard browsers. In IE it was not showing correctly, all the images were showing in one line vertically one below the other. But the browser would not hang or crash and the gallery worked as well. This is a Joomla plugin and I didn't want to mess with how it works, so, for IE I added a simple rule in the header : <!--[if lt IE 7]> <style> li { float:left; margin-right:5px; } </style> <![endif]--> This fixed the issue and the gallery shows up as it should. But, as you scroll down, as you reach the last row of images IE hangs and crashes. I tried deleting the last 5 images thinking it was something to do with the images themselves. But now it hangs on the current last row and crashes. Know what it could be?

  Read the article

• Adding padding to HTML elements - IE, FF, Chrome etc.

  - by NLV

  Hello I've a doubt. Lets consider that we have a div of width 200px. If i add the following the style style="padding-left:10px; padding-right:10px" to the element what happens actually? Will the total width of the div increases to 220px with 10px at the left (for left padding), original width 200px at the middle and 10px at the right (for right padding)? Or will it takes the padding space from the 200px and becomes (10px + 180px + 10px)? Does the above rendering differs for each browser (especially IE and FF)? Thank you NLV

  Read the article

• Arrange dynamic content horizontally

  - by manndaar

  Hello, I have a page where dynamic content arranges vertically one below the other. Content is small boxes & I want to arrange them horizontally next to each other. How can I achieve this ? Thanks.

  Read the article

• Responsive grid, floated elements move underneath one another when min-width is reached

  - by Francesca

  I'm in the process of creating a responsive site (currently only working on the main content.) I've created two floated divs with percentage based widths. One contains an image which resizes with the browser resizing. The image has a min-width of 100px. Can anyone tell me why when put into a mobile sized width it doesn't drop down? How can I make the image stack underneath the text? JS Fiddle Live site

  Read the article

• What is the difference between Wordpress Theme and Wordpress Theme Frameworks?

  - by metal-gear-solid

  What is the difference between "Wordpress Theme" and Wordpress Theme Frameworks? In terms of technicalities, Custom theme making workflow, File and folder structure, Anatomy.

  Read the article

• Is there any cons to emulate IE=EmulateIE7 site rendering in IE8 as IE7?

  - by metal-gear-solid

  Or i should render as default(IE8)? <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> My purpose is to make site compatible with IE8 also.

  Read the article

• SASS mixin for swapping images / floats on site language (change)

  - by DBUK

  Currently using SASS on a website build. It is my first project using it, tried a little LESS before and liked it. I made a few basic mixins and variables with LESS, super useful stuff! I am trying to get my head around SASS mixins, and syntax, specifically for swapping images when the page changes to a different language, be that with body ID changing or <html lang="en">. And, swapping floats around if, for example, a website changed to chinese. So a mixin where float left is float left unless language is AR and then it becomes float right. With LESS I think it would be something like: .headerBg() when (@lang = en) {background-image:url(../img/hello.png);} .headerBg() when (@lang = it) {background-image:url(../img/ciao.png);} .header {.headerBg(); width: 200px; height:100px} .floatleft() when (@lang = en) { float: left;} .floatleft() when (@lang = ar) { float: right;} .logo {.floatleft();} Its the syntax I am having problems with combined with a brain melting day.

  Read the article

• Is there a way to prevent a string of letters with no spaces from overflowing out of its correspondi

  - by Scarface

  The question is pretty straight forward, I have tried using a span with rules set to clear:both; and display:block;, at the bottom of each list entry where the text is being inserted in with no luck. I am not really sure what to do on this. I don't expect to many entries with long consecutive letter strings but for example if someone does lolololololol or ahaahahahhhhhhhhhhhhaaaaaaaa for like 100 letters, it will overflow. If anyone can give me a pointer I would really appreciate it.

  Read the article

• Keeping floated divs inline

  - by Elliott

  I'm having trouble getting my layout working correctly, I have a main div and a sidebar div these are both float: left if the screen size is resized or if its viewed on screen smaller that what I have designed on (1920x1080) then the sidebar div drops below the main content. I tried placing a wrapper around each div, but this has no effect. <div id="header"> [Header] </div> <div id="content"> [Content] </div> <div id="sideBar"> [SideBar] </div> <div id="footer"> [Footer] </div> body { width: 100%; color: #000000; background-color: #000000; margin: 0; padding: 0; } #header { width: 100%; height: 110px; background-color: #336699; color: #FFFFFF; margin: 0px; padding: 0px; } #content { float: left; margin-left: 50px; width: 70%; height: 700px; margin-top: 40px; padding: 30px; background-color: #FFFFFF; margin-bottom: 40px; } #sideBar { float: left; margin-left: 50px; width: 15%; height: 400px; margin-top: 40px; padding: 30px; background-color: #FFFFFF; } #footer { width: 100%; height: 80px; background-color: #174555; margin: 0px; padding: 0px; color: #ffffff; clear: both; } Basicly both div's should resize until a certain size is reached, then scrolling should be enabled. I'm pretty sure I have done something simple wrong but i'm not much of a design person. Example can be shown here : Link Thanks for any advice :)

  Read the article

< Previous Page | 213 214 215 216 217 218 219 220 221 222 223 224  | Next Page >