This is my font-face declaration I have used. @font-face { font-family: SolaimanLipi; src: url("font/SolaimanLipi_20-04-07.ttf"); } This is working perfectly in Firefox but I'm getting wrong with chrome. After 'inspect element' i got the following message: Resource interpreted as font but transferred with MIME type application/octe...
Hello, I've a white fieldset on a blue background. I didn't apply any padding inside the fieldset, but it looks like there's a 5px padding applied for all the other browsers: Except for Internet Explorer. If I apply 5px, then IE looks fine, but there is too much padding for the rest of the browsers. Seems like they add up. That's the m...
This seems simple enough, but I can't get the background color of my list items in a sliding door menu in css to change. I've changed the left border (to green) and the text of each list item (to white), but I haven't been able to change the background color. Here's the code: .slidedoormenu { list-style-type: none; margin: 0; ...
A html/CSS problem, if someone would be kind enough to help... I have the following CSS and code for my new menu, but IE8 renders triple the amount of space between lines of text in the menu (span big and small). When I use text-indent on the sub menu items instead of margin, that's when it plays up. IE7 is fine, as is Chrome, Firefox ...
Probably a dumb question with a simple answer but I can't seem to find a solution I want a parent div to stretch when the child table width goes beyond page width example: http://www.internetmotors.lv/public/table_div_stretch.html what would be the best css solution for this ...
Folks, Is it possible to increase the width of scroll on a DIV element placed inside the BODY.( I am not talking about the default scrollbar on the browser itself, This page runs in full screen mode and hence Browser scrollbar never come into picture, the inner DIV element has its own scrollbar.) ...
I am looking for a click based single select list. Instead of the normal drop down list, I want an overlay menu (similar to how we see on facebook when we change privacy settings, the single select list that appears). Is that CSS based or any code examples to creating a similar list? All the lists i found of the net are hover lists not s...
example here: http://demo.cybercsi.com/tests/InlineBlock.html code: <div style="background-color:red"> <div style="display:inline-block;background-color:green;height:20px;width:20px;"></div> </div> <div style="background-color:yellow"> <div style="display:inline-block;background-color:green;height:20px;width:20px;">hi</div> </div> Wh...
I have a number of items with different values. I'd like to represent each item as a square with its size corresponding to its value, where each square is a component of a larger square. All the squares of different sizes fit together to make a larger, perfect square. Is it possible to do something like this with HTML/CSS? Does anyone k...
Is it possible to add a block of css that I only want to be displayed in Safari and no other browsers? ...
I have two divs placed inside a larger div. Each one of these two divs contains dynamically generated content and thus their heights vary, so I cannot know which one of the two will be taller. The parent div they are placed in has a 1px border and I would like to have 1px line between these divs as well, so that the line extends all the...
I'm looking for a javascript/css tooltip that can do the following: Shows up when you hover over some page element (such as a help icon.) Repositions itself based on the browser window (for example if it's on the far right of the page, it will show itself to the left of the page element, otherwise it'll show to the right of it. That wa...
So here is my CSS problem with IE 8 I have a parent div and 2 child div. i want the parent divs width to be increased based on the width of the inner -child div's.It works well in firefox,But in IE8,the first child div's width going to the enitire page width when i have a float:right for the inner element of that div. My HTML markup <...
I have a menu of list items in the left 'div' of my web page. I am currently selecting one of the list items and opening a new web page. I would like to have the content displayed in my center 'div' when the list item in the left 'div' is selected. How can I accomplish this? I have the list items in 'col2' (on the left) and I'm posti...
I know I can just use a master page, but what markup do I use on the master page to always have a header at the top and a footer all the way at the bottom using some CSS code? ...
How do you re-instantiate an already declared base64 data url image without having to re-insert the base64 code on the same page?(preferably with css) I tried: <html><head> <style type="text/css"> img.wink { width:15px; height:15px; src:"data:image/.gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9...
Can css be applied to controls of the page.aspx? To anything and everything? ...
I have a 70 by 50 px box and I have various images, (SVG files, so no size) I want to keep their aspect ratio, but some images are portrait and some are landscape sized. So I can do: background-size: 70px auto; and that will work for all the landscape icons. But it will stretch the portrait images and make them taller, so they will st...
Hi all, Basically, what I would like is a fixed header, frozen pane, table, such as, http://www.cssplay.co.uk/menu/tablescroll.html. However, his tables have one key weakness. The header will not scroll horizontally with a body. Here is a sample, based off the link above. However, the header clearly does not scroll left and right ...
What CSS measurement unit should I use for the dimensions (widths, heights, margins, paddings, fonts, etc.) of an embedded HTML resource that should run both on iPhone and iPad? Or should I use alternate CSS styles for iPhone/iPad instead? I would like the content of this resource to look well on both devices, without having two creat...