This has always bugged the hell out of me. Why are lists like this? If you set margin and padding to 0, you would expect it to align normally at the left where the text around it would be, but no. That's where the text within the list item tags begins, then it renders the bullets and/or numbers to the left of that, overlapping borders et...
Here is my HTML: <p> Ut molestie venenatis enim mattis cursus. Duis lacinia mauris nec nulla rutrum condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin et felis mi. Ut posuere, eros in vulputate auctor, ante dui egestas metus, in pulvinar dolor mauris eget enim. Fusce in n...
A simple (one might think!) question to all CSS gurus: I would like to shrink a DIV snugly around an IMG. The IMG is 600 x 800 and I needed it much smaller. So I go {height: 100%; width: auto;} and constrain the height via a wrapper DIV. However, to maintain the (unknown to me) AR, I cannot fix the width on the DIV. I tried to set t...
I'm working on a tricky design with several layers, and it requires me to layer a div between two other overlapping divs in a separate container. Here's my simplified example which works in Firefox, but not IE6 (which is of course the client's browser of choice): http://dawnup.com/sandwich Source: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT...
Hello, <div id=outer> <div id="copyright"> <span id="yr">© 1965 - 2010</span> <span id="f"></span> <span id="d"></span> </div> </div> I want the #copyright to be at the bottom of #outer Here is the css for #copyright #copyright{ position:relative; margin-bottom:0px; width:672px; height:20px; color:#...
Hi All, I m getting a problem while embedding a font in my web site i m using a css3 rule of font selector code is @font-face { font-family:'VoltaEFTU-Regular'; src: url(/fonts/VoltaEFTU-Regular.ttf) format("truetype"); } .sample { font-family: 'VoltaEFTU-Regular'; font-size: 10em; } I put my volta font in truetype forma...
Hi, The following piece of code does not work on FF and Chrome but works on IE. I want to replace this part to make sure it works on all browsers. Anybody, any idea? Code below: <td width="50%" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#163866,endColorStr=#8bc9f3); HEIGHT: 38px;"> ...
I have a large set (over 300) of C# ASP.NET pages *.aspx and controls *.ascx, which are littered with inline CSS styles. My task is to extract those style into a CSS file. So I'm looking for a tool to simplify the task of manually extracting this inline styles and replacing them with class="" statements. Now I know this is not the idea...
Hi, The following piece of code does not work on FF and Chrome but works on IE. I want to replace this part to make sure it works on all browsers. Anybody, any idea? Code below: <td width="50%" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#163866,endColorStr=#8bc9f3); HEIGHT: 38px;"> ...
I have a different asp.net web form with controls css width height in %. But i still have a problem with the design. CSS .contentPanel{ padding:10px; overflow:auto; height: 80%; width: 100%; } I have table , textbox combobox ect inside the "contentpanel" div. i have here about jsquery can any get a link for t...
Hi, How zend framework avoid html duplication? Example of html id duplication: <div id="edit-form">first div</div> <div id="edit-form">second div</div> Case1: page that user can add same forms/subform/etc.. by himself controller action example: function indexMyAction(){ $form1=new MyForm(); $form2=new MyForm(); $form3=new MyFo...
Hello! A have something like that: It's OK but i want to add some Title block at the top of Content. So it can be look like that: I don't know what Title height will be, because there will be some dynamic content. How to solve this problem? ...
IE is not able to handle more than 4096 css rules. This limit is biting me. So I'm looking for a tool that can identify duplicate css rules and merge them. Doesn't matter much if the result is bigger in size, the point is to have less css rules. This is not a css compressor question, but a css rules number reduction question. ...
Are html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, img, strong, dl, dt, dd, ol, ul, li, fieldset, form {background:transparent;} and body {background:transparent;} same thing? ...
How i can do a alignement of table div inside div to align=center ...
I am having a problem with margins / line-height in one of our websites. You can take a look here: http://c5.abatec.es/sobre-esferalia I am using a Jquery script to create a Drop Cap effect in the first letter of each sections, that adds a class to them. There are two types of dropcaps, as you can see. Google Chrome is not rendering th...
I am in need a link that will flash every 500 milleseconds, for a duration of 5 seconds... I remember long ago having a link like this, but deleted it because one could only click it when it was visible. Is there a workaround for that? ...
Is possible to change scrollbars' style for all browsers? If it is, how? ...
Hi, I need to use, for example, star-symbol(★) as a bullet. I have read the CSS3 module: Lists, that describes, how to use custom text as bullet, but it's not working for me. I think, the browsers simple does't support ::marker pseudo-element How to do it, without using images ? ...
Unless it's not supposed to but I can't seem to get nth-child to acknowledge the class selector. I have say 4 divs inside another div, all of various classes and ids. I need to select the first instance of a div with said class. For example: #content .foo:nth-child(1) { margin-top: 0; } And obviously again with first-child to get the...