I have a blockquote that flows around a left-floated image. How can I make the blockquote indented 2em from the left margin of the page when it is above or below the image but indented 2em from the right side of the floated image when it is along the same line as the image? I am using HTML and CSS. ...
I have an icon that I would like to be able to drop into text at arbitrary points and have it "flow" with the text. Background: An <img> tag works best for this. However, I don't want to have to specify the href everywhere. That will present problems in the future should the icon/location change. It also depends on me knowing the path ...
I had a page that displayed some text and a centered table below that text. I added another table adjacent to the first table. The font size remained the same on screen, but in print the font size got reduced. This is probably so that two tables could fit one besides another. Problem is in the fact that font size got reduced on the enti...
Ok so this is basically about scrollable tables. If I have a table element I can make the content scrollable (with some javascript fun, including accouting for the scroll bar using the width) by making the thead fixed height, and the tbody fixed height, then setting scrolling to auto on the tbody. This works in Firefox, but in google c...
We are building essentially a product/image sorter in pure CSS and js. The sorter will reorder products into different groups based on filtering and selecting. It needs to be ultra fast and smooth when moving/shifting products etc Here is an example in flash of what I am talking about (click the links in the middle of the page to see an...
Hey there, how can i center my links like this? They all are centered inside a div, but they begin from the same distance. i am link 1 i am a longer link than link 1 i am a short link we are all centered in div If i apply text align: center, i get: i am link 1 i am a longer link than link 1 i am a short link we are ...
Hello, I have written code to overlay a SWF above a HTML button. I use the offset function from jQuery to get the coordinates and move the SWF. Unfortunately, it seems like the SWF do not get moved. var offset = $("#button").offset(); $("#SWF").offset(offset); $("#SWF").css({'left':offset.left, 'top': offset.top}); $("#SWF").offset({ ...
Hello fellow geeks, I'm designing a website which has fixed elements on the outer edges of a fixed-width layout. A div in the center is reserved for the content. When the user scrolls, I want all of the content (besides said fixed outer navigation elements) to stay within the borders of that center element. Here's a quick mockup of wh...
My HTML+CSS graphic My issue with this page is that the "High School", "Middle School", and "Elementary School" images center perfectly in all browsers except for IE6, 7, and 8. Relevant parts of the page: (Edited for clarity) CSS: #block { clear: both; width: 682px; } .education_level_wrapper { float: left; width: 1...
I am developing a web application which needs to work with both IE7 and Firefox 3.6. I am laying out the forms using CSS. The forms are pretty standard. I want each div (data-group) on its own line with the labels and options lined up together within the div (as a row). Here is the CSS that works in Firefox: .data-group { /*dis...
When designing the base styles for a site, one should strive to address all of the different HTML elements that could come into use. This is especially true when developing a skin for a CMS where the admin's WYSIWYG editor might introduce elements you hadn't planned on (strong, em, strike... etc). What is a list of HTML elements that an...
Hello Everyone, I'm observing the following behavior when I use IE 8 to print a page from the webapp I'm working on. element n is an html element. The page is styled using a media=print sheet. In ASCII: +-----------------+ + element 1 + + element 2 + + *page-break* + + element 3 + + element 4 + +----------...
I want to position this HTML snippet <div id="D1"> <div id="D1.1">HeaderText</div> <div id="D1.2"> From <input id="from" name="from" value=""/> </div> <div id="D1.3"> To <input id="To" name="To" value=""/> </div> </div> this way +-(D1)-------------------------------------------------------------------------+ |+-(D1....
Hello i've been trying out a bit of code posted to make image rollover buttons using only css, this seems to work fine. local testing showed no problems, IE, Firefox, safari all ok. even chrome displays as intended on the local version. Once i move to a hosted test, IE, Firefox and Safari all display as intended but chrome offsets al...
hello, i have a horizontal <ul> and i need to center each <li> in it vertically. below is my markup. each <li> has a border, and i need the items as well as their contents to be in the middle vertically. please help. i am new to css. thanks! konstantin <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...
I'm trying to build a sortable listed thats animated. Apples Bananas Cavemen Let's say I've selected Apples and I want to switch it with Cavemen, I want to click on Apples, drag it to cavemen and have bannas and cave men animate up to the proper positions. I am aware that JQuery UI Sortable allows for some level of this functionalit...
Anyone know why overflow:hidden forces an element with floated elements to wrap the elements? I really want to understand the inner workings rather than just using it and trusting that 'it just works'. I can understand how it works when the containing element is floated in the same direction as child elements that are floated, but ove...
There have been similar questions asked, but the solutions do mesh with what I'm trying to do. Basically, I have an article with a title (<h1>). I don't want to control the length of the title, but I also don't want the title to appear on multiple lines. Is there a way with css or jQuery to resize text based on the width of a <div> ta...
I understand that the CSS page-break-inside:avoid instruction is supposed to prevent a page break within a div when an HTML document is printed. Searching the internet, I found that it is supported onlz for Opera and IE8. Is there a work around that allows me to prevent page breaks in FireFox (3.6) or IE below 8? ...
I have an element that's getting styles applied via JavaScript. I'm not sure exactly where; is there a way to check Firebug to show where the "element.style" is actually coming from? ...