The following behaves exactly as I expect it to in Firefox and Safari, but the solution for Internet Explorer eludes me. The Issue: Non-IE browsers show the container properly pushed away from the sides of the viewport. IE however, maintains a strict 100% height on the container (presumably based on a parent of that container) and inste...
The default weight of 1px for line-through property in CSS is great for body copy at 1em. Unfortunately for larger items such as a price set at 3em on an offer site, 1px is really too light. Is it possible to set a heavier line weight for line-through? If not, what alternatives should I consider, such as an image overlay for example? ...
Hi, I have the arrangement below. My question is, why won't the first div tag align to the top of the cell, instead it moves down to the top of the image (both ie and firefox etc.)? Absolute positioning will not work as it appears that the div will not recognize the td cell as its parent and instead moves to the top of the document. ...
I am experimenting with changing some stylesheets from javascript I have come across a strange issue: When I set an attribute on a style rule it silently fails in Firefox if the property is one of their proprietary ones. I have made an example demonstrating the issue (live example): <html> <head> <style type="text/css"> div { margi...
I have a following element (Login box): <input type="text" style="font-family: Verdana; font-size: 11px; width: 180px;" id="ctl00_Content_ctl00_Login2_UserName" maxlength="50" name="ctl00$Content$ctl00$Login2$UserName"> Because I have a Firebug, if I right click on on the element it gives me XPath address (//*[@id="ctl00_Content_ctl00...
Browsing the boilerplate code at http://html5boilerplate.com/ I'm puzzled at this usage: <link rel="stylesheet" href="css/style.css?v=1"> thx ...
i have a long MULTILINE text inside a div box and I want to truncate it and put an ellipsis in the end. I thought of truncating it based on characters but when I switched browser (from chrome to firefox), firefox renders the text thicker. :( Can you help me with this? ...
i have this rewrite rule for my urls, it deosnt seem to acess the css and images, why? :)) orginal url its working: http://www.example.co.uk/viewprofile.php?user=muna rewrited url, this deosnt work: http://www.example.co.uk/user/muna htaccess code: RewriteEngine On RewriteRule ^user/([^/]*)$ /viewprofile.php?user=$1 [L] my css ...
Hi guys, I'm trying to repeat an image I have by x and y, using repeat-all. The image isn't displaying. Here is the CSS code: body { background-image: url('Content/images/test.png') repeat-all; } I'm sure the CSS file is linked correctly, here is the Content folder of my application: Any help? ...
Using Google's Chrome Developer Tools, I sometimes run audits on my code to see how it is coming together. One of the suggestions those tools always make is "Removed Unused CSS Rules". Clicking on the arrow then shows a usually huge list of the CSS rules that are not being used by the current page. Is there a way to see a list of what C...
I've got list items where a rollover image exceeds the bounds of the list item. Is this possible without the image being clipped? List item rollover graphic: Result: Current css: ul.nav a, ul.nav a:visited { padding: 5px 5px 5px 15px; display: block; clip:none; } ul.nav a:hover, ul.nav a:active, ul.nav a:focus { ...
I reference to CSSDoc specification and want to generate comment documentation from css file. The first thought used phpdocumentor tool. When execute phpdoc -o HTML:frames:default -f main.css -t docs command, i got "File not parsed,not a php file" error message. Please tell me how to generate documentation from css file by auto-document...
Hi guys, I'm building a website using YouTube's chromeless player, but I'm facing an IE bug. I put a mask on the video as the client wanted it to be a hand drawn TV, so right now I have a transparent PNG sitting on top of the actual flash object so I'm able to see the video but with a nice frame around it. I also managed to put a play b...
I have the following HTML markup and I want the menu div tag to always be 5px away from the bottom border of the parent container. I can manually through trial and error position it using margin-top, but if I were to change the logo or modify the div size I'd have to change this value again using trial and error. A much better solution ...
I'm trying to simulate a shadow on a div I have by creating a div called headerShadow and setting it's background color to Black. It's not showing though, here's the code: #header { background-image: url('images/headerBackground.png'); background-repeat:repeat; width:auto; } #headershadow { color:Black; height:10px...
My HTML is simple, I have a content area that wraps around everything and inside it I want three columsn. Two of them have to have fixed widths, and main content area should be flexible. I wonder what I'm doing wrong - EDIT here is the complete code sorry if it's a bit long!: <%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMaster...
in how many languages /* ........... */ work as a comment? other than CSS ...
In my spare time am trying to learn javascript & jQuery. I generally experiment on a website. I want to achieve a faint shadow-effect when some element appears on the page. This gives - This appears as if the element is above other elements on the page. and makes this new element something important to look at. How can I get this us...
I have tried to use jquery, but could not override the width property of the .gridHeader class. I'd like to fix (let's say 100px) the width of the first column in the table. <html> <head> <style> html, body { font-family:Tahoma; font-size:11px; } .grid { ...
I have a div set to the css class float with float being: .float { display:block; position:fixed; top: 20px; left: 0px; z-index: 1999999999; } * html .float {position:absolute;} This class causes the element to stay in a fixed position on the page (the *html part is to make it work in IE). I am using javascript to shift the position...