css

Why is the sub-nav positioning off in IE7?

I am experiencing a discrepancy between the views of the main navigation in IE7 versus all other browsers in this website The active state and the hover state should completely cover the black with the tan. The other problem is that the sub-navigation background "jumps" up about 3px when you mouse over the menu. Here is the html: <ul ...

CSS absolute positioning elements inside a div

I have a .wall div with a some .toy divs inside it. I want to arrange the toys inside the wall just like http://goo.gl/4MqM. float:left property has done it for me nicely. Now the problem is I want to add position:absolute for the toy divs to make it draggable later. How can I do this either via Javascript or via CSS? Applying position...

IE doesn't apply css loaded through ajax.

As every web developer finds out the hard way sooner or later, IE does not apply css styles loaded via ajax. I know I could just put that css in a more global place, but I'm wondering if there happens to be some "hack" or "trick" to get around this. Perhaps there is some javascript magic? UPDATE WITH EXAMPLE: For example, say you have ...

Issue loading external files (CSS and JavaScript) in Safari

I'm having a bizarre situation here where my external site files, both JavaScript and CSS, are being interpretted as somehow corrupt on Safari browsers. The same site looks fine in Internet Explorer, but on Safari the javascript and css are being completely ignored. If I look at the files through the Inspector, I can see that Safari view...

Webpage error (saying Done, but with errors on page)

Hi, I'm the administrator for http://fcboro.co.uk and am having problems trying to solve a webpage error. When I load the page up on IE8, I keep getting a error in the bottom left hand corner, saying "Done, but with errors on page." When I look into it, the message says that the error is on line 22, char 5, but I have no idea where or w...

Is there any way to make the HTML underline thicker?

I have a centered div with a nested h1 inside. Is there any way to underline it with a thicker line than the html default? ...

flash file on an image in html

hi guys, i am designing a website with graphics. i have a picture with lots of graphics and i have used 'usemap' to link each graphic portion to another link on the website. I do not want to modify this image, but on this image, there is the company's logo as part of the big jpg image. I want to put a flash file on top of this image, so ...

Can I use JQuery dropdown AND suckerfish for the same menu?

I am using a JQuery "accordion" style dropdown menu. However, when JS is disabled, my menu is a giant list of items. Is it possible to use a suckfish style menu if js is turned off, but use my JQuery menu if it's enabled? ...

Dynamic Float top positions

Hi All, I have an example of a dynamic number of divs all floating left: ...but would like the new row to be tucked up under the previous as in my example desired output: I know using columns might be the best way to go but am having trouble with exactly how to go about that. A CSS solution would be great. I do know how many b...

Displaying images horizontally in a fixed with box w/ horizontal overflow.

I have a div with a height of 500px and a width of 200px. Inside are a bunch of images that are floated left and all 180px wide and 500px high. With 10px padding left and right this means the div will show just one image on pageload. I'd like this div to scroll horizontally, vertical scroll should be hidden. Because I set a fixed width ...

HTML + JavaScript + CSS compact tool

I need a tool which can minify, optimize and munge many files of those possible types HTML (minify only) JavaScript (minify, optimize and munge) CSS (minify) The final result should be one HTML file only with all JavaScript and CSS embedded or in the worst scenario 3 files respectively for HTML, JS, and CSS. I am aware of tools like...

How to make a div as wide as its sibling but not wider?

I have the following HTML: <div class="wrapper"> <div class="label"> foor bar baz </div> <img src="..."> </div> Yes, I know that div with class "label" should be a label. The simple question is: how do I ensure that the label is always exactly as wide as the picture and never wider? The width of the picture and the content ...

jquery ui bottonset() doesnt work

Hi all. Im trying to widgetize a group of radio buttons with jquery ui. jquery and jquery-ui is loaded from googleapis. I've uploaded a ui theme and included the css file in the header. This is how I call the buttonset function: <script type="text/javascript"> $(function() { $("#color").buttonset(); }); </script> And this is the...

Vertical Toolbar like Menu using JQuery with Drag and Drop

Hello - I'm trying to build a vertical menu which has options like open, save, print, email and other options. I want this menu to be movable and any one of these icons to be dragged to container. I have looked at Jquery UI but I am looking for some menu example which has the css for this menu with these icons. Any help will be very ...

Large gap at bottom of webpage

What usually causes a large gap in excessive whitesapce on webpage like this one: http://beta.globerunnerseo.com/contact/ ...

Dropdown Menu Different Levels

I want to create a Dropdown menu where I have 3 level, I have done the typical one work, When I hover on the main items I can see the second level items. Now the problem is that I can also see the third level items, Im looking to make the third level items only be seen when I hover the second level items to make it nicer. I took code fro...

Getting jQuery plugin to act on dynamically loaded (ajax) content

Hello Stack geniuses! I have one jQuery plugin (colorbox) that loads a modal popup window (with an external html file). <-- works perfectly by itself. I have another jQuery plugin (jScrollPane) that loads custom scroll bars for divs. <-- it too works perfectly by itself. Both have a JS component and a CSS component. My process thus f...

Do we need to use absolute positioning for z-indexed divs?

Hi, I'd like to position a div on top of another div, but absolutely, something like: <div id='parent'> <div id='under' z-index='1' width='100' height='100'></div> <div id='over' z-index='2' width='100' height='100'></div> </div> I know the width and height I need the two divs to be, but I don't know what absolute position t...

How do I apply a different background image to the <html> tag?

I need to apply different background images to the home page < html > tag and the inside pages of a site. In order to do this the references need to be unique. Without using class or id, how do I differentiate between the tags? I tried this, but it doesn't validate: <html class="inside"... Thanks! ...

Fieldset contents overflow in Firefox

Hi, I am having a css issue with fieldset and wonder if you could help? I have a fieldset with width smaller than its content div's width. I want the fieldset to display a horizontal scroll bar as the content is too wide but it only works in IE's not Firefox. Thanks in advance. Eric This is the html <fieldset style=" width:150px;...