css

Odd pages in CSS

How do I place a background image to the left in every odd page and to the right in every even page with CSS when printing? I have searched for quite some time to a solution about this. W3C mentions @page :left but also says that the context can only be used for margins. Looking through the W3C CSS3 instead of CSS2 I do see somethings ...

CakePHP, not showing my background-image from CSS file

Cakephp is giving me some problems as I have set as below (I have tried any number of urls, through localhost, placing it in webroot and giving reference from that file, giving full route from localhost (this is a local test ubuntu machine, not a 3rd party server), etc, etc but it just doesn't show up.. I am using a custom layout that ov...

Is it possible to display a results array in a defined number of columns using only client side scripting?

I have an array of images/links that need to be displayed in columns of 8 for however many rows there are, but I can not control this array. Is it possible to format this using CSS/HTML (or as a last resort Javascript) so that a new row is created after x items is displayed? ...

Supersleight IE png fix causing overflow problem

I am using supersleight to fix png transparency, but it is causing a strange bug, where the browser seems to ignore any overflow rule in IE6. Here is what it looks like (had to hide the list of things, but you get the idea...) I am stuck with using the fix and never come across a problem with it before. Here is the markup: ...

ASP.NET Menu Control - Keeping parent item selected

I have two ASP.NET Menu controls on a page. One in my header (tabs) for top level pages, e.g. ~/Default.aspx And one in my sidebar for sub pages, e.g. ~/Products/SomeProduct.aspx I'm using the selected CSS class to ensure that the selected tab is a different colour. Works fine for top level pages, but if I view a sub page, the tab i...

How to apply min-height to DIV using jQuery?

Hi I want to apply min-height to ".wide-content" min-height of .wide-content = height of right content - "274px" var leftHeight = $(".wide.content").height(); var rightHeight = $("#right_column").height(); alert (leftHeight); alert (rightHeight); if (leftHeight < rightHeight) { $(".wide.content").css('minHeight' 'leftHeight - 274');...

CSS no text wrap

Please see see code http://jsbin.com/eveqe3/edit, also quoted below. I need to show text inside the item divs in such a way the the text appear only in the green box with specified width rest of the line need to be hidden. Any suggestions please... <style> #container{ width : 220px; } .item{ float:left; border: 1px so...

IE8 vertical scrollbar problem

i have a problem in ie8, my site is http://www.2sinfotech.com/demo/guitar// when i click on join now or other link like faq. i didn't get vertical scrollbar in my site. some time i get scroll or some time not. ...

Proper way to contain floating elements using HTML/CSS?

Say I have the following HTML: <head> <style> #container { border: 1px red solid; } .floaty { width: 200px; float: left; border: 1px green solid; } </style> </head> <body> <div id='container'> Text inside the container <div class='floaty'> ...

Getting Div to float to bottom of parent div?

Hi I have a simple sidebar inside a div which has height:100% and I need the sidebar to float as high as the container becomes. Since I have a content div, and the content div will change on each page, it's inside this parent div which ideally should change in height and thus the sidebar would run the entire height of this parent div. h...

File Upload Control and GWT Look and Feel

Hello I'm writing my first GWT project. I have a form with label, file upload control and upload button but they look awful and too different in various web browsers. Also button from file upload control doesn't have the same style like GWT button control. And the other problem is that in Chrome Button for file choose is on the left?!? ...

How do I include static html in an asp.net mvc app that doesn't use the system css, but it's own styling?

I am using ASP.NET MVC 2 & C#. I want to include/embed an html page (raw text & styling; no forms) in one of my views as is without my own css styling (read: The site.css styles for the ASP.NET MVC 2 application itself) affecting it. I can access the page statically and open it in a new window and it retains it's styling; however, if I ...

asp.NET If then inside of DIV tag???

I have two menus based on someones credentials. The menu is an UL within a wrapping DIV and I would like to place an If Then within that DIV to set is class dynamically. Does anyone know if this is possible or if there is a better approach? Thanks in advance! ...

HTML/CSS - 2 column layout, right side top-margin affects left side too

Here's my simple mark-up: <div style="width:200px"> <div style="width:50%;float:left;"> left side </div> <div style="margin-left:50%;width:50%;margin-top:10px;"> right side </div> </div> The problem is that the margin-top:10px; on the right side also pushes down the left side. What am I missing here? is...

Visual Studio 2010: Editor stops working

I've got this very odd bug that appears to be a quirk in Visual Studio 2010: Sometimes, when moving the cursor into double quotes of a CSS style="" attribute the cursor refuses to move. I can't type anything, and the keys that respond are the UP/DOWN cursor keys and the DEL key (but not BACKSPACE). Typing does nothing, but pushing LEFT/...

CSS: How to load a css file for all browsers except IE ?

hi, how can I load a css file only if the browser is not IE ? In other terms, I want to load a css file only if it is Safari, Firefox o Chrome. The opposite of this: <!--[if IE 8]> <![endif]--> thanks ...

CSS, Internet Explorer 7: layout messed up when I click on a menu

hi, In Internet Explorer 7, when I click on the menu in 'Categories' block, my website content slides to left. Could you help me to debug this ? http://69.90.160.65/~o110334/ thanks ...

html, css, execute javascript from a gif file .

I would like to know if it's possible to execute javascript from embedded .gif file . I can make rewrite to a php file to seem as a gif file and execute the code from there but I'm not faimilar with css/html therefore I was wondering if there is any trick to make seem there is embedded a picture but to execute javascript . I tried img sr...

[CSS] Whitespace between nested list

Hi everyone! I'm building a website, but encountered a little problem. I have created a nested list with html, but I want to see some whitespace between choices. <ul> <li>Mini onderhoud <ul> <li>Computer stofvrij maken.</li> </ul> ...

Empty Spacing Divs Disappear

Hello, not sure why this isn't working-- i have 3 divs where the two on the side are empty, and all my content in the middle. IE6 is apparently ignoring the empty divs, as the content is pushed to the left. Any ideas what the problem could be? .sidebar { float: left; width: 25%; height:auto; visibility:hidden; font-size:1px; line-hei...