I want all .jpg links to have a certain background image. so a link on a page like 'http://mysite/myimage.jpg' would automatically be prefixed with a small icon. Actually all links to images, ie .gif .png as well with the same icon. If the link is to a website, ie .htm/.php/.html/.asp it should have a different image. I want it to be through classes in CSS. Any help appreciated. TIA
Hi,
Is there a quick way to translate (using CSS or Javascript) a tables TD into TR, currently I have:
A B C D
1 2 3 4
and I want to translate to:
A 1
B 2
C 3
D 4
??
Hi
In a div I gave overflow auto to have a scroll bar to display the content that exceeds the limit
My scroll bar appears in blue color that doesn't suit my layout how can i change the color
div#navigation{background:#efe9b9; overflow:auto}
This is the css i am using ... I want brown colored scrll bar
How to get it
I have a form with a lot of fields. I want it to be neat and easy to use. I found this site that theorizes about an updated e-bay registration form and I liked what e-bay was doing.
So... what html/css do I need to get a form to look like the form on the right:
<td style="width:230px;overflow:hidden;">
<?php echo $something; ?>
</td>
What I'm doing is to cut $something to 2 rows at most,and add ... when necessary,
but this kind of requirement seems clue less when trying to implement,
Solutions within the scope of php/javascript/css are appreciated!
anyone has ideas?
I am trying to make a bar chart using tables, which I have almost accomplished to my liking. The last step I want is text over my image which represents the bar. Here is the code I have thus far for building my little bar charts:
$height = 50;
//build length
$width = 450;
$multi = $brewAvg / 5;
$width = $width * $multi;
print " <tr > <td > $count. <a href=\"$breweryURL\"> $brewR</a> </td> <td > <img src=\"blueBar.png\" width=\"$width\" height=\"$height\"> </td> </tr> ";
And this produces something like this:
You can see in the code how I simply calculate the length of the bar based on a breweries rating. What I want to do next is have the rating number show on top of each breweries on the left hand side. How would I go about accomplishing this?
Update:
I tried a tutorial I read here:
http://www.kavoir.com/2009/02/css-text-over-image.html
and I changed my code to this:
print "<div class=\"overlay\"> ";
print " <tr valign=\"middle\" > <td > $count. <a href=\"$breweryURL\"> $brewR</a> </td> <td > <img src=\"blueBar.png\" width=\"$width\" height=\"$height\"> </td> </tr> ";
print"
<div class=\"text\">
<p> $brewAvg </p>
</div>
</div>
";
And my css I added was this:
<style>
.overlay {
position:relative;
float:left; /* optional */
}
.overlay .text {
position:absolute;
top:10px; /* in conjunction with left property, decides the text position */
left:10px;
width:300px; /* optional, though better have one */
}
</style>
And it did put any of the value son top of my images. All the text is in a list above all the bars like this:
I have a lot of div boxes with nested div .titles, with a button inside. Is there a way in jQuery to select the parent of the button?
Something like:
$("#button").click(function(){
$("this.parent").css({'border-bottom' : 'none'});
});
Or am I going to have to rename all of my title classes to unique classes?
Hello people, this is my first question, so i do not know if i am doing it ok...
I would like to know what is the meaning of ".foo{}"
It is placed at the beggining of a css stylesheet i have been modifying.
Regards.
tomano
Click here to see a simple example of what I want. It's really easy, but for some reason Google won't display it.
It's part of a foreach loop, if needed I can add other codes.
There is nothing else in the rest of the css to mess with this, I have checked about 10 times.
Thanks.
How do I order images in a list in an inline style with css? I have tried puting inline style in the list tag but it is showing it in block form. Any help will be greatly appreciated
Hi, I have a site setup that is working fine in ie8 and firefox but as you can see here:
http://i36.tinypic.com/nzq63m.jpg
Is this an issue with some css or a png transparency? Or is this just something with IE7.
Thanks in advance :)
hello, I've got one problem...
I created table(with one row and one column) for my site and then I put background for table using CSS where I defined image, after that I try to create in the first table another table with 3 rows, Dreamweaver doesn't allow me to do it, it puts new table after first, how can I solve this problem, thanks in advance...
Pretty much all in subject, do i need use javascript to acheive this pr maybe css will fit well? Also I need that solution to work fine with IE6.
If javascript is only solution then how to animate div to change position smoothly?
Thanks in adavnce for any help
It's simple to observe the documents scroll event but I can't seem to find anything relating to the scroll of any other element with css property overflow being set?
To get around this myself i've been observing mousemove which only fires while you hold down on the scrollbar but this would need to be teamed with a mouse wheel observe also to get the full effect.
Could anyone point me in the right direction for a better way of implementing this?
<style type="text/css">
#[':0:adId']{/*this is not useful*/
background:red;
}
</style>
<div id=":0:adId">Loading...</div>
the google maps use this name,
so how do i set the style.
thanks
I have the following CSS
.ul{
list-style-image:url(/images/bullet.png)
}
My bullet.png is 20 x 20px however it is displaying the text at the bottom of the image while I need to display my text in the middle of the image. Is there a way to assign margins and paddings that move only the text?
I've used this tutorial to highlight the current page in the menu. I have a pages controller with a few static pages, for the home page I simply have
def home
@title = 'Home
and similar for contact pages etc.
Then in my main layout file I have <body class="<%= @title %>">
and this works fine to set the correct css, but how do I set @title for my other controllers where there's more than one action?
Possible Duplicate:
Tables instead of DIVs
I'm making a site using Purely semantic HTML and CSS but for one design which is Not tabular data but only possible with <table> or with lots of <div> then what we should choose?
in this case is div more semantically correct or table?
I would like to design a progress bar, without using an image (eg animated gif...).
Can this be done with just html css and jquery?
trying to be creative here :)
Update:
the progress percentage cannot be determined, so it has to be a loop
How can i hide the scrollbar of using css/jQuery? i notice that the slideDown() function makes the scrollbar to be hidden but i can't understand why(the precise reason/behaviour).
I have the following CSS
.ul{
list-style-image:url(/images/bullet.png)
}
My bullet.png is 20 x 20px however it is displaying the text at the bottom of the image while I need to display my text in the middle of the image. Is there a way to assign margins and paddings that move only the text?
Here is the HTML:
<div id="outer">
<div id="inner"></div>
Test
</div>
And here is the CSS:
#inner {
float: left;
height: 100%;
}
Upon inspection with the Chrome developer tools, the inner div is getting a height of 0px.
How can I force it to be 100% of the height of the parent div?