css

iBooks highlight style for buttons on website

Hi there, I want to implement a special highlighting to by buttons. The one, I found on the iBooks app for iPhone/iPad suites my needs. I think it is very complex due to the fact that all the strokes are looking different. I could use some CSS-Sprites-Voodoo but I don’t think I will be able to assign these styles so easily. Has anyone d...

Unknown whitespace appearing inside <div> without padding or margins

I'm having an odd issue with whitespace in a design I'm building. I created a <div> to contain voting elements - it holds an upvote button, downvote button, and vote total, each inside their own <div> element, and using <img> for the buttons. Source: <div class="votebox"> <div class="vote"><img src="upvote.png" /></div> <div class...

CSS selector speed.

According to new article from css-tricks there is a big difference between how you select your elements because they are selected from right to left. The article can be found here. http://css-tricks.com/efficiently-rendering-css/ I am about to create a page that have different documents on the same page: My question is, how should i g...

CSS - Placing Text Relative to Another Text

I have a CSS div which contains text (basically, it's a headline). I have another CSS div that I want to have smaller sized text and to sit right to the right of the first, larger-texted div. I'm not sure how to do this...how do I tell the second div to place itself against the right of the first when each instance of the first div could...

jsp does not display whole animation

when i keep all jsp files in foo folder then jsp show all the graphics, images, css, jquery animation etc. all working fine in foo folder. but i want to keep my all jsp's in jsp folder which is outside of foo folder. it show all the graphics but it does not display jquery animation.e.g when i keep the cursor on a row of table it does no...

problem in rails with "cycle" over classes in a CSS and onmouseover, onmouseout

i have this code in my index.html: <div id="users-list"> <tr class="<%= cycle('odd', 'even') %>" onmouseover="this.className='over';" onclick="location.href='<%= user_path(user) %>'" > <td><%= user.surname %></td> <td><%= user.name %></td> </tr> </div> as part of a table, and this associated css: #users-list .odd { backg...

Overlapping of CSS buttons

Hi, URL:http://edgarferro.squarespace.com/secondtry The green div (.button1) is overlappig the other div (.message, .principle), I want to know how to separte both of them. Thanks %%%%%%%%%%% Here is the code that I am running in HTML editor %%%%%%%%%%%%%% <div class="column"> <a href=""><div class="principle"> <h2> BIZ<...

Automated testing of CSS and HTML front-end coding

I'm a front-end developer coding CSS, HTML and Javascript (in that order) and most of the work I do is design-lead. Whilst the quality of the designs I create with CSS is subjective, much of the coding is purely functional / layout and I am interested in any way to automate the testing of my page. My question can be split into two part...

Is there an equivalent of spriting for SVG images in web pages?

SVG images aren’t bitmaps, so (unless I’m missing something) you can’t do spriting like you can with other images files used on web pages (see http://www.alistapart.com/articles/sprites). But is there an equivalent mechanism to display only part of an SVG image as a CSS background? E.g. imaginary syntax: div.my-special-svg-div { b...

CSS inheritance question, why do my <p> tags do what my <a> tags are doing?

Hi All, I am a rookie CSS user, i have the following nav menu code and CSS to go along with it. The funny thing is that when i hover over the <p> element (You are viewing page xxx) in the nav menu, it changes colors as if it was an anchor tag, specifically hover. I am very confused why it does this, I tried to be as specific as possibl...

Horizontal Nav Bar Spacing

I'm attempting to create a horizontal navigation bar in CSS. I'm using the CSS from this page and it seems to be working fine: http://css.maxdesign.com.au/listamatic/horizontal27.htm ...but if you hover over any of the links in the example, theres a small gap on the left side of each element just before the vertical white bar. I'm havin...

Simple question: Do I need to specify width, height of "image" when preloading images?

I have this code: if (document.images) { preload_image = new Image(25,25); preload_image.src="http://mydomain.com/image.gif"; } First of all, will this work in all major browsers? Secondly, do I need to specify the width and height like in the code? Lastly, will this preload my images and cache them? Thanks ...

How do I create a CSS dropdown submenu over an image?

I've played with this and I can either get the drop-down part working but can't get rid of the text or I can get the text to disappear so that you can hover/link to parts of the images but can't get the drop-down to work. Help please? I'm a bit of a newbie and might need some hand holding. Thanks in advance! Here's the code (I've str...

activate/deactivate javascript on button click

I am using a javascript to zoom an image on my asp.net web page. I want to put 2 buttons on it like "Zoom" "Cancel Zoom" and accordingly activate/deactivate the javascript functionality. Right now I have a css class on which the javascript operated to produces the zoom effect. The image is like: <a id="big" href="source of image" class...

In Internet Explorer 7 When clicking on a link on web page it goes no where but the page turns white

Hi, I am currently in the process of realigning my employers website. I've noticed a strange error while working on my development environment where by when I click on a link, the browser will not go to the requested URL instead the page turns white with a few elements still existing on the page. If I then click anywhere else on the p...

Display "Real Name" in Mediawiki instead of user name

In MediaWiki, I want to change the user names in the history and recent changes to the "real name" as entered in the user's preferences. For example, in the recent changes I see this: (diff) (hist) . . Somepage‎; 11:03 . . (+285) . . Coolguy123 (Talk | contribs | block) But I want to see this: (diff) (hist) . . Somepage‎; 11:03 . . (...

Sprite Sheets for Web Development

I'm currently working on a new site. I'm just a few pages deep and they all use <img>s. I was thinking about it and decided to look into using a sprite sheet for all of the button images and such and then just using CSS to render the appropriate images. I wanted to see what everyone thought about this. Is it worth the effort? How does it...

Javascript + CSS Input style variations

Hi guys This is my first question on stackoverflow, I have found this site very useful in the past and although I do not have a specific question I would like anyone's input. I love Prototype JS and use it to design my own components frequently, my problem is presenting data to users so they can make a selection, i know all the obvious...

Quicktime video appearing over Fixed DIV

I have an embedded quicktime video that is appearing over a fixed Div. I wrapped them both in DIVS with correct z-indexes, not working. How do I get the video under the div (position: fixed;)? ... Oh, and the problem is only occurring in Safari. ...

Creating a linear transparent gradient to a div

I'd like to create a linear transparent gradient to a div. Is there any way to do that with jquery? Or should I use some other library like raphaeljs? I'd like to achieve an effect like the following: ...