css

CSS: How can I overcome negative margin and absolute position issues in IE6?

I'm using absolute positioning and negative margins (with top: and left:) to position logos and other such things in my website. I'm aware that IE6 has problems with negative margins and absolute positioning, how can I overcome these issues to ensure they work correctly in IE6? ...

Block elements inside a product list

Hello. I have a page which contains a products' list. I decided to use an unordered list instead of divs to display the products but there is a problem with that, since I can't insert other block level elements in the <li> to achieve some specific design I want (an image with some background, bordered descriptions, floated links etc e...

Why can't I change the display status using CSS?

I am trying to display a banner on a report while printing but it doesn't print. What I did was I set the display status to display:none in my regular CSS #transfer_head2 { display:none; } and I changed the display status to display:block in my print CSS #transfer_head2 { display:block; } but this is not working. Why? Can anybody h...

Hyperlinks disappearing

This is quite strange and I have never seen this before, maybe my computer needs to be restarted but: every link that I add on my web page is disappearing. You can see a live example here. This is my style sheet: /*------- UNIVERSAL -------*/ body { background: #333333; color: #222222; font-family: Arial, Helvetica, sans-se...

Why are my drop downs not working in ie7 ?

If you view this page: http://www.sussexjewelers.com/product_search.php?cid=69 The drop down menus (horizontal green bar) do not drop down in ie7. They do drop down in ie6, firefox, and chrome. Also if you view the homepage the same drop downs DO work in ie7. I cannot figure out why they are not working on this page in ie7. They are pur...

How do I make an html link look like a button?

I'm using ASP.NET, some of my buttons just do redirects. I'd rather they were ordinary links, but I don't want my users to notice much difference in the appearance. I considered images wrapped by anchors, i.e. tags, but I don't want to have to fire up an image editor every time I change the text on a button. ...

Why do my list item bullets overlap floating elements

I have an (XHTML Strict) page where I float an image alongside regular paragraphs of text. All goes well, except when a list is used instead of paragraphs. The bullets of the list overlap the floated image. Changing the margin of the list or the list items does not help. The margin is calculated from the left of the page, but the float ...

Complex HTML/CSS Layout

I've been a web developer for really quite some time now, but this is something I've never really done, and my progress so far has used some very complex methods. The following is the layout I want, there are rules to this layout though, as I will explain in a moment. ---------------------------------------------------- | ...

How do I get rid of the unknown property name errors in Visual Studio?

When using jQuery UI and ThemeRoller the CSS files created contain several CSS properties that are not known by Visual Studio, such as zoom and opacity. How can I keep these from showing up as errors in the error list when the CSS file is open in the editor pane? In the spirit of SO, I'll add the solution I found as a response. ...

Autosizing departure board using Html, CSS and JQuery

I've got to develop an auto scaling arrivals and departures board at work. It's started out easily enough with me creating a table with percentage based column widths (and the overall table being 100% width). For now, I've got a small piece of JQuery letting me change the scale of my text but its only to prove the concept. I'm really ...

What are your web development standards?

I am trying to come up with a clear standard to present to my web team so that the frontend HTML/CSS developers and the backend developers can get on the same page. Currently, we all have our own coding styles, and we tend to end up creating more work for each other when we have to dive into each others' code. What sort of CSS/HTML and ...

Move text next to logo; get rid of a hard rule.

Here's the site: www.red-tuxedo.com I want the "Red Tuxedo" text to sit next to the logo, not below, and I want to get rid of that hard rule that runs through the logo. My CSS / HTML skills aren't up to it. I completely destroy the column layout when I change the text and I can't find the hard rule in the code. Tried adjusting the g...

Getting a background image to display in a blank div element

I'm looking to use a blank div element to display a background image but nothing is displaying unless I put something (i.e., some text) in the div element. I need to do this because I want to display a graphic next to some text but have the graphic vertically aligned with the text. How do you get a background image to display in a bla...

how did you put the magnifying glass and "search" in the search box in stackoverflow?

Assuming it is possible with just CSS...but wanted to know if someone could share the code. Guessing magnifying glass is background image, but need javascript to remove "search" on focus. Also...how do you get it to submit when hitting "return" rather than needing a "search" submit button? Thanks! ...

Is it legal to create your own CSS attributes?

I'm working on a windowing application for a website of mine. Right now, I have each individual window set up as a in the body of the site. I add new windows by literally adding the appropriate code to the end of the body element, and delete them by removing that div. (I'm using jQuery for the underlying JavaScript architecture.) I've ...

Variablize a CSS class?

I want to include a class within a class - sort of like variablizing a class - so that I can define something once and use it throughout the sheet. If I change the color, it changes everything. .myFontColor{color:blue;} .myTitle{font-size:large; myFontColor} .myHeader{font-weight:bold; myFontColor} The only way I see to do this is. T...

Maximum background repetition in Google Chrome?

I'm getting a weird behaviour in my blog, only in Google Chrome. (This is a CSS/browser thing, nothing to do with the server component, Blogger, Wordpress, etc). The home page for it is admittedly too long, and what i'm getting is that the background on my main "container" element stops repeating after a certain height, but only in Goog...

How do I Position am Element within Heading (H1, H2, etc) tags?

This seems like it should be something easy, yet it is driving me mad!! I need to be able to position a button, or other input element for that matter to the right of a header element, which also contains text. The basic markup is: <h3>Order Details <input type="button" value="Refund" id="btnRefund" /></h3> The desired result is ...

CSS div's overlapping

I am trying to build a comments section for my website. In the comments section, I want it laid out wordpress-style, with the avatar to the left. It works, but what is happening is the comment text is wrapping around the avatar underneath. For an example, here. This probably has a simple solution to it but I am a CSS amatuer. This is the...

How to get rid of white space around an <embed> element?

SUMMARY: an embed with 100% width and height pushes its parents size to be 100% width and height of the grandparent. How do I get the embed element to collapse all the white space around it so that it fits the width and height of its parent perfectly? I have a page with an image, which upon being clicked gets replaced by an embed elemen...