css

Weird CSS behavior (sprite nav w/rollover)

Here's the navigation image in question: What I want to do is pretty basic and I've done it numerous times in the past, I just can't understand why it isn't working right now. Basically use the above image as the nav background and adjust the widths and background-positions accordingly. Here is my CSS: #navigation { width: 960px; h...

print a modal window not the rest of the page

i have seen some answers to this but i think i am actually having a css issue. here is a sample fragment of my html < id=container> children children if i pop open the modal there is a print button. when i click it i use jQuery to apply a .noprint to #container and .print to #modal. but the .print to modal is disregarded. no matter what...

Should I specify height and width attributes for my IMGs in HTML?

If I know the height and width of an image that I'm going to display with an image tag, should I include the height and width attributes, or just put the information in CSS? Or both? Ex. <img src="profilepic.jpg" height="64" width="64" /> or <img src="profilepic.jpg" height="64" width="64" style="height: 64px; width: 64px;" /> or...

Advanced GWT Components theme CSS not being loaded

I'm trying to use the AdvancedTabPanel of the Advanced GWT Components library. I've put the JAR file under war/WEB-INF/lib and added to my classpath in Eclipse, and added to my HTML file: <link id="advancedTheme" type="text/css" rel="stylesheet" href="./advanced/themes/default/theme.css"/> Although it finds the Java classes and loads ...

can you format jquery tabs

can you have images as backgrounds or any other additional formatting for jquery tabs. every example that i have seen is only showing simple white tabs like this: http://yensdesign.com/tutorials/tabs/ i am trying to see if i can replace a current jpg image map (on this page http://www.salemgolfclub.org/) with jquery tabs: ...

Can I use rounded border with css In IE 7?

I want to use rounded border in IE7. I use moz-border-radius property in Firefox.Like this I want to use css property in IE7.Can I use ? ...

IE7 shrinking dropdown menu box

Hi. I have the following dropdown menu : <div id="dropdown_menu"> <ul> <li><a>Item1</a></li> <li><a>VeryLongLongLongItem2</a></li> </ul> </div> outer div has position: absolute, the links are highlighted. ('li' and 'a' should be of the width of the widest element in the list, so that a:hover will highlight the whole line - see ...

CSS media type: How to load CSS for mobile?

With this code: <link rel="stylesheet" type="text/css" href="media/css/mobile.css" media="handheld"/> <link rel="stylesheet" type="text/css" href="media/css/screen.css" media="screen"/> on my N78 the nokia's default browser and opera mini load screen.css instead of mobile.css. What am I missing? ...

Changing stylesheet in code behind on masterpage

In maste page i set the stylesheet that defines the layout. <link id="layoutStylesheet" href="CSS/Layout3Col.css" rel="stylesheet" type="text/css" runat="server" /> I have a ShowDoc.aspx page that inherits the master page. I want to load a different css file when a specific parameter is passed to ShowDoc.aspx in query string. How ...

Linking CSS embeded image

For a webpage I used a div id that with css inserts a logo directly in the page. I'd like that logo to be linked to (for instance) a homepage. I can make it easily by doing this <a href=xyz><div id=logo></div></a> of.course that doesn't validate (eventually DTD XHTML 1.0 Strict). Can anyone suggest the (probably obvious) best practic...

Why does MooTools remove the margin when creating an instance of Fx.Slide?

I have a <div> with the CSS rule margin: 0 auto; and I'm using MooTools to slide it when necessary. It seems that the mere instantiation of an Fx.Slide object removes the margin on my element. That is, whereas the element used to be centered inside its parent, it is now left-aligned. Just this line alone seems to do this: var slide = n...

Disqus visual glitch with WooThemes Wordpress Theme?

Quick help needed! As you can see @ http://www.wokai.org/news/?p=1496, our Disqus box is overflowing and I'm not quite sure why. I looked for the usual suspects and try some tricks but wasn't fruitful. Can anyone offer a quick fix? PS - This is for Wokai.org, a nonprofit! ...

Scroll Lag With CSS3 Attribute box-shadow?

Hey guys. I added a box-shadow to a section of a page recently to give it the same shadow border effect that is seen on Mac OS X apps. It looked great, but I noticed that scrolling up and down on the page made it lag. I usually only see this on pages that have annoying background images and tons of images and embedded videos plastered al...

Making an element "fixed" if it's being scrolled out

So, I have an element on a webpage that is located under some other elements. This element should, whenever it hits the top of the page be fixed (ie. it shouldn't leave the view.) I've seen this being done on the Webkit Inspector in the resources tab. Does anyone know how to replicate this feature/effect? ...

Jquery: How can I set a modal dialog to display centered relative to html instead of body?

Hi, I'm using a script that greys out the background with a #mask element and centers my .memError message on the screen. The problem is that my site styles both the body and the html elements-- body is fixed-width and centered within the html element. When I use the script below, the #mask and .memError message are both positioned rela...

Is there a way to make sIFR font-weight as font?

Hi! I have a little problem. I want to use Helvetica Neue 75 Bold in sIFR, but I can’t manage to make a working sifr-file. It works perfectly with Helvetica Neue Ultra Light, and Black, but not Bold. I guess it is because bold is an option in css, and so on, but I’ve tried that. I also tried to convert it to ttf, and then export it via ...

Anyone know of a jQuery fisheye/dock navigation plugin that is able to have a fixed position?

Hi, I'm looking to put a horizontal fisheye/dock nav on my site, but I need it to be fixed positioning... all the ones I've found do not support fixed positioning. Here are links to some of the ones I've found: jQuery OS X Dock #1 - Doesn't support fixed positioning CSS Dock Menu - This is very similar to the one above... euDock 2.0 ...

CSS: Is it possible to repeat only part of an image to use it as a background?

i have an image that is a rounded corner rectangle, i use it for the top and bottom part of the background by using: #content_top { /* 760px by 30px */ background: #F7EECF url(images/content_top_bottom_bg.png) no-repeat 0 0 scroll; height: 10px; } #content_bottom { /* 760px by 30px */ background: #F7EECF url(images/content_...

xhtml css floats etc help

I'm really thinking of going back to tables because this is just #¤€&/@£ always something.... <div style="float: left; width: 20%"> #1 <a>SmokA</a><br /> <small>Admin</small><br /> <small>2009-08-07</small> </div> <div style="float: right; width: 80%"> I would buy a boat </div> <div style="clear:both"></div> <div style="border-to...

How do you sketch GUIs/Web Interfaces fast?

I've caught myself for a few days now trying to implement a GUI for my ASP.NET MVC application (specifically a contact management section of it), spending huge amounts of time on the code to position and format everything and then I'm not happy with the result. Part of the time goes into the fact that I'm not too proficient/fast with CSS...