How do I lay out four sidy by side containers using CSS?
So that when text (in those contianers) gets enlarged all is still well. Sort of forum: Topics, Replies, Views and Last post. ...
css
Why, when I center an image in a div with line-height, does a 3px gap appear at the top?
Have a look at this page. The images on the right should be centered within their divs. But if you look closely, there's a small border of around 3 pixels at the top. And if you disable the overflow: hidden (through firebug or the IE8 equivalent), it sticks out the bottom. The HTML is this: <div class="small"> <img src="/images/pho...
Div items out of div
I am fairly new html developer, i am using bunch of divs in my page. Issue is some of div items are not within div although they are defined within div tag. What am i missing here to understand? How to make sure that all items within div will get rendered within div? ...
Setting the height of a Form in ASP.Net
My CSS doesn't work so well when using it in ASP.Net it appear to use the background image only when there's actual content inside of the form. (It dynamically grows vertically). Is there a way for me to specify the height of my ASP.Net form? <form id="form1" runat="server" style="height:inherit"> <asp:ContentPlaceHolder ID="ContentPla...
iPhone refresh after typeing panel goes away
I'm developing a web site for the iPhone. One script that I'm using as a work around for the unsupported "position=fixed" class positions the div perfectly and lets the user scroll through the list while this div stays put. Works perfectly except when the user types something in the text field in the "fixed position" div. The standard ...
what is the use of "v=747" at the end of /site_media/base.css?v=747"
I have seen a web page source code containing the following css declaration at the header: <link rel="stylesheet" href="/site_media/base.css?v=747" /> What is the use of "?v=747" at the end of this CSS declaration? ...
Image Map w/Image-Based Rollovers Bounded by AREA Coordinates, jQuery if Possible
Basically I need this: http://plugins.jquery.com/project/maphilight ...but instead of just having the <AREA> tags recieve a border or fill color on rollover, have them recieve a background image. The image needs to be clipped by the shape of the <AREA>s. Any ideas? Basically the setup I have is as follows: <img usemap="#map" /> <map...
Why can't I clear:left these labels in IE7?
I'm trying to get this css layout to work with IE7 and I'm a bit stuck. Any thoughts on how I can get the form to look like it does in FF and Chrome without changing the page structure? I know there are some IE specific CSS hacks out there, but I'm not totally sure how to apply them. In FF and Chrome the form correctly displays the form...
Strange CSS margin problem.
I'm styling a form designed by a client with the following structure: <div class="formRow"> <div class="fieldName"> Email </div> <div class="fieldInput"> <input .../> </div> </div> The width of the form is 500px, but the fieldName div and the fieldInput div stack on top of each other instead of sitting ...
How can I Animate an Element to its natural height using jQuery
I'm trying to get an element to animate to its "natural" height - i.e. the height it would be if it had height: auto;. I've come up with this: var currentHeight = $this.height(); $this.css('height', 'auto'); var height = $this.height(); $this.css('height', currentHeight + 'px'); $this.animate({'height': height}); Is there a better w...
Bizarre float bug in IE7
On the webpage I'm working on here, I have a main div, and within the main div, and image div. Roughly speaking, the important HTML is: <div id="wrapper"> <div id="main"> <div class="images"> <p>Content</p> <div class="clear"></div> </div> <p>Text...</p> <div class="clear"></div> </d...
Jquery Mouse Over effect.. going "out" before it should
So I created a simple menu for a small project I have. When people mouse in and out of the menu on IE6 or IE7 the menu will drop down.. but it will go back up if you move the mouse slowly downwards. Does anyone know how to prevent this behaviour.. it seems like it thinks its mousing out.. even though it hasnt yet.. the url: http://vas...
Positioning form's inputs with em unit.
I was looking for way to set position for inputs other than using tables. I googled this: Applying CSS to forms and I've made a test site: korran.ovh.org/test/test.html Text-type inputs looks good, but submit is moved a little to the left. Interesting thing is that if I set font-size: 10pt it looks perfect. But with default 12pt it's mo...
Remove CSS from select using jQuery
Hi guys, I had more than one css applied to an input, one default and others to customize. I want to disable the css default but not the others. I tried to remove with: $j('#teste').css("max-width", ""); and $j('#teste').removeAttr("max-width"); Those ways, remove all css. How can I do this with jQuery? ...
Too Much Margin on Button Element in IE, Looks Perfect in Firefox
Hello all, having my first attempt at rounded corners in a login form. Just doing the layout right now, but having some IE7 troubles. Trying to avoid using conditional statements, but although I can get it displaying perfectly in Firefox 3.5, IE looks to be creating a larger margin on the right and left of my login button. It could be th...
background image not showing underneath div
Hi, The banner on this page here (a work in progress), has the following structure <div id="top"> <div class="sidebox"> <div class="boxhead"> <h2>Chalets des Bouleaux</h2> </div> <div class="boxbody"> <p>Tel. 819-444-4444</p> <p>Notre-Dame de Pontmain, Québec, Canada</p> </div> </div> </div> The ...
Background image shows through briefly
I have a site that uses a large centered background image, which naturally loads a tad slower than the other elements on the page. For the most part this works okay, but there is also a repeat-x background image that covers the background for large monitors. The only problem is that this smaller file loads first and flashes briefly befor...
Border flows over table but not paragraph with inline display
Using HTML and CSS. I have text surrounded by a border using display:inline to make the border just larger than the text. The problem is that the border overlaps certain surrounding block-level elements. It overlaps <table> and <form>, but not <p>. CSS: .bordered { padding: 0.6em; border-style: solid; border-width: 2px; backgr...
Not Cycling Through in jQuery
Okay, I just cannot figure this one out. After looking and re-looking at my code for what is probably hours now, I am still not any closer to finding out this strange behavior. It has to do with the fading of the background and that it is leaving off about 12 of the images that are listed in the array. The images that are being left o...
display:block inside display:inline
I want to understand what happens when an element whose CSS is display:block is a DOM child of an element whose CSS is display:inline (so that the block element is a child of an inline element). This scenarios is described in the Anonymous block boxes section for the CSS 2.1 specification: the example includes the following rules ... b...