css

How to set the background image of an DIV in CSS?

How to set the background image of an DIV in CSS? ...

Can I make my <ul>’s border bigger?

Hello just really a simple question (I hope). I have a border used by a <ul> tag. I wonder If I can change the border size to make it bigger in width and height? Here is my example. <ul STYLE="border: 1px solid;float:left;padding:15px"> <--!(content)--> </ul> ...

Could you provide an exmaple of evil table/font based html code?

I heard a lot about the evil of tabe/font based html code, but I have no luck to see it. It seems nowadays, all the websites are using div/css to layout their page. Could you provide an exmaple of evil table/font based html code. It better be a real-world example. ...

How can I print MediaWiki wiki pages with line numbers?

For reviewing, we'd like to be able to print a wiki page with line numbers. The ideal solution would be where we could create a template which adds line numbers (when printing - or possibly all the time) which we could then include on any page for reviewing. ...

Applying css on asp.net FileUpload Control's Browse Button only

I have a FileUpload Control like this <asp:FileUpload ID="fileuploader" runat="server" /> Now I want to apply css only on the Browse button part How can I do this? ...

CSS sticky footer

Hi, I am trying to implement a CSS sticky footer. The issue is there is a content DIV that is extending beyond its container causing scroll bars that are not desirable and the background-image hung off the page div does not extend the full height of the document. Here is my HTML: <div id="page"> <div id="header"> ...

overflow div hide than scrolling not come ...

i have a div with overflow auto and height fix , when i hide that div and show it again than scrolling not come but before hiding the div scrolling was there why this happen why style is changed to overflow hidden , and for solving this problem what should i do ? ...

underline after h2

I really don'know how to add an underline after a headline! what is the best way to css the example below? H2___ lorem lorem ...

CSS Margins Overlap Problem

Please see my code, I don't understand why the margins of these divs are overlapping. <div class="alignright"> <div class="social"> <a href="#" class="twit"></a> <a href="#" class="fb"></a> </div><!-- social --> <div class="contact"> Get in Touch: <span>+44 10012 12345</span> </div><...

Proper HTML alignment/sizing of two adjacent 50%-width/equal height fieldsets with a 100%-width below?

Hi - I would like to lay out an area like this: ---- ---- |A | |B | | | | | ---- ---- --------- |C | --------- where each of the three boxes is a <fieldset>. Box A and B might be populated by different amounts of items, yet they should both be the same height (the height of the one that needs to be larger). Box C should be 1...

IE8 Bug?? Background image moves position

Hi Having a problem with IE8 which i have never noticed before. The problem is with this page here http://www.abnixsolutions.com/new.asp When first viewed it may look fine, but then click in the address bar and press enter the background image of the box and disc jumps into the header. Doesn't do this in any other browser, it's starti...

CSS: two color borders

Client wants two color borders for an embossed look. Can I do this on one element? I was hoping to avoid stacking two DOM elements with individual borders. ...

Div is wrapping everything in the content and out of it.

This is weird! I'm not sure why it is doing this but the div .content-wrap, or .main-content is wrapping elements that are outside of the div....... Screenshot of it using firebug. But .main-content is isn't suppose to be wrapping the 3 columns... Heres the HTML of both. <div id="plans-wrap"> <section class="starter"> <img...

jQuery validate focusInvalid add page margin/padding?

Googled and found nothing, might be asking the wrong question but here goes. How do I add padding/margin on a element that is invalid? I'm using jQuery validate plug-in to validate user input and required fields (As well as some PHP server side validation). The fields are in the middle of the web-page so when the validation happens it...

Blackberry Web Browser (4.6.1) and display block elements

Hi, I am having real issues with the Blackberry web browser (specifically under version 4.6.1) in that I need to set an image as a clickable link, but the browser does not always recognised the full image as clickable if I just wrap an anchor tag around the image. But if I set the anchor to display:block; in CSS, the Blackberry browser...

Why is the image moving my header (css) ?

I have added an image to my header here: http://www.forex-bloggers.com/ And for some reason that caused my site's title to move a bit right (instead of staying in the center). Why did that happen, and can I fix it so it will go back to the center? (Sorry for such a noob question, and thanks) ...

drawing a div on top of the rest without using absolute positioning

I have the following code <div id="header" class="row"> <ul id="topnav"> <li> <a href="#">a</a> <span><a href="#">aa</a> <a href="#">ab</a></span> </li> <li> <a href="#">b</a> <span><a href="#">ba</a> <a href="#">bb</a></span> </li> <...

"Div hover" is working but not valid (yet)

I have a problem with this script : click here. Currently it's working perfectly. But if i would run this through the w3 validator it's not 'valid'. I also know why this is, it is because the entire div is within a link. I would like to make this work exactly the same, but also have it score as w3 valid. I have been struggeling for two...

Layout of my website - float left

Can you look at table 7 in this page? http://www.gpahesapla.com/index.php?/functions/calculator why does table 7 not float on left? It floats on left if i add a row in table 6. There should be two tables in a row always. (To see tables plz select school: duglus; Faculty: Engneering; Department: Electronics Moreover if anyone want to c...

CSS: Bug when display list horizontally

I am successfully display a list horizontally: <div id="container"> <div id="header"> <h:form> <ul> <li><a href="#">Peter</a></li> <li> <p:commandLink value="Profile" ajax="false" ...