css

css selector for td with an input element

How would I make a css selector with that applies style to a table cell that has an input child element? Edit: This is an exact duplicate of another question. ...

Liferay: how to avoid rebuilding/redeploying CSS files

Hi guys, if you're familiar with Liferay you'll know that when you make an itsy-bitsy change to a css file you shall rebuild the theme and redeploy it. As for redeploying I made a symlink (mind you I'm on Windows: for the curious creating a symlink on Vista is just a matter of issuing mklink /d dir1 dir2). But what about rebuilding th...

Fix layout via css

I've got a layout bug that shows up in IE6, and I'm trying to come up with a way to give some clues to this content in our content area so that it won't drop down below the navigation menu. Sadly, while this would probably be relatively easy to fix if I could redesign the whole page, I can't do that...it's a live site that hosts many, ma...

CSS: Make a block element fill the entire space of a parent element?

I am trying to put a link in a <th> element and have the <a> element fill the entire space of the <th>. While I can get it to fille horizontally with width:100%, getting it to fill vertically is proving to be troublesome. height:100% seems to have no effect. I want to do this so that the user can click anywhere in the cell to activate t...

ASP.NET MVC Navigation and User Interface design

Short Version: Do you know of any way to get an input button (submit) and an anchor tag to render the same visually using CSS and no Javascript? Long Version: I'm developing an ASP.NET MVC application. The site contains pages to view the details of or to create or update my models. The page actions are contained at the bottom of...

Image Navigation Using text-indent

Hello, I'm trying to create a simple image navigation for my site, using CSS to declare the background-image property of a list-item (li). The problem is, when I use text-indent to put the image off-screen, the link is no longer there (off screen as well I presume). Any help would be greatly appreciated. Here is my XHTML: <div id="nav">...

Keeping blocks in line in YUI Grids

When I have a grids layout that has little content in the yui-main block some of the sidebar blocks (in my case those outside yui-main) jump down to under the main blcok. Here is an example page with this issue (and a pastebin'd source if the file no longer exists). Examples This one works fine as the content within #yui-main is longe...

IE will display this in 2 rows, but I want it displayed in one line

I have the following code: <div id="banner"> <a href="http://www.kiubbo.com"&gt;&lt;img src="/Logot.png" border=0></a> <script type="text/javascript"><!-- google_ad_client = "pub-xxxxx"; /* 468x60, creado 13/02/09 */ google_ad_slot = "7830464607"; google_ad_width = 468; google_ad_height = 60; //-...

ASP.net: Changing Default webcontrol properties

Good day, In visual studio 2005, when I drop a webcontrol in the designer, I have to manually set the CssClass property. Is there a way to automatically set that property? The thing is, 90% of the time, I want to apply a css to my controls, but not always, so I cannot really use css style in html head. I thought about creating my own us...

Tips for optimizing a website for Android's browser?

I'm looking for tips, tricks and resources on optimizing a website design for Android's browser. I'm building an Android app and some of the functionality will be accessible through a web interface. ...

A question about overflow: hidden

I have two divs with float: right: <div id="container" style="width:760px"> <div id="d1" style="float:right;"></div> <div id="d2" style="float:right;"></div> </div> I want to hide any overflow in d2 if the contents of both divs get too wide to fit in their container (it all should be one line that must not wrap on a second line). ...

Very Strange CSS problem on Internet Explorer. I have no idea what is wrong!

I have just been testing a web site I have set up in Internet explorer. Works fine in Firefox of course. I have a set of style sheets most of which have a background picture I, the user can select the different style sheets as they please. The style sheets render exactly the same apart from colours and backgrounds, of course the text bas...

A safe subset of CSS?

Addressing all the browsers back to IE6 is quite challenging. Every browser supports different features of the specifications. Is there a guide on a safe subset of CSS which can be used across browsers (IE6,IE7,FF1,FF2,Safari,Opera)? That way I wouldn't have to test my style sheets in 6 different browsers after every small modification -...

Which is superior, CSS transparency or PNG Transparency?

Should I use PNG transparency or CSS transparency? My first instinct is to go with CSS. However I heard somewhere that the filter in IE is slow and that I would get better results with PNG (ignoring IE6). However from personal experience I know that PNG transparency is slow in FF3. Is there a definite answer to this? Thanks. ...

How can I set one style to override another conflicting style in CSS?

I'm displaying links that get marked as read in a database when a user clicks them. I want to style the clicked and unclicked links based on the database information not the user's browser history. So far, when I use: 10 a:visited { 11 color: #444; 12 } 13 14 a:link { 15 font-weight: bold; 16 color:black; 17 } 18 19 .rea...

<UL> Centered within a Div

On a design I am coding, there is a horizontal list that serves as the navigation for the site. It spans the entire width of the page. You can see it here: http://aquate.us/film/ Now, the <ul> contained within div#navigation refuses to act centered within the div. It seems to be offset towards the left side. I've searched the net and n...

Single line select box with up/down arrows like in a multi line select box

Basically, I want this: <select size="2"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> But instead of having two lines, I want it on a single line. Can this be done without Javascript? If not, I would imagine it's common enough (though I can't find any relevant links on Google)...

mod_rewrite and CSS

I'm using mod_rewrite to change all the URLs on a site. Example: http://www.site.com/about/ becomes http://www.site.com/?action=about (don't worry, I have nice friendly sanity checking). The problem is that for anything other than http://www.site.com/ the CSS stylesheet won't load. I assume this is because it looks for the stylesheet in ...

What are good 'marker' css styles to define?

I am finding it useful to define 'marker' css styles such as 'hidden' or 'selected' so I can easily mark something as hidden or selected - especially when using a tag based technology like ASP.NET MVC or PHP. .hidden { display:none; } .newsItemList li.selected { background-color: yellow; } I don't especially feel like reinven...

Is the probability of IE8 implementing "border-radius" really zero ?

Seriously how hard is it to implement? I really dont want to continue with 50% of my users not having rounded corners? ...