css

How to make my div align in CSS?

This is my actual div: Pic1 This is the Pic1 HTML code, it will loop based on the database: <ul class="productUl"> <li class="productLi"> <div class="productItem"> <!--my div content--> </div> </li> </ul> This is my CSS code: .productItem{ width: 15em; height: 13.8em; text-alig...

overlay div over iframe

I'm making a widget similar to the uservoice widgets, except I want the content of the page to be in an iFrame rather than the widget appear via javascript. How can I have a full page (width/height 100%) iFrame with a div fixed to the left of the browser, an example (using javascript rather than css/html) is here: http://uservoice.com/d...

Help with layout problems in IE

I am having some problems getting this layout to work properly in IE (both 6 and 7). It, of course, works fine in Safari and Firefox. What's going on here: I have a footer which is fixed to the bottom of the viewport, or under content - whichever is longer. I have a header above the content which contains a number of centered and flo...

Firefox Mac alignment issue

I wrote a menu where the total width of the buttons should be always the same width of the menu bar. So i take the whitespace and devide it over the buttons. It works on: Windows: FF IE6 IE7 IE8 Mac: Safari Chrome But it doesnt work on Firefox on the Mac can does anyone have an idea? The example can be found: http://www.bobkarreman...

Elaborate documentation / tutorial for using jQuery UI stylesheets in website.

Hello. I'm using jQueryUI in my web application. I'm planning to make the most of the out-of-the-box styling provided as part of the jQueryUI theme for my other elements of the application. However, I am struggling to find adequate documentation about using the styles in ui.core.css & ui.theme.css files. I am looking for elaborate doc...

What are cons of global css reset * { margin: 0; padding: 0; }?

What are cons of global css reset * { margin: 0; padding: 0; }? What people prefer eric meyer css. This is eric mayer css html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup...

Adding a div overlay to each item of a repeater control

I've added a div overlay to my repeater control using absolute positioning. Predicably, this simply renders all of the divs in the same place. Is there any way that I can put this overlay over each row of my repeater? <table style="border-style:None;width:350px;border-collapse:collapse;"> <tr> <td> <b>ID</b> </td> <t...

CSS: are images requested if stated in CSS but later over-ridden?

I'm building a web site that uses a fair amount of drop shadows and gradients. I can accomplish a lot of this via CSS's box-shadow properties. Alas, we're still supporting IE, so we need to add background images in those situations. I could be lazy and just give everyone the background images, but I'm trying to streamline things for t...

IE8 Toggle Bug?

I think I have an issue with IE8 and it's driving me nuts. let me explain it with images and an online demo. When you first visit the page it's all normal as you see below Then when you click to the "Click here to add new one" button.. it displays a div that includes a form... untill now it still works fine as you see below... Whe...

Text box value sticks even if i refresh?

Hi, i have the following html : <input type="text" id="searchbox" name="q" value="Search Pictures..." onclick=" if(this.value=='Search Pictures...'){this.value='';}" /> It's works when i open the page for the first time, but when i type something and search , then i come back to the page, or refresh, i find the past keyword still sti...

remove extra space beneath picture

Hi, I have a picture on my website which has to much space beneath a picture. I tried to search for extra tags, but I quess it's controlled in a css file. Can someone tell me which part of the css is responsible for the space? The location is: images/artikelen/123.png this is a part of the html leading to the css containers which I t...

Flex 3 - Style not applying completely on dynamically created tabs in TabNavigator

When I create a tab dynamically via ActionScript, the style for the newly created (and selected) tab get applied to the skins, but not the text, unless I click on another tab and then click back to it. This is the A/S, MXML and CSS code I am using: private function clickAddTabHandler(event:Event):void{ var vbox:VBox = new VBox; v...

HTML Unordered List CSS

I have a unordered list, with each list element containing two spans (say span A and span B). Now I need to format these so that they are placed horizontally across the screen, when span A always on top of span B. Eg. spanAItem1 spanAItem2 spanAItem3 spanBItem1 spanBItem2 spanBItem3 How can I do this using some creative CSS? ...

What does the CSS specification say is correct way to measure an elements width?

Chrome seems to measure an elements width from the inside of the margin including padding but Firefox and IE measure the boxes width where the border is (not including padding but inside margin). measuring the elements width from the border makes sense to me and is also helpful when coding because turning on borders will let you see the ...

side by side divs

I've got 4 divs inside a parent div. To get them to appear side by side, I've given all 4 divs a style with float:left. The divs do appear side by side, but the parent div's height does not grow to encompass the height of the child divs. What am I missing? ...

Using jQuery animate CSS opacity fade and @font-face gives Internet Explorer very ugly font rendering?

Hello. I'm working on a site with HTML/CSS/jQuery that is trying to act like a Flash site. I've had to use @font-face to get the desired font to work. The client wants the fade in of text and content too (so it looks like the Flash file). The problem is, the font's look jagged and ugly in Internet Explorer. My CSS for the font face loo...

getParent function not working in ie

Hi, i have this function : jQuery.fn.getParent = function(num) { var last = this[0]; for (var i = 0; i < num; i++) { last = last.parentNode; } return jQuery(last); }; and this html : <div class="statuscontainer"> <div class="title"> Title of div here </div> blah blah blah blah <br> <a onclick="$(this).getParent(4).fadeTo("slow"...

HTML|CSS: Space between input buttons

I have a problem in which I have a space between these two buttons as seen in the image below: The code is as follows: <input id="NeedBtn" class="PostBtn" type="button" /> <input id="ProvBtn" class="PostBtn" type="button" /> .PostBtn { background: url(../Images/Buttons/PostButtonF.png) no-repeat; width: 50px; height: 28px; ...

padding an entire column in an html table

I have two columns in a table. Without explicitely specifying a column width, I want to allow a bit of space between the left column and the right. I know I can do this by setting the padding-right style on each left cell, but is there some way to just specify it once so it applies to all cellsin that column? I don't want to add a "sp...

Can CSS handle this hourglass-like situation ?

I am having a tough time thinking a solution to the following problem. Let me illustrate it first Situation I have 26 items (in this example, in general the number is not known..) but only 12 can be visible at one time.. I also have some navigation elements (the green boxes) Width of purple and green boxes is fixed but height of purpl...