css

Styling a span inside an anchor tag

I'm trying to make this look pretty, but I've run into a problem. I have a span element containing a Subtitle or short description inside the anchor tag. Unfortunately it's styled the same way as the anchor, which is not how I want it to be. I've tried applying styling to the span itself but they seem to be overridden by the anchor style...

HTML wireframe toolbox

I've been using Dreamweaver to create my wireframes (tables). Before I create my own css/html/icon framework I would like know if such a library already exists. The ideal toolbox would include basic styles for all form elements, icons, css grid layout, sample standard ad sizes, and empty templates. ...

IE7 Clear Float Issue

Hi this is a simplified version of an issue I'm having with IE7. Basically the divs following the cleared div (green) don't behave as expected (in IE7). It works as expected in Safari, FF etc and IE8. Does anybody have any advice for a fix. Thanks for any help :) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3....

Translate a <table> to <div>s

Hi, I have the following: <ul style="width: 300px; list-style-type:none"> <li> <table style="width:100%" border="0" cellpadding="0" cellspacing="0" summary="" > <tr> <td valign="top"> <img src='..' width='60px' height='50px' /> </td> <td valign...

When resizing the browser window...

Hello, I built a website in HTML and CSS, and whenever I resize the browser window (smaller) it messes with the components of the site, such as the navigation bar. The navigation bar is a series of images linked to their destination using <img src=. Any idea how to fix this annoying thing? THe code for the navigation bar is below: <br...

CSS Padding of a nested table ignored by Opera

Hello, I am using a table nested in a table which happens to have the border-collapse:collapse; property. The problem is with the padding property of the nested table, which Opera seems to ignore. To reduce it to the simplest possible, with the following HTML code...: <table style="border-collapse:collapse;"> <tr> <td> ...

Nested CSS Problem

I have the following code: <table class="top"> <tr> <td> <table class="errMsg"><tr><td>Required field must not be blank </td></tr></table> <td/> <tr/> </table> I am trying to style to the error message but the "top" style keeps applying: .top td { color:black; } .errmsg td { color:red; } The error message comes out black...

menu css using child selectors

hi there. I have the following menu: <ul class="top-menu"> <li><a_href="/Products" title="Products"><span>Products</span></a><ul> <li><a_href="/Products/List" title="Product List"><span>Product List</span></a></li> </ul> </li> <li><a_href="/Customers" title="Customers"><span>Customers</span></a></li> </ul> and I also have a sprite for...

CSS/javascript hover does not display correctly in chrome

I am building a site that has an image map menu with a popup box that is supposed to pop at the mouse when the mouse is hovering over a particular area. It works great in firefox and IE but when I load the page in chrome the boxes appear as if the page were not scrolled. it works fine if the page is scrolled all the way to the top, but...

Why does IE show the gray boxes below the content, instead of above?

http://www.webdevout.net/test?013&amp;raw Shrink the window in IE6 / 7 to see what I'm talking about. I stripped out all of the critical parts of my application (had to), but basically those gray boxes are supposed to be drop down boxes. In modern browsers, it works fine... but in IE6 / 7, the page content overshadows it (as well as s...

Controlling Word Wrap in a container

I have a peculiar problem. I have an email group that pipes emails to a message board. The word wrap of the emails varies. In yahoo, the messages tend to fill the entire container on the message board. But in all other mail clients, only part of the container width is filled, because the original mail was wrapped. I want all of the email...

Drop-down menu disappears and comes back only in IE7 problem

Hi all, I have a problem with one of my drop-down menu. Usually they work fine, but this time what happens is the following (and this is only taking place in IE7...ugh): When I put the mouse over the li with class submenu, the ul with id of #nav2 fadesIn(); However, in between the two li's of the secondary nav (#nav2), I have the foll...

Valid workaround for <style> tags inside of <body> to add custom CSS?

I know putting <style> tags inside of <body> is not valid. What other techniques are possible to get around this limitation? In my design I have a few static pages created with server side includes. For each page I need a few extra lines of CSS to control the display of a few DIVs. What is the best valid way to achieve this effect? ...

text does not move to next line for WMD

I am using WMD for my textarea form and for some reason the text inside the preview box does not wrap once the text inside the text area continues to the next line. <div class='wmd-preview'> </div> Does anyone have a solution to this? the wmd that i am talking about is the one that is used by stackoverflow http://wmd-editor.com/ ...

font-weight is not working properly?

http://www.i3physics.com/blog/2010/07/dsfsdf/ Here is an example. The part where it said "PHP" (the right top corner) remained as slim as it was. here is part of the css code .wp_syntax_lang { background-color:#3c3c3c; position:absolute; right:0; padding:1px 10px 3px; color:#ddd; font-size:9px; font-weight:800; text-trans...

Containing very long text inside div.

Okay so I have problem containing text inside div. When it's broken down with spaces, it will move to the next line but if there is 1 very long line of text, it won't move to the next line. Can someone help me with the css for this? ...

How do I prevent floated-right content from overlapping main content?

I have the following HTML: <td class='a'> <img src='/images/some_icon.png' alt='Some Icon' /> <span>Some content that's waaaaaaaaay too long to fit in the allotted space, but which can get cut off.</span> </td> It should display as follows: [Some content that's wa [ICON]] I have the following CSS: td.a span { overflow: hidde...

What are some tips for writing good CSS?

I just started doing web-development a few months ago. I know HTML and know how to markup a page to be semantically correct (no using tables for layouts, using the new semantic elements from HTML5 correctly, etc). I try to adhere to W3C design recommendations. However, I'm having trouble writing "good" CSS. I know about using efficient ...

Thoughts on drop shadows

I would like to gather the thoughts of some people in terms of ui. Some co-developers of mine seem to be very 'trigger happy' when putting css drop shadows on elements. Thinking its web 2.0ish they have been putting it on so many elements that it looks like every part of the page is trying to come at you.. Personally i dont thing is very...

benefits of tableless design of web pages?

Possible Duplicate: Why not use tables for layout in HTML? These days, I am reading a lot that we should write tableless HTML. I believe that requires a lot of CSS knowledge. My questions are: What are the benefits of tableless design? What are the conditions when tables should be used? How to begin? ...