I have an element positioned outisde its parent via negative margins, like this:
<style>
.parent {
height: 1%;
}
.element {
float: left;
margin-left: -4px;
}
</style>
...
<div class="parent">
<div class="element">Element</div>
</div>
In Internet Explorer 6, the part of .element positioned outside of its parent element is clipped, i.e. invisible, hidden, cut off. How do I fix this?
I am working on a website which needs a header with full background image & 650 height.
At the moment i am using background-size: cover; property with 100% width.
While, it's working it leaves an awkward horizontal scroll of about 50px on right side. Which is lot more prominent in smaller resolutions.
I tried applying background to body instead of header div too. But same thing happens there as well.
You can see a preview here -
http://nitingarg.com/projects/tfe/
On Single page the comment form of Text area is moves Forwarded with threaded comment. Please click on reply to have a look.
A wordpress site.
demo sites example :
http://dikkers.rtcamp.info/?p=205
You can view the page I'm referring to here:
http://portal.escalatehosting.com/cart.php?a=add&pid=9
Just enter a random domain name and then you'll see 2 buttons at the bottom. The first button (smaller one) works properly, but the second button (bigger one) isn't adding the order to the shopping cart.
Here's the code for the first button:
<input type="button" value="{$LANG.checkout} »" class="checkout" onclick="addtocart();" />
Here's the code for the second button that isn't working:
<input type="image" src="http://www.escalatehosting.com/images/continueorder.jpg" style="border:0px;" onclick="addtocart();" />
I'm simply trying to replace the first button with the second one so that an image is being used, but can't seem to get the second button to work properly. What have I done wrong? I changed the type to image and the added a src.
I need to select all span tag elements within a div with an id list_{[0-9]}+ having the following form:
<div id="list_1234" ...>
<!-- can be nested multiple levels deep -->
...
<span class="list_span">Hello</span>
</div>
How can I do that, e.g. without using jQuery? Is that possible?
I want to know a simple thing:
when setting up a style that is inherited by all its children, is it recommended most specific? (even if you don't care others having this style)
Structure: html body parent_content wrapper p
I don't care having parent_content or wrapper having the style
I do care changing the html or body style (or all p)
So what should I use?
#parent_content{
color:#555;
}
#parent_content p{
color:#555;
}
#wrapper{
color:#555;
}
...
Also, some links to tutorials about this would be great
How can I achieve the following layout? Specifically the positioning of Image and DIV
I've found that unless I set a specific width for the Div, it will just go on to the next line and take up the full width of the container. Additionally aligning it relative to the bottom of the image is giving me trouble. Currently they're both float:left
Edit: The two solutions so far work if the image is a constant width which I guess I could work with, but it's going in a Wordpress theme for an author's profile page and it's possible that images would have slightly variable widths. Is there a solution that would have the Div right next to the image (minus padding) regardless of how wide or narrow the image is? Basically having the div adjust its width to accommodate the image width.
If you change "float:right" to "float:left" in this W3schools example, you'll get an image floating to the left of the paragraph.
I want to do the same thing with a block of text. The purpose is to be able to have little annotations to the left of paragraphs. If you know of any way to do this, I'd be very grateful. I'd be really grateful (and amazed) if there were a way to place this annotation midway in a paragraph and have text flow around it.
I've searched all over for an answer but possibly don't know how to ask the question so that search engines can help me. So now I'm appealing to humans!!
i want a border on bottom of a td.i got that using border:dotted 1px black;.but it is not visible in ie7.the td height is 10px.if i use   it is visible in ie7.but i dont need that much height.can anyone help me?
There doesn't appear to be any difference between 'font-weight: normal' and 'font-weight: bold' in Google Chrome (and probably Safari). Has anyone found a way to invoke the 'font-weight: thinner' in Chrome the way that Firefox does?
On the page http://phor.net/personal there are a bunch of q elements but they all display with quotes around them (OS X 10.6.3 / Chrome 5). I'd like to prevent that. Is this possible?
I would like to be able to fadeout this class
<h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2>
and fade in this
<h2 class="care-home-fees-over"><a title="Care Home Fees" href="#">Text</a></h2>
Notice there are two separate images
Here is my current markup which doesnt seem to work
$(document).ready(function(){
$("h2.care-home-fees").hover(
function () {
$(this).addClass("care-home-fees-over");
},
function () {
$(this).removeClass("care-home-fees");
}
);
});
and the button printed before any change
<h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2>
I have 2 divs...each are float left, and each have a "width".
When I resize my browser, the right div goes down to the bottom of the left div. Why? I'd like it so that during resize, it stays there.
if i remove a.three display block this shows up fine. However what i want is the X to be at the right side. I tried float: right but it puts the x on the next line. How do i get the X on the same line? Here is some code.
I am making a page in which there will be array of images. I need the images to be zoomed when the mouse is hovered and i got it successfully through java script. But the problem is when the image gets enlarged the position of the other images is also getting changed.
I want such that the zoomed image does not change the position of other images like Google Images... that is i want the zoomed image to come over the beside images....any help please...
Thanks in advance
Over the years, I've struggled with this. This year, there might be a solution.
I need a header, content and footer.
I would like the footer to be at the bottom of the page, the header at the top, and the content in between.
I would like the content to have a scroll bar.
Q: Is that too much to ask?
I can't seem to get my <div> height in IE (7) to be shorter than 20px:
<div style="background: green; height: 1px;">
</div>
Using the above code (both with and without html and body tags) the height of the div cannot seem to drop below a certain value (I think it is 20px). Any ideas?