Search Results

Search found 18539 results on 742 pages for 'css menu'.

Page 208/742 | < Previous Page | 204 205 206 207 208 209 210 211 212 213 214 215  | Next Page >

• Why would this div have an unnecessarily large computed height?

  - by Mike Crittenden

  Link: http://www.fraynepainting.com/services The problem is that div#dditem_2 (the div with the "Take a look..." text) is getting a computed height of around 500px for no reason that I can find in the CSS, which is pushing the UL below it down really really far. I discovered that if you set display: none or position: absolute (or anything else that removes it from the flow of elements) on the sidebar, then the bottom UL moves up like it should, so it looks like maybe the UL is trying to clear the sidebar, but I can't figure out why that would be either. I've reproduced the problem in Firefox and Chrome so far. Any ideas?

  Read the article

• Using vertical-align on an element with background-image

  - by bobo

  <style type='text/css'> #span1{ background-image:url("http://www.reoiv.com/images/rss.jpg"); background-repeat:no-repeat; cursor:pointer; display:block; float:left; height:15px; width:15px; vertical-align:text-bottom; } </style> <span id='span1'></span>???? What I would like to do is to achieve the vertical align: text-bottom effect but I am not doing it on a image element. I am doing it on an element with background-image set. If you paste the above codes here: http://htmledit.squarefree.com/ You will see that the text failed to vertically align to bottom. I would like to know how it can be done without adding extra html element if possible. Many thanks to you all.

  Read the article

• Inscribe and center an image within a frame

  - by Brennan Roberts

  Given a div of arbitrary aspect ratio, what's the best way to place and style an image (also with an arbitrary aspect ratio) inside such that: It is both inscribed and centered Its dimensions and position are set using relative values so that the image will remain inscribed and centered automatically when the frame is uniformly scaled (javascript should only be required when the image is initially inserted, or if the frame's aspect ratio changes) Extra markup is minimized Here's the result we want: Here's a fiddle template, which is just: Markup Should pillarbox <div class="frame"> <img src="http://www.placekitten.com/200/300" /> </div> Should letterbox <div class="frame"> <img src="http://www.placekitten.com/300/200" /> </div> CSS .frame { width: 200px; height: 200px; border: 2px solid black; margin: 10px 0px 100px 0; }

  Read the article

• Fit <TD> height to page

  - by ssg

  Consider a table with three rows with heights 10, *, 10. I'd like the middle cell to be high enough to fit to the page vertically. Unfortunately "height:100%" doesn't work at table, tr, or td level, possibly due to standards. Even if it happens to work, I don't want 100%, I want 100% of clientHeight-20px :) I can always write script to calculate remaining clientHeight but I wonder if it can be achieved in HTML/CSS standards. NOTE: I'm using table just for layout, if there are other ways to lay them down in a better way I'm ok with those approaches too.

  Read the article

• Building static nav in concrete5

  - by hollyb

  I've inherited a site built with the CMS concrete5. I'm just starting to dissect it but was hit with a wicked short deadline on a complete overhaul to the nav. So, I want to build out a static nav and then go back when I have more time and integrate it with the auto-nav. Does anybody have experience working with concrete5? If so: Where would I drop my custom static nav? Is it possible to select it from the admin (so that the current one is still available if the client wants to switch back via the admin)? Thanks!

  Read the article

• Put an X on the topright of a div without making the top clickable

  - by acidzombie24

  I have a rect and have an X on the top right with items inside of it. The div with the X is clickable. The problem is the whole top area is clickable and not just the topright (the 'X') as i wanted. How do i make only the X clickable and still align to the right? my css is .itembox { float:left; } .itembox .RemoveMediaNotif { text-align: right; text-decoration:underline; cursor: pointer; } my html is <div class="itembox" id="i16"><div class="RemoveMediaNotif">X</div><div ...

  Read the article

• Make input field background image disappear after text is inputted

  - by aslum

  I'd like to make the background image for my input field disappear once the user has typed any amount of text in it. Is there a simple way to do that in javascript? I can get it so the bg disappears while the field is focused, but then it returns once they move on to the next field. HTML: Call me at <input name="phone" type="text" class="phone-field" id="phone"> CSS: .form input { background-color:transparent; } .form input:focus { background-color:#edc; background-image:none; } input.phone-field { background-image: (url/images/phonebg.png); background-repeat: no-repeat; background-position: left 1px; }

  Read the article

• Remove the white text shadow from disabled links in IE8

  - by mancub

  We are using Ext JS for an application in work, building a custom theme for it. We currently have a dark colour scheme including menus with dark backgrounds. In some of the menus some of the links are disabled at certain points, which all perfectly. However IE8 seems to add a sort of white text shadow, which I am sure is normally fine but as the text is light grey and the background is dark grey the white text shadow makes it look blurry and even makes the other enabled links more disabled as they look darker. Does anyone know of a way to remove the text shadow (I realise it is not css text-shadow as IE does not support it).

  Read the article

