css

Text popping through on image replacement

I've used a standard image replacement technique for one of my links, (the nested span technique) but as the image is round & transparent at the edges, the underlying text link is popping through. Heres my screenshot that explains what I mean. http://dl.getdropbox.com/u/240752/peepo.gif Whats the best way to hide this text? I don't wa...

create HTML menubar

Hi, I'm looking for some help with creating a horizontal menubar in HTML. The menubar will have menus such as File, Edit, View and when you mouseover or click on the File menu (for example), the menu will be displayed showing menu items such as New, Open, etc. Ideally, I'd like to create the menubar and menus using pure HTML and CSS, b...

What tool to use to compare and reduce css style sheets

I have a page (page1.html) which references a css file (style1.css) All is good. I need Page1.html to additionally reference Style2.css However when I add the reference, some stuff on Page1.html screws up. How can I determine what it is about Style2.css that is causing this problem? Some diff Tool? Some Process? ...

can I put a <style>...</style> tag within the body of an HTML file?

Since a lot of email clients ignore the HEAD tag, can I embed an inline stylesheet in the body? ...

How can I have a sliding menu div that doesn't move unless the page is scrolled down past a certain point.

I have a menu div that I want to slide down so it's always visible, but I want it to be positioned under my title div. I don't want it to move until the top of the menu hits the top of the screen and then stay in place. Basically I want a sliding menu with a maximum height it can slide to. ...

How do I align spans or divs horizontally?

My only problem is making them line up three-across and have equal spacing. Apparently, spans can not have width and divs (and spans with display:block) don't appear horizontally next to each other. Suggestions? <div style='width:30%; text-align:center; float:left; clear:both;'> Is what I have now. ...

Javascript function to 'get element by parent class' and assign

My predicament is fairly simple: this function gets the id of 'this' <li> element based on parent id of <ul>. It used to work fine but not any more, I will either need to have <ul> use classes instead of id while still being able to assign id of 'current' to the current element, or change my css function myFunction(element){ liArray ...

Is it possible to have an html TEXTAREA-like element that wraps text rather than displays scrollbars?

Is there a css style that IE7 and Firefox will obey that changes the behavior of a TEXTAREA so that it behaves more like.... um..... more like the thing I'm typing into right now! ...

[CSS Positioning] How can I position a SPAN to be aligned to either side and above a TABLE?

<div> <span>left</span> <span>right</span> <!-- new line break, so no more content on that line --> <table> ... </table> </div> How can I position those spans (they can be changed to any element) so that depending on how big the table is (not defined anywhere, and shouldn't be) the spans are positioned just on top of the left side of ...

HTML/CSS designs for mundane text-heavy content

I am tasked with updating a family of web sites that promote scientific conferences that cater to a niche scientific field. The sites are currently written with some modest CSS layout for the shared common page template structure, but the details of each page are a mishmash of <p>, <br>, and &nbsp; to position the content. This makes i...

CSS "valign" Positioning

<div> <h1>Title</h1> <table> ... </table> </div> Now, the <h1> has a margin: 0; so it is at the top of the div. However I'd like the table to be placed at the bottom of the div, eg. valign="bottom" but for the whole table. ...

Centre Text Relative to Available Space in CSS

<div style="width: 300px"> <div id="one" style="float: left">saved</div><input type="submit" id="two" style="float: right" value="Submit" /> </div> I would like div#one to be centred in the space between the left edge of the parent div and the left edge of the submit button. ...

CSS Buttons (w/ Background but need bevel)

<input type="submit" background: url(tick.png) bottom left no-repeat; padding-left: 18px; But the bevel goes away, how can I add an icon to submit button and keep the bevel? Edit: I want it to look like the browser default. ...

CSS not working with IIS7

I have a rails application that I am running with Vista,IIS7 and SQL 2005. For some reason the CSS is not being rendered. The CSS works fine when I use Webrick. Any ideas how to get CSS working correctly with IIS7. I have uninstalled and reinstalled windows components "Common Http Features" with no luck. ...

VS Design Time User Control CSS Duplication

I want to avoid the duplication of stylesheet link tags in the output html when a user control is dropped onto an aspx page. However if you omit the stylesheet link tag you don't get design time support for the stylesheet. Anybody know a way around this problem? ...

How to add scrollbars to my HTML that disappear if the content is smaller than the limit

Hello I'm trying to create a form that has an expandable widget. The problem is that when the widget is open, The form extends outside the limit in the content box, and it looks bad. I tried using overflow:scroll but it creates 2 ugly scrollbars that do not disappear even if the conent is smaller then the content box. I only need one v...

CSS Positioning Question - Tables vs. Absolute vs. DL

I'd like to align label/value pairs in the center using CSS without using absolute positioning or tables (see screen shot). In that screen shot I positioned the value (ie. $4,500/wk) absolute and then floated the label right up against it. But absolute doesn't work so well in IE and I've heard it's not a good technique. But how can I ...

Myspace Music Layout Question

How do I push my content to the top of the page to not cover up the ad, but to cover the menu and myspace links. I want to do something similar to: http://www.myspace.com/sensesfail and http://www.myspace.com/attackx2. Thanks. ...

css z-index question?

interview project Hi guys, I had to prepare the above site for an interview today. It isn't displaying properly in interenet explorer. I want the badge in the header/navigation bar to overlap the main content (as it does in firefox, safari etc). Why is it different in IE? how can i fix this? thanks alot, Peter ...

IE borders breaking navigation

Hi, another issue in IE 6... link The navbar link list has a border applied to the left side of each element. In fireforx/safari this matches up with the navbar background but in IE the border/element spills out below the navbar ( the border sticks out the bottom). EDIT: ALSO, the navbar is the entire length of the blue header in IE...