css

CSS: is background-image working on <a> elements ?

Is background-image working on <a> elements as well on all browsers ? ...

height not extending for full page.

I have the CSS below html, body { margin:0 0; padding:0 0; background:#444; height:100%; } #page { width: 900px; margin: 0 0; height:100%; background: url(imgs/bk.png) repeat-y; } but it doesn't extend my background to the whole end of the layout, just shows my body background color of #444444 throu...

CSS Overlay Issue - AdSense Block lays over my tags (Screenshot included)

I've updated my theme at my main site, TweaksForGeeks.com, but as you can see in the image below I'm having an issue with my bottom AdSense block. The AdSense block overlays the tags if it is an article that has enough tags (or long enough ones) to use more than one line. It looks proper if the tags are all on just one line. I've fid...

css position absolute problems with image in cforms

Per customer request I need to put an image in a form (via cforms in wordpress). As you really can't display images there, I just abused a label field like this: 01a Contact Information <img style ="height: 155px; width:668px; position:absolute; top:235px; left:617px;" src ="image.jpg" /> Problem is that once I use position: relative ...

pushing up with negative margin and stay visible

I have 2 divs in an outer div. The outer div has a top margin so there is a space above it. I want to move the left inner div a little up to fill some of that space. I did a minus margin-top.. it works, it pushes the left inner div up.. but it hides the top 10px that moved up. I want them to stay visible. I tried making the div have z-...

Center single character of text vertically?

Hi, I'm trying to center a single character, like this: <div class='button'>x</div> <div class='button'>+</div> <div class='button'>*</div> .button { border: solid 2px #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; color: #888; width: 16px; height: 16px; font-weight: bold; text-align:center; float: left; ...

Site not rendering correctly in IE

This page is not showing correctly in internet explorer while it's fine in other browsers. Any ideas would be appreciated. I am not sure if I should paste the css here as it can be viewed with firefox tools. However if anyone requests it I will post it. This is the page: http://www.enjoyislam.net/adult.html ...

nice css holder without image

any technique that can be used to place on image-holder while waiting for image to load. a typical way of doing is placing dummy image while waiting for real image to load. my image code like below <div id="realimage" style="background-image: real_image.jpg"/> any nice way to put as image holder without putting dummy image? using pu...

List item inside #footer text not going to center.....

I want to keep list item in the center of #footer div always. Footer is flexible. I'm using current code but it's not making list item in center. #footer {overflow:hidden;text-align:center} #footer ul {margin:0 auto} #footer li {float:left;padding:10px;text-align:center} HTML <div id="footer"> <ul> <li>item1</li> <li>item...

Does icons inside font good for site?

Hello! I wanna create special font containing only icons. and for each letter will be diffirent icon. I want to embed this font in css. and use like this if i need some icon: <a class="icon">f</a> and css <link href='http://fonts.mysite.com/css?family=MyFontWithIcons' rel='stylesheet' type='text/css'> which contains: @media scree...

Stacked Anchors

I have three stacked images that I rotate through using Dojo fadeIn and fadeOut and a timer. Only the href for the last one is ever available. Is it possible to rotate the href as well? <div id="main-slideshow"> <a href="catalog_item.php?sku=1001"><img src="images/catalog/WRP21Aug10_0014.jpg" /></a> <a href="catalog_item.php?sku=1002">...

CSS - How to prevent the DIV without content from shrinking

Hello all, I have the following code: <div id="sub-title-div"> Hello world </div> #sub-title-div { background: #FFE640; position: relative; top: 0px; left: 30px; width: 901px; height: 137px; line-height: 13px; } I found that if I remove the 'Hello World', the #sub-title-div will shrink and becom...

how to change height of div to covered the text area (CSS)

Orginal CSS Code http://www.faressoft.org/BlueCristalTheme/postView.php Result should be ...

Css: -webkit-border-radius for Internet explorer?

Hi, I want to set border for a div, Using: -webkit-border-radius working fine on Chrome but it is not working for Internet explorer, triple versions: ie 6, 7 and 8 :D Is there any other attribute like -webkit-border-radius specifying for IE? Thanks in advance. ...

CSS - Usage of background-attachment

Hello all, I have read the manual of CSS background-attachment and never get the true idea. However, today I learn a lesson as follows: .#city-images-div { background: url(../img/100.jpg) no-repeat fixed 0px 0px; position: absolute; top: 2px; left: 2px; width: 557px; height: 374px; cursor: pointer; borde...

CSS min-height not inheritable...any workaround?

Hello, What I want is for my content div to have a minimum height of 100% of the window so that it's background image will repeat from top to bottom without any gap at the bottom. If I set the body's height to be 100%, content that overflows the content div clips the background. I've set the body's min-height to be 100%, but the resul...

android css transitions stop animating

Has anyone else run into an issue where a CSS transition stops animating? I am trying to animate an element scrolling it left or right by applying -webkit-transition: left 500s linear; it works fine at first, but if you make the element scroll back and forth from repeated user actions, at some point the transition just stops animating....

divs next to eachother, float:left or right will not work

http://earldev.tumblr.com/ I am making a theme that uses a script that lets the div scroll on mouseover. The images work find but any text posts will float below the other text post. I tried float:left, float:right, clear:right, clear:both, display:inline, pretty much anything. Help? ...

CSS: check if href is a file?

I know I can use a[href$='.mov'] to check if the href refers to a .mov file. However, can I generally check if the href attribute refers to a file? So any file with a suffix at the end? Regards Matt ...

CSS dropdown menu disappears when mouse moves off of <li>

Hi there. I have the problem whereby I can't keep my sub menu visible. When I hover over the parent <li> it appears, and then when I move down to select one of the sub menu items it disappears. This is as soon as focus is lost from the parent <li> I can't find a solution anywhere. can someone please check it? http://www.mymediaventu...