css

Center UL into a table

I have a code like this: <table> <tr> <td align="center"> <ul> <li style="float:left;display:inline">Some text</li> <li style="float:left;display:inline">Other text</li> </ul> </td> </tr> </table> The problem is that the UL with is 100% and then all UL is aligned to the left, how can i center the content into UL? I must have that styl...

Blueprint CSS Framework/Sticky Footer with IE6 Problem

Hello all, I'm currently using the Blueprint CSS framework setting my width to 910px along with the sticky footer markup by Steve Hatcher. The problem I'm getting is that for some reason in only Internet Explorer 6 is that an extra padding/margin of 10px is being added on the right hand side of my #wrap class. I have uploaded my test ...

sIRF, could use some help

It works perfectly when pulled within labels like in the demo <label class="title">I'm no image. I'm Avenir! </label> However, how can I achieve this within the code below (nothing loads)? <div id="zoomcontent"> <span style="margin: 0 10px 0 0" id="slidesbigtext" ></span> <a class="icon2" style="margin: -10px 30px 0 0; font-size:...

CSS3 Resize in Webkit/Safari

I'm attempting to use CSS3's resize to make an absolutely positioned div resizable in Safari and Firefox Beta. No matter what I do I can't seem to make it work – are there situations that resize cannot be used? ...

Custom font and a CMS

I'm building a web site for an artist who has had a custom font made from his handwriting. He'd like to use this font extensively throughout the site - not for all body copy because it'd be difficult to read, but for headings, navigation, callouts, things like that. I've got the file - it's a TrueType font file. We're going to be using...

html - creating block

Hello, I have to create block like this: How can I do this faster using css+html? ...

Input button from image using css

Hiya, Take a look at this picture, how can I use this image for my search input and the right part of the image(the magnifier) to use as a button for submitting search. What is the best way to do this? Thank you ...

CSS / Page Loading Speed

Hi, Just wanted to get a few opinions really, i'm trying to increase the loading speed of my site, and one way that google pagespeed has suggested is to remove the unused CSS from my css file for each page. At the moment I am using one master CSS file for every page on the site. My question is would having individual CSS files for eac...

How do I align a label and a textarea?

ends up like XXXXX XXXXX Description: XXXXX I want XXXXX Description: XXXXX XXXXX "Description" sometimes spans multiple lines. Code: <p class="DataForm"> <label>Blah blah blah Description:</label> <asp:TextBox ID="txtBlahblahblahDescription" runat="server" TextMode="MultiLine...

why use negative margins?

Just looking at some CSS here, and I noticed: .head{position:relative;overflow:hidden;margin:-30px 0 0 -25px;width:820px;padding:20px 25px 0 25px;background:url(/images/bkg.gif) 0 0 no-repeat;} Why would you put -30 and -25px margins? ...

Find the "potential" width of a hidden element

HI all, I'm currently extending the lavalamp plugin to work on dropdown menus but I've encountered a small problem. I need to know the offsetWidth of an element that is hidden. Now clearly this question makes no sense, rather what I'm looking for is the offsetWidth of the element were it not hidden. Is the solution to show it, grab the...

More asp.net mvc layouts

I have been searching some .css layouts for asp.net mvc model. I like the suggested view, but I want to give a new look to my application just applying a new color scheme. Someone find some nice schema? thanks. ...

CSS - Control Margin between <p> and <li>

I have a client that doesn't want any space between a paragraph and a list item. Is there a CSS way to control the margin between a <p> tag and a <li> tag? Naturally I can add a class such paragraphs but in a CMS world that is not practical. I need some kind of p + li { margin-top: 1px }; or something like that. ...

IE8 - navigation links not working.

Hey all - I've been googling this as much as possible, but nothing I do seems to help. I've been working on a website (www.philipdukes.co.uk), and although the nav seems to work fine in FF, Safari, chrome, even IE6 (miraculously), on my system here it fails miserably in IE8: the navigation links don't work. I hover on them, get the rol...

Change image source by hovering on a label

Hi, I have multiple labels on a bar my web page and I want when I hover on that label, image in other div should change based on the label being hovered. Any help would be highly appreciared. Sjain ...

Default entry for Selectbox but not present in list.

Is it possible to have a selectbox that has a default option such as: "Select One" but have the term "Select One" not present in the actual list itself? <select name="test" id="test"> <option value="" selected="selected">Select A Entry</option> <optgroup label="A Label"> <option value="one">Option 1</option> <option value="two">Opt...

Having <link> in <body>?

Is it a bad idea to link CSS files inside the body? I've read that the browser is forced to start CSS rendering over again if it finds another css file outside of head, just because it might need to apply styles to elements its already rendered. Also I don't think the html will validate properly (I need to confirm this). Are there any...

Help with page styling

I have the following image being placed at the top of a page. <body> <form id="form1" runat="server" > <div> <div> <img src="Images/top.png" width="100%" height="115px" alt="top.png" /> </div> </div> </form> </body> The problem is there is a bit of padding that is appearing to the left, top,...

Focussing on Style Sheets and Cross Browser Compatibility.

Hello everyone, Let me begin this topic by explaining my background experience with web design. I have always been more of a back end programmer, with PHP and SQL and things. However I do have a shallow background with HTML and CSS. The problem is, I don't know it all. What I do know is, when it comes to designing (not back end dirty wo...

how to position a div in the center and hide it?

i want to make a login page but it is hidden in the center of the main page. and then i use jquery to make the div that surrounds it visible and it will be like the login page at www.bytes.com. but i cant figure it out how to center it with css. it doesnt work without affecting the main pages div positions. i just want it to float ove...