• jquery Cycle plugin conflicing with custom script

  - by jeerose

  I have a site in development here: http://bit.ly/diWSgT Scenario: My custom script looks at the viewport size and if the menu and logo are not in view, animates them up into view (just re-size your browser window to test if you like). That works fine. I also have the every wonderful jQuery cycle plugin in use via WP-Cycle for Wordpress. The problem: As you can see by checking out the site, using my slide up/down button buggers with the cycle function, particularly when you click the button while on the second image. Any thoughts as to why this is happening would be great. Thanks.

  Read the article

• Why are these divs overlapping?

  - by acidzombie24

  I putting wmd on my website. After putting code in and giving it a spin i see this image below. How can i make the preview div not overlap with the textarea? -edit- the black is the css background of div wmd-preview some html <div id="wmd-editor" class="wmd-panel"><div id="wmd-button-bar"></div> <textarea id="wmd-input" name="body" rows="10" cols="89"></textarea> ... </div></form><div id="wmd-preview" class="wmd-panel"></div>

  Read the article

• Resizing JPopupMenu and avoiding a "flicker" issue

  - by Avrom

  Hi, I am trying to implement a search results popup list similar to the style found here: http://www.inquisitorx.com/ (I'm not trying to implement a Google search, I'm just using this as a rough example of the style I'm working on.) In any event, I am implementing this by using a JList contained within a JPopupMenu which is popped up underneath a JTextField. When a user enters search terms, the list changes to reflect different matching results. I then call pack on the JPopupMenu to resize it. This works, however, it creates a slight flicker effect since it is actually hiding the popup and showing a popup. (See the private method getPopup in JPopupMenu where it explicitly does this.) Is there any way to just get it to just resize itself (aside from using a JWindow)?

  Read the article

• Variable height header with scrollable content area filling remaining viewport area

  - by Neutrino

  I've seen versions of this simple problem raised a dozen times here and elsewhere on the web, but I haven't seen a solution that works for me yet so I'm asking it again. I want a webpage with a variable height full width header (height based on contents). Below that I want a content area that fills the rest of the browser viewport. If the content is larger than the remaining space in the viewport then I want the content area to scroll. I don't need this to work on IE6. I don't care whether the solution uses CSS, tables or a mixture of the two, just no frames and no Javascript. For a bonus point fix a variable height footer to the bottom of the page.

  Read the article

• After reading this article I'm thinking to move eric meyer reset to global reset, would it be wise m

  - by metal-gear-solid

  After reading this article I'm thinking to change my css reset from eric meyer reset to global reset * {margin:0;padding:0} or thinking to use like this only body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, a { border: 0 none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; text-decoration: none; vertical-align: baseline; } table { border-collapse: collapse; border-spacing: 0; } li { list-style: none; }

  Read the article

• Jquery, get div width when overflow: hidden;

  - by Fabio

  Hello all. How can I get a div width when the div is inside another div with "overflow: hidden;" ? I tried to set overflow as auto and after using $("#divselector").width() but I always get the parent div width! Ex: html: <div id="content"> <div id="item">content content content ...</div> </div> css: #content { width: 760px; height: 100%; overflow: hidden; display: block; position: relative; cursor: move; }

  Read the article

• Rounded Corners Image Change on Hover

  - by Sarfraz

  Hello, I created a rounded box/button and sliced its first corner, the middle bar (which repeats horizontally to adjust the width of the button text/content) and the last corner and used following markup: <div id="left-corner"></div> <div id="middle-bar">About Us</div> <div id="right-corner"></div> These divs have corresponding images from CSS and are floated left. Those three divs create a single rounded button wiht text About Us which is fine. Problem: I have also created similar three slices of hover images but I wonder how to apply hover to those buttons because if I use :hover with these hovered slices, then even hovering on corner images also creates hovering effect. One alternative is to use fixed width buttons and slice buttons completely but I do not want to do that.

  Read the article

• Replacement background image not showing when using GreaseMonkey

  - by Dave C

  I'm trying to use GreaseMonkey to replace the background image of a DIV on bing.com. It's a pretty straightforward call to GM_addstyle: GM_addStyle(".sw_logo " +"{background:url('http://www.kpao.org/blog/kpao-bing-logo-inverse.png') " +"no-repeat 21px 7px transparent}"); However, the image doesn't show up. It's clearly visible in Firebug, and as I twiddle with the CSS in Firebug, I can get it to show up. But it doesn't stay. Any thoughts on why? Maybe it's a bug, but then maybe I'm missing something obvious. Thanks!

  Read the article

