Search Results

Search found 23797 results on 952 pages for 'css framework'.

Page 58/952 | < Previous Page | 54 55 56 57 58 59 60 61 62 63 64 65  | Next Page >

  • css footer position stick to bottom of browser?

    - by judi
    Hi css experts I'm having a problem with my site http://artygirl.co.uk/pixie/about/ I can't seem to get the footer to automatically stick to the bottom of the browser, and show the rest of my background. Is there a solution better than using position:fixed or absolute? I think there are possibly other styles over-riding some tests I do in firebug. Thanks for your help Regards Judi

    Read the article

  • Calling JavaScript from function from CSS

    - by Qutbuddin Kamaal
    Hi, Is there any way that I can call my Java script function from css for ex here is style: .first-nav li a:hover, .first-nav li.hover a { margin:-3px 0 -1px; height:30px; position:relative; background:url(../images/nav-hover.jpg) no-repeat; } and what I want to call a JS function on anchor hover

    Read the article

  • change an attribute of css

    - by balalakshmi
    newbie question in css: I have the following style defined: TABLE.tabulardata th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #CAE8EA url(images/bg_header.jpg) no-repeat; } I want to create an identical style but with different background color. question: is it possible to parameterize the attribute. Background color in this case Or do i need to copy the same style again

    Read the article

  • Basic xhtml/css models ?

    - by Skeptic
    Hi, I need to produce a very simple website (no dynamic-content, 2-columns, header&footer) and I have a basic knowledge of xhtml/css. So I could probably come with something from scratch, but it would probably won't work in "all" browsers. I've done some googling, but it's difficult for me to evaluate the quality of the "free templates" advertized all over the place. So is there any web developer here that has good references or even such models/templates ?

    Read the article

  • Div that appears behind other. How to avoid that behaivor?

    - by Casidiablo
    Hello there... I'm using JQuery for this. The problem is that, when I drag an object from the side bar, the DIV that I'm dragging appears behind the main area, thus it looks really bad. I took a screenshot of the problem: http://i.imgur.com/Xu4GM.png The div I'm dragging has this CSS: .reporte_arrastrado{ width: 150px; height: 60px; background-color: silver; background-image: url(chart.png); background-position: left center; background-repeat: no-repeat; padding: 10px 0 10px 26px; position:relative; } And, the one that represents the main area has this CSS: #tabs{ position:relative; } That's it... I've read some answers here, and people always suggest to set the position property to relative. But, it does not work for me. Thanks for reading.

    Read the article

  • HTML / CSS autonumber headings?

    - by Technical Bard
    Is there a way (ideally easy) to make headings and sections autonumber in HTML/CSS? Perhaps a JS library? Or is this something that is hard to do in HTML? I'm looking at an application for a corporate wiki but we want to be able to use heading numbers like we always have in word processors.

    Read the article

  • Placing an background image with padding in h2 tag

    - by Cedar Jensen
    I want to create a headline (h2) with an image at the right-most area of the bounding box. I have the layout almost right except I can't push the image a little bit to the right of the element's bounding box -- how would I tweak my css so it is displayed correctly? I'm trying to do something like this: [{someHeadLineText}{dynamic space }{image}{5px space}] where the [] indicate the total available width of my content. Html: <div class="primaryHeader"> <h2>News</h2> </div> Css: .primaryHeader h2 { background-color: green; /* the header looks like a box */ color: black; background: transparent url(../images/edit.png) no-repeat right center; border: 1px solid red; } I am placing the image to the right of my h2 element and centered vertically -- but how do I adjust the placement of the background image?

    Read the article

  • CSS rgba Background Color Validation

    - by SHiNKiROU
    I found a weird CSS validation result: when rgba() is used to background, it does not validate, however, the workaround is rgba() for background-color. Why that rule exists? Is it a validator's bug? Try to validate the following there, and you can see the result: div { background: rgba(0, 0, 0, 0.5); } and div { background-color: rgba(0, 0, 0, 0.5); }

    Read the article

  • Simple 2 column CSS layout with nested divs

    - by Dan
    Hello, I have good familiarity with CSS but for some reason I am unable to achieve the result I want in this case. Here is the link to my test site http://danberinger.com/test.html Keep in mind that I want a 2 column layout and that the background wrapper color (gray) is not showing. Instead the body background color image is being put in place of where the wrapper background should be. Any suggestions would be greatly appreciated.

    Read the article

  • Jquery css: applying !important styles

    - by mkoryak
    I am having trouble applying a style that is !important. Ive tried: $("#elem").css("width", "100px !important"); This does nothing, no width style whatsoever is applied. Is there a jquery-ish way of applying such a style without having to overwrite cssText (which would mean id need to parse it first etc)

    Read the article

  • How to let one external stylsheet selectively overrule the other

    - by Ferdy
    I'm stunned by a simple thing that I want to accomplish but does not work. I have a website and I want it to support themes, which are a named set of CSS + images. No matter which theme is selected, I always include the main CSS file, which is the default theme. On top of that I'm loading a second stylesheet, the one that is theme-specific, like so: <link rel="stylesheet" type="text/css" href="css/main.css" title=main" media="screen" /> <link rel="stylesheet" type="text/css" href="themes/<?= $style ?>/css/<?= $style ?>.css" title="<?= $style ?>" media="screen" /> My idea is that the theme specific css should not be a full copy of the main css file. Instead, it should only contain CSS rules that overrule those of the main.css file. This makes themes much smaller and easier to maintain. I thought I could simply load two external stylesheets after each other and that for conflicting rules it will always use the theme specific css, the second file. However, it does not seem to work. If I make a dramatic styling change in the theme file then it has no effect. If I then comment the main CSS file, the theme CSS does have effect. Was I too naive in expecting this to work like this? I know I can use inline styles to overrule anything, but I prefer a setup like this if possible.

    Read the article

  • Editing css by js in ie giving error

    - by user307635
    i need to do this. document.styleSheets[i].rules[1].style.cssText = "cursor: url(images/grabbing.cur), default !important;"; and if i m checking alert(document.styleSheets[i].rules[1].style.cssText); its giving "cursor: !important" why its not setting the whole string in this css. its a problem in ie only . in firefox its not a problem

    Read the article

  • IE7 not Caching CSS Image over SSL

    - by Alex
    Hello, I'm using the WebDevHelper toolbar for Internet Explorer to troubleshoot HTTP requests/roundtrips on my SSL site and noticed that IE re-downloads my CSS :hover images every time they are triggered. This causes a huge amount of roundtrips. How can I prevent this from happening? Edit: All static content is served with cache-control: public, so images, javascript etc. are cached in Firefox and Chrome. This problem is IE specific.

    Read the article

  • In-line CSS IE hack

    - by Daimonan
    Is it possible to create, for instance, a box model hack while using in-line CSS? For example: <div id="blah" style="padding: 5px; margin: 5px; width: 30px; /*IE5-6 Equivalent here*/"> Thanks!

    Read the article

  • Firefox CSS error

    - by Matko
    Hello! Please visit http://domenadesign.com/istra-bike.com with Firefox browser! After a few clicks on the links page go crazy but only in Firefox, what's the problem? I tried to experiment with anything in css (position, float...) but it doesnt work properly.. Thank you for your answer!

    Read the article

  • CSS: remove stubborn underline from link

    - by dmr
    I am attempting to have a link show up in white, without an underline. The text color shows up correctly as white, but the blue underline is stubbornly persisting. I tried text-decoration: none; and text-decoration: none !important; in the CSS to remove the link underline. Neither worked. How can I remove the blue underline from the link?

    Read the article

  • CSS Pseduo-selectors and IE

    - by Nimbuz
    I'd like to use css pseudo-selectors ( parent > child, element:first-child ) in my stylesheet but IE6 doesn't seem to recognize those. Is there any plugin (jQuery preferably) that would allow me to use pseudo-selectors freely without worrying about the damned IE6? Thanks

    Read the article

  • IE6 and IE7 Input padding CSS

    - by Podlsk
    I have input boxes with a height of 25 pixels. In Firefox, Safari and IE8 automatically vertically align the text of it in the middle correctly. However in IE6 and IE7 the text is aligned to the top. How may I resolve this? Adding padding-top increased the total height of the input as I have explicitly declared its height. I don't wish to use browser specific CSS. Thanks.

    Read the article

  • CSS: allow image to overflow from a div?

    - by shoosh
    I want to create the following situation: +--------------------------------------+-----------------------+ | 1| | | IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE | TEXT TEXT TEXT | |2 | | +--------------------------------------+-----------------------+ Everything is included in a div called "caption" The text is in a div called "textarea" The image is in a div called "imagearea" The text area has a fixed width the image size can change. It should be aligned to the top right (1) and should overflow from the bottom left (2) How can I do this with CSS?

    Read the article

  • Rotating images with CSS and putting them back in place

    - by fuenfundachtzig
    When I rotate a large image with CSS -moz-transform: rotate(270deg); which sits in a floating div (using Firefox 3.6.3 to display the page), it messes up the page layout: Apparently, the size of the image is evaluated before it has been rotated. Furthermore, the image is displaced, partly being out of the screen, because the point it is rotated about is fixed. How can I improve this? (-moz-transform-origin doesn't help here.)

    Read the article

  • CSS Collapsing/Hiding divs with no data in <span>

    - by Chance
    I am trying to display an address which includes the following information: Title, division, address1, address2, town/state/zip, and country (5 seperate lines worth of data). The problem is sometimes the company may only have the title, address1, and town/state/zip yet other times it may be all but address2. This is determined upon a db record request server side. Therefore how can I make my output look proper when some of my labels will be blank? I would like div's that contain an empty span to be essentially collapsed/removed. My only idea of how was to use jquery and a selector to find all divs with blank spans (since thats all an asp.net label really is) and then remove those divs however this seems like such bad form. Is there any way to do this with css? Possible Code would be something like: $('span:empty:only-child').parent('div').remove(); Picture Examples (Ignore spacing/indentation issues which I will fix) Missing Division, Address2, and Country All Possible Fields The Html <asp:Label runat="server" ID="lblBillingAddressHeader" CssClass="lblBillingAddressHeader" Text="Billing Address:" /> <div style="position:relative; top:150px; left: 113px;"> <div class="test"> <asp:Label runat="server" ID="lblBillingDivision" CssClass="lblBillingShippingDivisionFont" /> </div> <div class="test"> <asp:Label runat="server" ID="lblBillingAddress" CssClass="lblBillingShippingFont" /> </div> <div class="test"> <asp:Label runat="server" ID="lblBillingAddress2" CssClass="lblBillingShippingFont" /> </div> <div class="test"> <asp:Label runat="server" ID="lblBillingAddress3" CssClass="lblBillingShippingFont" /> </div> <div class="test"> <asp:Label runat="server" ID="lblBillingAddress4" CssClass="lblBillingShippingFont" /> </div> </div> The CSS .test { position: relative; top: 0px; left: 0px; height: 12px; width: 300px; } .lblBillingShippingDivisionFont { font-size: small; font-weight: bold; } .lblBillingShippingFont { font-size: 10.6px; }

    Read the article

  • loading css or javascript from non-public directory

    - by twmulloy
    is there a way to load css and/or javascript files from outside of the public web directory? for example on my hosting service i have /public_html but don't want these files to exist in the public directory and want them in a directory outside of the public directory in a sibling directory /system (i am using codeigniter) within the /system/application/view/

    Read the article

< Previous Page | 54 55 56 57 58 59 60 61 62 63 64 65  | Next Page >