css

Display octothorpe inside cfoutput tags

<cfoutput query="getGames"> <li> <a href="#link_url#" style="background: #E97B2A; display: block; height: 320px; width: 500px;">#name#</a> </li> </cfoutput> the background color # is breaking it, how can I display the # without closing the cfoutput tag (or using css rgb() )? ...

Vertical scroll in one div and horizontal in another.

My webpage is divided in two boxes (divs) A in the left and B in the right. Using the main scrolls of the browser window, I want to scroll A vertically only and B horizontally only. With position:fixed in B is trivial to have A scrolling up and down, but then B dont scroll horizontally. How can I do this? Thanks ...

Jquery SlideUp/Down Not Smooth

http://joe-riggs.com/test/test_acc.html First click 'Step 1' Then click 'Step 2' Before the div slides up, it pushes down for second (look at the bottom of the div). This happens on all of the divs. What's causing this? Not sure if it's related but the number images are mangled in Chrome - the other major browsers seem to be handling...

Why is display:block not doing what I expect on my nav items?

I have a navigation menu on this site: http://blog.helpcurenow.org/test/redesignMockup/ where I have set the list item anchors to display:block, and defined a height and width that matches the entire containing element, but only the text is clickable. Any ideas why the whole tab is not clickable? Here's the CSS rules I have written for ...

Arrange multiple divs how best to handle layout.

Basically, what I would like to do is to lay out some divs in a master div to simulate a table. The only difference is that sometimes a "column" needs to be a different size depending on the "row". So I'm trying to figure out how best to position the divs. Should I float the divs, abs position, etc... I just thought of another way. Sh...

Drupal Custom Menu Styling

Hi Guys, i created a custom menu called "top-navigation". Now I'd like to style it with css. Any idea how that works? Thanks in advance! ...

Find out divs height and setting div height

Hello, Im quite new javascript/jquery stuff, but i would like to do this kind of thing with it: I have four divs side-by-side like this and content in each one. Now if one has more content it gets streched higher. I would like to make the other divs as high too even if they dont have as much content. So basically i want the script goes...

CSS problem with Safari - renders link inside h1 with nasty uneven underline

I have something like this <h1> <a href="/" title="Home">Home</a> </h1> Very simple. IE, FF render it smoothly, underline works fine. Safari does this weird thing I've never seen before, it underlines "Home" only where the font serifs & curves DONT touch the underline, i.e. the letter "H" would get underline between the two "pillars...

Color of placeholder text in an input field

I have an input field which has a placeholder text. I want one word to be a different color say red, how would would I go about that? Styling a span and surrounding the word with the span didn't work. For example on this site, I want to the number in the phrase "Search 649 radio stories" to be red. http://66.251.226.207/library ...

Problem with Firefox not triggering links when a new site is loaded and the mouse isn't moved

Hello. The following problem has been bothering me: I have a "previous/next"-navigation to navigate through a gallery of pictures. as for the css: the links are inline-block elements with a fixed width/height that have the "arrow"-graphics (left/right-arrow) as background-image: a#leftarrow { display: inline-block; background: transpa...

Do I have to duplicate this function? - jQuery

I'm using this function to create an transparent overlay of information over the current div for a web-based mobile app. Background: using jQTouch, so I have separate divs, not individual pages loading new. $(document).ready(function() { $('.infoBtn').click(function() { $('#overlay').toggleFade(400); return false;...

Filling the rest of the page with CSS

Hey, I have three Divs on the page and they are absolute positioned. Lets call them leftDiv,middleDiv,rightDiv and middleDiv width is 900px which is okay but the left and right divs should fill the remaining the left and right parts respectively no matter what screen size is. The reason why I use absolute positioning is because it is t...

Strange CSS behavior when running through VS Web Server vs IIS

So the question basically says it all -- I've got a site that looks one way when I run it locally through the visual studio web server (http://localhost:3452/) and on IIS7 (http://server/myproject/). At first I thought there was something wrong with my CSS that was not resolving properly, but I believe I've checked all of those things a...

rails- Background image not showing up???

Hey guys, I'm having the weirdest problem. I created an app in .NET and everything worked fine style wise. Now that I have redone the app Rails i'm having an issue with the background image not showing up. My CSS file looks like this.. body{ background: url('/images/top-bkrnd.jpg') repeat x ; text-align:center; color:#fff; } B...

struts2 UI components problem

Why is it that the s:textfield is placed on bottom when I insert it in between other HTML elements inside a form? How can I fix this? <label><span class="required">*</span>First name</label> <input type="text" id="firstName" name="firstName" value=""><br> <div> <s:select id="selectDrop" l...

How to create smooth headlines with HTML and CSS?

I saw a lot of web pages recently, that have very smooth headlines, like this website for example: http://boagworld.com/ How do they go about to do that? Are there any hidden clues? At one point I heard from a technique where they used Flash (I think) to embed custom fonts onto a website and then replace normal headlines with this flas...

Why is FF3 rendering an <h3> inside an <a> incorrectly?

Hello, first post (question) here… Take a look at this page in FireFox. Feel free to navigate to any of the top six product categories to see more of the same type of code. If you are [un]lucky enough to see the glitch, you will see at least one product box expand it's height to epic proportions. Here's what the actual code is: <div ...

What is position:relative useful for?

I was thinking about CSS positioning modes today and realized that I never use position:relative for anything other than making position:absolute work on child elements. I'm more of a "developer" than a "designer", but I've done quite a few CSS-based layouts over the years. I've used tables, float, margins (positive and negative), posi...

Why is the height of DIVs containing images inflated by 4.5px?

This div will have a computed height of 104.5px (in most recent Chrome, FF, and IE) <div><img src="" height="100px" /></div> This div will have a computed height of 100px <div style="overflow:auto;"><img src="" height="100px" style="float:left;" /></div> I used FireBug to look at the DIVs and IMGs, and both IMGs have 0 for margin, ...

Add background-image to <td> in PDF (ABCpdf)

I'm dynamically creating a pdf using ABCpdf (HTML -> PDF) I'm trying to create a Table Of Contents (with leaders), and I think the easiest way to get the leaders is using a repeat-x background-image. Here is my file structure: /Web    GenReport.aspx    /images       tocback.gif /Data    template.html GenReport uses an html template, ...