• Workaround for floats in DOMPDF

  - by alex

  DOMPDF does not support floats. However I am listing many tables, and they are mainly key & value pairs. I would like 2 of these tables to appear side by side. i.e. if I could use floats HTML <table id="stuff"> ... </table> <table id="other-stuff"> ... </table> CSS table#stuff { float: left; } table#other-stuff { float: right; } What sort of workaround can I do to support this? Or is it impossible?

  Read the article

• How to do browser detection with jQuery 1.3 with $.browser.msie deprecated?

  - by Darryl Hein

  How should browser detection be done now that jQuery 1.3 has deprecated (and I'm assuming removed in a future version) $.browser.msie and similar? I have used this a lot for determining which browser we are in for CSS fixes for pretty much every browser, such as: $.browser.opera $.browser.safari $.browser.mozilla ... well I think that's all of them :) The places where I use it, I'm not sure what browser issue is causing the problem, because a lot of times I'm just trying to fix a 1 px difference in a browser. Edit: With the new jQuery functionality, there is no way to determine if you are in IE6 or IE7. How should one determine this now?

  Read the article

• My image isn't changing on my website when I move my mouse over it.

  - by Sergio Tapia

  Here's my .html file: <hmtl> <head> <style type="text/css"> .button{ background: url('images/1.png'); } .button:hover{ background: url('images/2.jpg'); } </style> </head> <body> <img class="button" src="images/1.png"> </body> The files are set correctly in the correct folder; but it just refuses to work. What am I doing wrong?

  Read the article

• how to fit the background image to the containing anchor element?

  - by Lina

  Hi, I'm trying to design a link with an image background, question is if the image is too large, how do i fit it to the width and height of the anchor using css? <a href="#"></a> <style> a { display: block; padding: 5px 12px; border: 1px solid black; width: 10px; height: 10px; background-image: url('/Scripts/images/downarrow_blue.png'); } </style> tia, Lina

  Read the article

• How can I select this element?

  - by Kyle Sevenoaks

  Hi, I have code blindness, it's like snowblindness, just wth far too much code. I have a div class dynamically generated, <div class="even last"> How can I select that with CSS? div.even last { background-color:#ffffff; height:100%; border-top:1px solid #F5F5F5; padding:2px; margin-top:35px; } Doesn't seem to work, and I just can't think more.. Thanks :)

  Read the article

• margin at the top that i dont want

  - by Luke

  For some reason, I am getting a gap at the top of the page. The html: <body> <div id="main"> <div id="topcontainer"> <div id="topmenu"> asdasdsa </div> </div> The css: body { background-color:#FFF; font-family:Arial, Helvetica, sans-serif; } #main { width: 1024px; margin: 0 auto 0 auto; } #topcontainer { height: 80px; } #topmenu { height:40px; background-image:url('../siteimages/topmenu.jpg'); } #secondmenu { height:40px; } There is just a small amount of white space at the top, any ideas?

  Read the article

• simple div containing span won't size correctly

  - by brad

  I thought I was pretty knowledgeable about CSS but this simple problem baffles me. <div><span>sample text</span></div> results in the div's height being smaller than the height of the span if the span has padding. I realize that there are ways to use "float" to make the div size correctly, but floats always seem to introduce undesired side effects. Isn't there a clean simple way to tell the div to size to fit its contents? Seems pretty basic to me. Maybe I'm missing something.

  Read the article

• StackOverflow Site Layout Problem in Chrome

  - by Laramie

  I was cleaning up one of my questions here and noticed that Stack Overflow's comments were overflowing into the right column in Chrome. The question is, what's the difference in CSS handling between Chrome and Firefox. I don't have access to Safari, Opera, et al. Can someone tell me in which browsers the error manifests? Is it just me? Here's the layout error: (my apologies to Tim Down for covering up his name with my comment bubble) Since I have no natural skill for good layouts and the whole process makes me sad, I wonder if someone can diagnose the error on StackOverflow and make a recommendation on how to avoid it. Is this a consequence of embedding a div inside a td? Plus I admit it. It's fun to point out an error on one of the greatest sites ever.

  Read the article

• How can I create personalized menus in WPF?

  - by Erik Vullings

  I'm working on an XmlEditor (similar to XmlNotepad, but using WPF) in which I want to implement personalized menus. I.e. only show the most popular MenuItems on first open, and show all MenuItems when the user explicitly asks for it, either by clicking on the double arrow at the bottom or waiting for a certain amount of time. I'm specifically looking for feedback on how I should approach this problem: any thoughts are appreciated!

  Read the article

< Previous Page | 204 205 206 207 208 209 210 211 212 213 214 215  | Next Page >