Hi folks,
Quick question. I want to change the color of an int based on the value being positive or negative, using css if possible.
Any ideas??
Thanks again!
I've noticed that Firefox throws me a warning on the following jQuery code:
$("li.example div.code:gt(4)").hide();
CSS Error: Unknown pseudo-class or pseudo-element 'gt'.
According to jQuery, it all should be correct. And it works, but I wonder how to fix this error for cleanness sake.
I have been at this for a long time. I have a css div that is center on page. It floats on bottom. When I add content to div #menu i can not get it to shift right. I want to add full menu that float on the page. It have a live chat button coded. It just does not seem to work right
#menu {
background: url("grid2.gif") repeat scroll 0 0 transparent;
margin:0 auto;
border: 0px solid #888888;
color: #FFFFFF;
display: block;
font-weight: bold;
padding: 0px;
position: fixed;
align: right;
bottom: 30px;
width: 970px;
}
* html #menu {
position: absolute;
}
#menu a:visited, #menu a {
color: #000000;
display: block;
height: 20px;
line-height: 20px;
margin: 0 auto;
text-align: center;
text-decoration: none;
}
<div id="menu"><script language="JavaScript" src="/livehelp/js/status_image.php?base_url=/livehelp&l=adminlive&x=1&deptid=1&"></a></script></div>
Hi Everyone:
I am wondering if there is some way to align text on the right of a photo, and keep the text in that same "box" even after the image ends using HTML and CSS. A quick "diagram" of what I am attempting to accomplish is below:
------- --------
------- --------
-Image- - Text -
------- --------
------- --------
--------
--------
Thanks for any help!
I have a bunch of elements with a classname
<p class="red"></p>
<div class="red"></div>
I cant seem to select the first element with the class="red" using the following CSS rule:
.red:first-child{
border:5px solid red;
}
What is wrong in this selector and how to correct it ??
In the son of suckerfish drop down menu:
http://www.htmldog.com/articles/suckerfish/dropdowns/example/
You see this rule
w\idth: 13.9em;
This can't be a typo as it appears various times in the css. What is it for?
This is the CSS I'm currently using to produce a horizontal menu. Does anyone have any suggestions on how to go about extending it to allow for submenus?
/* CSS Document */
.rhm1{
width:780px;
height:64px;
margin:0 auto;
background:url(images/rhm1_bg.gif) repeat-x;
}
.rhm1-left{
background:url(images/rhm1_l.gif) no-repeat;
width:15px;
height:64px;
float:left;
}
.rhm1-right{
background:url(images/rhm1_r.gif) no-repeat;
width:15px;
height:64px;
float:right;
}
.rhm1-bg{
background:url(images/rhm1_bg.gif) repeat-x;
height:64px;
}
.rhm1-bg ul{
list-style:none;
margin:0 auto;
}
.rhm1-bg li{
float:left;
list-style:none;
}
.rhm1-bg li a{
float:left;
display:block;
color:#ffe8cc;
text-decoration:none;
font:12px 'Lucida Sans', sans-serif;
font-weight:bold;
padding:0 0 0 18px;
height:64px;
line-height:40px;
text-align:center;
cursor:pointer;
}
.rhm1-bg li a span{
float:left;
display:block;
padding:0 32px 0 18px;
}
.rhm1-bg li.current a{
color:#fff;
background:url(images/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
color:#fff;
background:url(images/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
color:#fff;
background:url(images/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
color:#fff;
background:url(images/rhm1_hover_r.gif) no-repeat right 5px;
}
i want to enable css 3 in ie7. it's work perfect in Firefox but in Ie not work.
i download files from google code(IE8.js - DOMAssistantCompressed-2.7.4.js) to run css3 in ie but not work.
any body have idea in this problem?
Thank You
Hi,
I'm trying to construct a two row table similar to following:
---
-
where the bottom is filling the space of the upper row. Is this possible using CSS? In HTML I can do things like colspan.
This might seem like a bit of a design/css question but i really need some help.
This is the page http://library.permilia.com/Gavin/version2.0_beta/lead.html
It works on every browsers imaginable except chrome.
By it works i mean it applies a class .error that sets the borders to 1px solid #f00 which is a red border. In chrome for some reason you cannot change it no matter what!
Anybody got any ideas?
using xpath or css : How to get something which is selected on page using following html code.
in following code, Element1 is selected on page and I wanted to find name of element that is selected on page.
Element1
It looks like I'm missing something basic.
I want a certain DIV to have the height of the window. The effect should be that there's never any need to scroll down.
Do I have to use JavaScript? I was told that it's possible with css, but I can't find the relevant property - or I'm doing something wrong.
It's been a long day of designing and I ran into a problem today. The website www.dcninc.com/newtest/security_testing.php is a new design I'm working on at work right now.
If you view it in Firefox you will notice there is no padding on the 2 right boxes (I did that on purpose to trouble shoot my problem) However if you view that same page in IE, it adds padding to the right side. Here is my CSS and HTML below.
http://pastebin.com/hRxZp9ub
http://pastebin.com/YwSYn7ti
Hi
Complete novice question. I've used jQuery a bit, YUI not at all and know very little about it.
I work on a website thats IE specific, we're now looking at making it cross browser. jQuery seems great at hiding the differences between browsers from a javascript point of view. However in terms of css layout is it YUI that I should really be looking at?
thanks
I'm created a very large map with many poly areas (over 20 coordinates each) for regions within the map. However, you can't add css to the AREA tag as I was told it's not a visible element. What I want to do is when the user hovers over an area on the map, I want it to be "highlighted" by applying a 1px border to the specific AREA element. Is there a way of doing this? No, I'm not going to resort using rectangles.
I have posted on the template creator's site, as well as Magento support, but no one has responded.
The CSS is not loading at all on the custom theme I have installed, which is supposedly compatible with the current version of Magento.
You can view the page here: shop.dearearth.net
This is a fresh installation of Magento and the theme, with a fresh database.
I have a feeling it should be a relatively quick fix.
Thanks for looking.
hi,
what's the best way to customize html-css tooltips ? (I mean an easy cross-browser solution).
I need to reduce the fade-in delay and change the style. (also, could you suggest a good jQuery plug-in for it ?
thanks
hello friends
how can i download all CSS used in a site, for example im interested to www.MSN.ca and i want to know about style-sheets yous in MSN !
thanks
hello
does Display:none or jquery Hide function speed up my website, i mean i'm developing a website where i have a DIV but it's not always needed so if a give him CSS property Display:none or using jquery .Hide will that speed up my website ? if not how to do that?
Thanks
I want something like this: http://img257.imageshack.us/img257/5906/globalcolleage.png
I know how to create CSS-image-based bullets, but for quotations I can't figure out.
How to make this type of image popping out of box using XHTML css. without using whole box along with image as a background
Only globe image will be image.