css

Clean Up JS Code clutter

I threw my portfolio together a few months ago and now I am trying to go back and clean up the code so that it is easier to add new items etc.. My main problem is that I am using the Alen Grakalic's Easy Slider Jquery plugin to simulate a browser window and everytime I want to add a new portfolio item, I have to add a new block of code...

page injected via jsquery/ajax does not show properly in any Chromium browser

as obviously the css related to the page being injected is not loaded by Chromium. However, it is working well in IE8/O 10.x/FF3.6x. Hence begs the question - my stupidity in html coding, Chromium bug or jquery bug? that is what I could think of. this is the page in question, eliminated all non-essential js http://logistik-experte.gmx...

CSS Cross-Browser Image Divider within Navigation

I am having this issue and I am hoping that it is so simple and that is why I can not figure it out. I want to use an image divider inbetween navigation <li> elements. Here is my CSS: #nav { width:70.5%; padding-left:29.5%; list-style: none; margin: 0px auto; float:left; background-image:url(images/bk_nav.gif);...

How to get real color value after opacity

I am using jquery and css to fade the background color and opacity of a menu item. However, I want to have the background color be the actual css background color: For example: css background color: #eabf60 real color after .70 opacity: #ECCD85 i suppose this also depends largely in part on the background behind the opaque element.....

CSS Gurus, Beginner needs a bit help: Can't center middle column on 3-col layout

Hello fellow SO folks, Beginner to HTML here. I am at my wit's end and yet I can't get this working. Could you please have a look? What I want is to push the text inside navleft to the leftmost side of hte viewport, center the contents of navcenter and push the contents of navright to the rightmost side of the viewport. Whatever I do...

how to keep my slider horizontally centered ?

hi, I have a recurrent design issue when I use sliders in my photo galleries. Let's say I'm using a slider such as < 1 / 14 > centered below the current image. I cannot use text-align:center because I'm using position:absolute to move it right below the image. (I usually use lightbox2 pluging and I need to move the components accordin...

CSS - "Reverse" Floating of Elements - how keep them at the bottom?

Hi there I'm currently facing an interesting CSS issue for which I couldn't find anything related on the web. I know it must be solvable, perhaps you guys crack the nut.. (?) Following problem: I need to display some icons in front of an image positioned at the bottom left. As the number of icons can vary, the icons are floated next to...

change cursor on web page

I am trying to change cursor with .gif image. It will be shown on whole page not only one link. I made it like <style type="text/css"> body { cursor:url(Butterfly.gif); } </style> it does not work. I have also .cur file. It works on IE but not on Firefox. ...

CSS Component Flexibility

I've got a css flexibility issue that I'm trying to solve but I'm finding no real solution and I think I'm just not seeing the solution clearly because I'm to close to the issue. I've built an HTML content component as follows: <div class="content_cmp"> <div class="info"></div> <div class="content"></div> </div> With this CSS...

CSS Behavioral Extensions and HTML Component

Have CSS behavioral extensions HTML Component been adopted as a standard? ...

aspx site behaves different on the webserver...but why?

I designed a simple site with some css and jquery. All the css is in the header using and the javascript files are in a folder called Scripts and referenced in my site like below. Everything is beautiful locally, but on the server some objects such as a couple of my divs are out of their original positions, and my dropdown menus that us...

Overlapping divs in liquid layout - CSS

So here's my problem. I am using a liquid layout on my page, so that the site always fits the width of the window. works perfectly, sounds great, right? the problem that i'm having is that whenever the window is resized, the divs start moving, overlapping, and wrapping to the next line. here's my site, so you can see what i am talking...

Multi Line list items indent

Not sure if I'm having a stupid day or not but wondering if there is a hack around this. When I have a multi-line list item with no list style, I get this indent as if the bullet should be there. Anyway arond this? ...

Problem with CSS hover drop-down menu in Internet Explorer

Hello Trying to create a website that looks as good in Internet Explorer as it does in Firefox is an incredibly difficult task. However, there is at least one bug in IE that is particularly perplexing for our team. The drop-down menu displays fine in Firefox and Chrome, but looks completely whack in Explorer. This image shows what the ...

how to show and hide a div using onfocus

hi, i'm sorta new to this. i have this so far: <style type="text/css"> #show_hide{display:none;} </style> <div id="show_hide"> ok </div> <input type="text" onfocus="document.getElementById('show_hide').style.display='block';"> it works when i click the input box to show the div. prob is i need it to hide again when i click somewhe...

HTML\JavaScript - News Scroller - Sliding Text Effect

how can i make this.... goto this link and see the text sliding after regular intervals well i want to learn to make this so that i could make this ... it is supposed to be a dynamic news scroller.... but to make this i know i will have to learn the thingy on the link that i gave you... then the next steps are going to take me to dyn...

jQuery Table Zebra Striping with hidden rows

I have been using the following with no problems: $("#tableid tr:even").addClass("evenClass"); But now I have rows in my table that are hidden which messes up the zebra striping styles. I have tried add 'is(":visible")' and things like that to no avail. Any ideas? Thanks ...

How to exclude some text from browser zoom

Yes, I know this is probably a bad thing to want to do. I have converted a web site to Drupal. I think I've done a reasonably good clean job with the markup and CSS starting with the Zen theme. All font sizes are set in em. It's a fixed width layout. That might be a bad decision but ... I basically copied the old site design. The menu ...

Javascript/jQuery Plugin to plugin to change the border-color, relative to the background-color of an element

In my app i want the users to select a base colour for elements to be displayed on a calendar. From the base colour the user has selected, i need to be able to automatically set an appropriate border colour, and an appropriate text colour. When i mean appropriate i mean a darker tint or shade variation for the border Are there any jqu...

Make the background fixed (stationary)

Is there anyway to make the sky/lake background stay still while you scroll? Site: http://bit.ly/agJiEy ...