css

Can a Flash movie pass mouse events to the containing page?

One of our newer products is a walk-on video system, in which a character appears in an absolutely positioned DIV and gives a little presentation. We're using Flash 9, AS3. Unfortunately, in order to make him appear in front of the website content, we need to set his Z-index to a value higher than the page content. On some websites and ...

OffTopic: Would you consider HTML + CSS + Webserver to be MVC?

Hi all, these are just my wonderings and I thought I'd share them... Simply put, MVC is the pattern for separating contents (model) from presentation (view), and having a mechanism in place (controller) defining how to gather both. If you already see where I am going at, I am very interested to hear your opinion on the matter. Of cours...

Finding why a text in web page is larger than supposed to (firebug question)

I have some text displaying in a larger font than what they are supposed to. I used Firebug and it shows that the text is 12px as defined in the element's css. However Web Developer toolkit and CSSViewer both report that the text is 16px which is what is currently displaying. With all these tools I am unable to quickly determine the sou...

Right-floated sidebar with main content flowed around - how?

I'd like to create a webpage layout with the sidebar to the right and the main content flowing around the sidebar. Requirements: Content below the sidebar should occupy all of the available width Content below the sidebar should not wrap when it hits the left of the sidebar Main content should precede the sidebar in the markup Sidebar...

What is the best UI/CSS combination when displaying strings of unknown length?

I have a list of items that I am displaying in a floated list, with each item in the list at a fixed width so that there's two per row. What is the best practice to prevent this horrible thing from happening: Possibilites: Trim to a specified number of characters before displaying the data. Requires guesswork on how many characters...

Setting uniform <input type="file"> width in all browsers

What combination of CSS or attributes are needed? ...

How can I force a webpage page to render at a minimum resolution, regardless of how small the viewport shrinks?

I am rather new to complex CSS, and have a question- I have a page which positions a floating element along the bottom of the page. It does so by setting the Bottom: 0, and Position: Absolute. When the user resizes their browser to a very-small size, this element covers up other content on the page. Ideally, The element would continue...

Make HTML Column Wider As Inner Div Expands

Please consider the following: <td style="width: 500px;"> <div style="width: 400px;">SomeContent</div> </td> For some reason, the column that contains a div will not expand to 500px as the style suggests. Do you know how to get the td to honor the width that I am specifying in the style? ...

How would you make two <div>s overlap?

I need two divs to look a bit like this: | | ---| LOGO |------------------------ | |_______________| LINKS | | CONTENT | What's the neatest/most elegant way of making them overlap neatly? The logo will have a fixed height and width and will be touching th...

How can I make a TextArea 100% width without overflowing when padding is present in CSS?

I have the following HTML snippet being rendered. <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> This is my CSS: textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } ...

Wrap an image in an a tag, but only have underline on text.

I want to have it so that only the text is underlined. The only way I can see of doing this is this: .no-underline { text-decoration:none; } .underline { text-decoration:underline; } <a href="#" class="no-underline"><span class="underline">Average customer review rating</span><img src="img/five-stars.gif" alt="five stars" width=...

A question of style - approaches to styling and stylesheets

I have a site that usually has news items at the top of the homepage, and sometimes (for specific periods) will have one or more 'quicklinks' beneath the news items, to guide users to pages of topical interest. Beneath those is the usual blurb. We have alternative language versions of these sites, which often don't contain either the ne...

Dynamic resizing / repositioning of divs for multi-column viewing

Setup I have a website that draws RSS feeds and displays them on the page. Currently, I use percentages on the divs that contain each feed, so that multiples can appear next to each other. However, I only have two next to each other, and if the window resizes, there can be some ugly empty space on the screen. Desire What I'd like to ...

Pulling in Dynamiclly Generated (not a static file) CSS in FF?

Is there any way of pulling in a CSS stylesheet into FireFox 2 or 3 that is not a static file? Bellow is the code we are using to pull in a stylesheet dynamically generated by a CGI script. <link rel="stylesheet" href="/cgi-bin/Xebra?ShowIt&s=LH4X6I2l4fSYwf4pky4k&shw=795430-0&path=customer/DEMO/demo1.css" type="text/css"> /cgi-bin...

Vertical (rotated) text in HTML table

Is there a (portable) way to rotate text in a HTML table cell by 90°? (I have a table with many columns and much text for the headings, so I'd like to write it vertically to save space.) ...

Web Site Designing for Mobile

I just added printing capability to a web site using a style sheet (ie. @media print, etc.) and was wondering if I could use a similar method for adding support for mobile devices. If not, how do I detect a mobile device? My pages are C# (.aspx) and I'd like to scale back the pages for ease of use on a mobile device. Any advice for me...

How to change background-color on text links on hover but not image links

I have a CSS rule like this: a:hover { background-color: #fff; } But this results in a bad-looking gap at the bottom on image links, and what's even worse, if I have transparent images, the link's background color can be seen through the image. I have stumbled upon this problem many times before, but I always solved it using the quic...

CSS: Repeat table headers in print mode

Is it possible in CSS using a property inside an @page to say that table headers (th) should be repeated on every page if the table spreads over multiple pages? ...

CSS Layout Question

I can't for the life of me find a way to make this work. If I have 3 divs (a left sidebar, a main body, and a footer), how can I have the sidebar and main body sit next to each other without setting their positions as "absolute" or floating them? Doing either of these options result in the footer div not being pushed down by one or the ...

Style for web application grid

Hi, I'm working on a small bugtracking system which shows a list of bugs. For the overview I want to use a grid - now I only need a style. Of course I won't copy the whole style from anyone else, but I just want to know which type of styles you like. Do you have any other great style? What do you think about the styles on this site. ...