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 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.
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?
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 such div:
<div class="box">
<div id="myid" style="display:hidden;"> <p>some stuff here</p></div>
</div>
when I do $("myid").slideToggle("slow"); , if the content of has bigger height over box, my content overflows from the bottom of the "box" class, weirdly this doesn't happen with other browsers but IE8
How can I fix this issue so that when "myid" starts to display content, height of the .box resizes itself to fit the inner div.
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?
How does one troubleshoot a site that loads sometimes, but then requires a reload at other times... sometimes it loads, sometimes it hangs and a refresh is required, sometimes more than once.
What would you do in this situation? I'm just looking for basic troubleshooting steps to start me going in the right direction. In the meantime I'll be poking around in Chrome's "Inspect Element" but if there's specific things I should look at first let me know.
Hi,
I'm trying to create a layout with display: table and alike, but it seems that display: table-row and others do not respect width property. Is there a way to over come with this?
I have a website with a jQuery UI navigation, and I've got ajax working to dynamically change content between html files. I'm basically just replacing the contents of certain div ids with the contents of other div ids.
This still requires numerous HTML files and I was wondering if there was a way to have a single html file and load content into the main page from it instead? What about an xml file?
Thanks for the tips and advice about best practices and possible solutions.
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?
Hello.
What's best, a repeating background of 100px wide so that the actual file doesn't need to be redrawn 1000X times in width, or a 1px file that probably has smaller file size, but the browser will need to redraw it a lot more.
Thanks.
So basically making some concept logic for a project I am working on. Basically it's a portfolio and each box will be a picture and I want to be able to change the value of a h2 to some type of description. Right now it's just a black box so 'square1, square2, square3...etc' will work for now. I looked up some stuff on jquery and found this link from an SO answer. Basically what I need but he is only shifting through one piece of information instead of many in my case. Wondering how I can achieve that via jquery. I imagine I would need to make an array with all the descriptions I need, and (this is where I am lost) somehow attach the value of array to the square and then from there change text of h2 to the array value. Thanks for any help in advance here's what I have so far (not much just did some foundation work). Not sure if this matters but if there is no hover I want the h2 to say nothing.
HTML (makes me post code if I have jsfiddle)
<div class="squares">
<div class="square1"></div>
<div class="square2"></div>
<div class="square3"></div>
<div class="square4"></div>
<div class="square5"></div>
<h2 class="squareIdent"> </h2>
</div>
I'm trying to have scrolls on an iframe without the scrollbars showing up.
I've tried so many codes, I've tried this too, I don't know if I just mess up but my mind is really all over the place trying to figure this out. I've tried overflow:hidden but that just disables the scrolling of the page. I'd still want the texts to scroll without showing the scroll bars. I need help I've been trying to figure this out for days
Anyone know why the animation is rough (doesn't really animate) on this bit of jquery?
$('.close').click(function() {
$('.hidden-content').fadeOut('fast', function (){
$('.serv-button').fadeIn('fast');
});
});
Basically when you click on the close button a ".hidden-content" should fade out and the "serv-button"'s should fade in. But instead they just appear and do no fade. Here is my working example, it's on the services section:
http://www.hdesignonline.com/qdup/
Basically I need the content to fade out exactly how it fades in...
In the code below I have two div boxes. The first is float:left, the second has clear:left so that it sits below the first. My question is why does margin-top:20px not push off the first div?
<head>
<style>
div { width:100px; height:100px; background-color:green; }
#box1 { float:left; }
#box2 { background-color:red; clear:left; margin-top:20px; }
</style>
</head>
<body>
<div id="box1"></div>
<div id="box2"></div>
</body>
Here is a quick sketch.
I would like to achieve that images in the gallery div will be 100% of the height of the gallery div and keep the aspect ratio
AND
that images would resize as you would change the size of browser.
Is this possible?
Any help would be much appreciated.
Here is what I made so far: www.nulaena.si/photob/.
I'm so close but I can't get this to work like I want it. I'm trying to get the header and the menu to always be visible and have the content take up the rest of the view screen and have it's own scrollbar when it overflows. The problem is that the width of the content isn't being stretched to the right and I get a scroll bar in the middle of my page. I also can't get it to take up the rest of the remaining window height, if I set the height to 100% it wants to use the whole window height instead of what is left.
I'm only working with IE7 or better so need to worry about javascript and am not averse to using jQuery if it can solve this problem!
http://pastebin.com/x31mGtXr
Hello,
This may sound silly.
I have a <div style="left:0px; width:100%; top:0px; position:absolute; background-color:#000"></div>. It shows up from left to right on ff and chrome, but not IE. How exactly should be resolved.
Thanks
Jean
What should i keep for html, {font-size: 100.01%; } or { font-size: 100%; }?
what is {font-size: 100.01%; }? and is it really good to mention font-size in html{} even
If I'm using body {font-size: 62.5%;}
Is it possible to make it so that a jqGrid will have a width set to 100%? I understand that column widths must be an absolute pixel size, but I've yet to find anything for setting the width of the actual grid to a relative size. For instance, I want to set the width to 100%. Instead of 100% it seems to use an odd size of 450px. There is more horizontal room on the page, but with the columns width and such, it will make the container(of only the grid) horizontally scroll. Is there some way around this?