css

element_to_drag & css, cannot drag element outside of div if overflow CSS set to auto

I have a list of items to be dragged and dropped to a list of slots on a page. This is working fine using drop_receiving_element and draggable_element. There is no limit to the number of possible draggable items, so I set "overflow: auto" on the div that holds them to add a scroll-bar. Now the item cannot be dragged outside of the div. ...

<div> height 100% isn't working in Chrome

I'm having a problem, which already searched the internet but can not solve. I have an iframe, and inside I have a page that is loading the following CSS. html, body { position:relative; height:100%; } .c1{ float:left; text-align:left; margin-top:1px; margin-bottom:1px; width:100%; } .c2{ float:left; text-...

Fill Screen with multiple DIVs

Situation: I am currently working on a website-design which requires me to fill up the entire screen with 60px x 60px DIVs. They are merely like tiles on a wall except that it is required to have that many of them, because each one has to get its colour changed to a random value upon hovering. Problem: If the monitor resolution changes,...

div/span and sprites

I am replacing most inline images on my sites with a sprite. The sprite class would contain some basic css: .sprite{ background-image:url(...); background-position:...; width: 16px; height:16px; } I saw that nesting div inside of an anchor tag is not a good idea. <a><div class="sprite"></div></a> I've tried to add sprites to span ...

Unable to highlight/copy text in iPhone Safari on mobile site

I have a mobile site which I'm testing on the iPhone, and unlike most other sites, I'm not able to hold my finger on the screen to get the 'copy' menu to appear (with the draggable handles to select an area to copy). Nothing happens at all on my site. I've tried adding the following to my style sheet but it hasn't made any difference: ...

css help, displaying image with div

EDIT: its a confirmation div box that when the user click on save button, you typicall see the confirming that they have receivied your inqury. and the div box look like this: "[image] We got your email, and you should hear from us within 24 hours." below is the code that i am using to display div with image but whats happening that,...

background image in textarea moves in IE7 ONLY

Hey, I am having some trouble with a textarea in IE7. When there is more text than can fit in the height of the textarea, the background image moves upwards. It is 100% in all other browsers (just IE7) Here is the page; the offending textarea is the message one at the bottom. http://www.nettunes.co.za/build/contact.php the search bar ...

Problem with container height

Hi everyone, thanks for you help in advance. I'm having a bit of a trying time with a container in a Google Webtoolkit app, for a vairiety of reasons I'm largely unable to control the html and inline CSS in this app so I'm having to find css only solutions to layout problems. In this case I have a div tag which needs to have 100% hei...

Flex 3 (with Flash Builder 4): font-family for button label CSS failed

Hi all, In my CSS, I have : @font-face { src: url("//assets/style/schneider/fonts/arr_____.ttf"); font-family: "ArialRnd Normal"; font-weight: normal; font-style: normal; } Button { fontFamily: "ArialRnd Normal"; fontSize: 14; } But, it doesn't work ... already Time New Roman is used. Pleas...

CSS Drop-down menu z-index issue

The current html and css is a bit messy being that the site is still in early beta and is being developed, but this menu will be used. http://beta.defiant-guild.net I have the header and slider both absolutely positioned within a relatively positioned container div. The order of the z-index stack I need from back to front is: header ...

Can you use regular expression in CSS img[alt=*]?

For the following image html: <img src="/some.png" alt="something" /> In CSS, you can target an img element with a specific alt value: img[alt="something"] { width: 5em; } How can I select all img elements with text in the alt attribute? I was thinking of something like: img[alt="*"] but that doesn't seem to work. Any ideas?...

Styles not cascading appropriately

I'm building a Wordpress theme, and I have these snippets in my style.css: #content a:link, #content a:visited, #content a:hover, #content a:active { color: #fff; } .entry-utility a:link, .entry-utility a:visited, .entry-utility a:hover, .entry-utility a:active { background: #fff; color: #111; } The problem is that all links, e...

Applying Css Style to Asp:Menu MenuItem

Hi, I'm essentially creating a vertical breadcrumb to create a website navigation for a mobile (iphone) website. Similar to maybe how http://news.bbc.co.uk/sport1/hi/football/default.stm works as you click into "Premier League" Using the Asp:Menu control and a SiteMapDataSource I am binding only the current levels links within the site...

Padding in <li>

see jsFiddle example here I'm applying padding-top to an li to try to align the text nearer to the bottom. But it's just making the li bigger, even though there seems plenty of room to fit the text. Any ideas? <ul> <li class="padded">x</li> <li>x</li> </ul>​ li { width: 25px; height: 25px; border: soli...

CSS 100% width on browser resize

Hi all I'm trying to build a layout using CSS and I'm coming up against a strange problem. Well strange for me. I have 3 divs a Header, a Footer and a MainContent area. Header and Footer must remain at a constant width of 100% while the MainContent area must be fixed centrally at 996px; This is all fine however when I resize the browser ...

If CSS Selectors are by #id, do you need to scope them?

If I have a structure like this: <div id="main"> <div id="sidebar"> <div id="tag-cloud"/> </div> </div> ... what's best practice for css: #main #sidebar #tag-cloud { ... } #tag-cloud { ... } Or if id='main' was instead class='main', would it be worse to scope? I'm just wondering, if you have ids, do you need to scope at al...

How to start a new line from JavaScript?

I have created this "shell" in jquery: Code: link text Demo: link text I need that every 100 chars, the prompt go in a new line below. How can I do this ? ...

How to custom text prompt in input tag ?

Is there a way ( with languages like css, html or javascript ) to custom the text prompt in input tags ? For text prompt I mean that vertical flashing line in the input tags. ...

Float in div tag dosen't Work in Firefox

In IE show correctly but in FF Doesn't Show correctly: <div class="main_div" dir="rtl"> <div class="outer_div" dir="rtl"> <div class="textformatting" dir="rtl"> <div class="inner_div"> text </div> <div class="inner_div"> Image </div> </div> </div> <div class="outer_div" dir="rtl"> ...

jQuery/CSS image issue. Opera only loading parts of the images for unkown reason.

Not that it's a surprise you encounter daily problems with Internet Explorer, but when you actually do it with a browser like Opera - it kind of throws you off the chair. I got most things working with Firefox, Chrome and IE (apart from the fact that fancybox isn't validating all the IE-fixes as green, but that's an issue for another ti...