css

Blocked Background on lines within Paragraph Tag

I'm looking for a way to highlight (or fill in background) of lines of text within a paragraph. I am developing in wordpress if that matters. Here is an example code: <p> this is a line This is a line a little longer Just a short one a really really long one that is longer than any a medium sized one to end it</p> I want every line t...

why background not appearing correctly

I have background style of #bg_inner as background:transparent url(../images/bg_inner.jpg) repeat-x scroll center top;. But only part of it appears. Any idea why? Test link: http://www.aslanyurek.com/inner.asp?Section=myaccount&amp;SubSection=signin ...

Bizzare behavior with CSS margins.

This page I have is super simple, this should be a breeze but I'm stumped. I have two DIVs, one inside the other. In the first DIV, I have the margins set so that it lays at the top of the page, centered. The second DIV should lay inside the first, centered, but with a 50px margin at top. However, the 50px margin is being applied to the...

CSS issue: Top border not displaying in IE

On my site, I'm using the JavaScript Tabifier to create tabs In Firefox, the tabs have a top border (as desired). In IE 6/7, the tabs do not have a top border, even though I have border-top defined for the appropriate CSS property (ul.tabbernav li a). Any CSS ideas as to why Firefox has the top border but IE does not? UPDATE Per com...

Link in Marquee unclickable!

Ok heres my deal, I have a marquee like this: <marquee style=";position:absolute;left:608;top:10; font-family:Arial;font-size:24pt; color:#FFFFFF;height:153; "scrollamount="4" direction="down"> <a href="http://www.google.com"&gt;google&lt;/a&gt;&lt;/marquee&gt; Now for some reason this link is unclickable! It looks like a link but it ...

CSS issue: IE image button not aligned correctly

Firefox displays correctly that the red "Search Listing" button is inline with the text input field. But, IE 6/7 is misaligned. Any ideas why IE is displaying the red button lower on the page than other browsers? Screenshot of IE 8 (correct) api.browsershots.org/png/original/54/546946b7cfd67ce2c59de0b608c3323.png Screenshot of IE 7 (...

CSS issue: IE 6+ not display 'cursor' correctly - ninja help needed

IE 6+ is displaying the cursor as a text icon and not a mini-hand (pointer) as it should. My Live Example show how if you hover over a tab (All/Fore Sale/...), in IE - it displays a text-cursor but Firefox/etc it displays correctly as a "pointer". This is applied to the ul.tabbernav li a:hover CSS property. Any idea why IE is not disp...

Overlapping absolutely positioned content

I am having a bit of difficulties with the page below. It's ALMOST working correctly. The red box should be centered (h&v) on the window. WORKS. The yellow box should be affixed to the bottom of the window. WORKS. When the window is less then 400 pixels high scroll bars should appear and the yellow box should appear at the bottom of t...

CSS issue: a:hover not working with IE (css Ninja needed)

Why does IE not change the background color on my site for tabs a:hover but does so in Firefox/Chrome/Safari correctly? What can I do to make it work in IE 6+? HTML <ul class="tabbernav"> <li class="tabberactive"><a title="All" href="javascript:void(null);">All</a></li> <li class=""><a>Tab1<span class="tabTotal"> (0)</span></a></li> <...

Drag/drop problem (draggable in position:relative parent)

Here's the scenario, I'm using prototype and scriptaculous, but I believe jquery would have the same issue. I have a list draggable images in a relatively positioned div. The problem is I can't drag the images out of the parent div... well... you can, they're just not visible. If you remove the position:relative on the parent div, it wor...

How can I make my web page load faster?

Assuming an empty browser cache - How can I make a web page load faster by only applying HTML/CSS/JavaScript code changes? Meaning, don't recommend moving servers, using a CDN, etc. Just code changes to make it load faster. ...

Chrome conditional comments

Hi, Is there such a thing as conditional comments for Chrome? I have a page that renders differently in chrome compared to firefox. Thanks ...

Using and formating an RSS feed.

Ok, here is my RSS feed link http://jacobnlsn.com/wordpress/?feed=rss. And I am looking to format it so it fits in the upper right hand spot of my header. My website is here http://jacobnlsn.com/. Its the black box in the upper right hand corner. How would I go about doing something like that? Thanks for your time! ...

top ten ie7 css bugs?

What css properties you avoid building web pages for ie7? What you usually check first when you see page that does not render well in ie7? UPD: as a programmer is not a designer usually, i think that it would be useful to collect short list of bugs which generate most share of failures, not going deep into css implementations. Programm...

Is there any scripts/sites to find the z-index of Divs

Hi Everyone, Good Day, I used position:absolute for many div's in my website. I have used nearly 35 - 40 divs with absolute property. Now i have a issue with z-index say some divs get hides, I realize this is because of z-index problem. I never declared z-index in my css. I need to track the z-index of each divs. Is there any program...

Stopping the contents of a div section moving

Hi I have a div section, which is full of <a href=""> tags, on a event on the page I shrink the div section BUT if the user tabs into the div section, it moves so that the highlighted <a href></a> has focus, is there any way to lock a div section that it's contents don't move ? So for example the code (psuedo not real) I have the follo...

Naming a page index.html changes it?

I restarted my laptop and it was fine. Thankyou for the replies The problem is, I have two pages and they have exactly the same code, the only difference are the file names, which is index and index2, but for some reason index header div is smaller than the index2 header div, even though there is no difference between them. ...

input type="text" not resizing

on the following page, there is a section at the bottom (next the the "Directions" button) that has an input where you can put an address and use google maps for driving directions. one thing that i cant figure out is no matter what i enter for the size property on the textbox, it always shows up as the same size. as you can see, i h...

Adding extra CSS with javascript

There's this image on a page I'm coding which should be resized and horizontally and vertically centered depending on some variables. I can't use the CSS sheet for this, as the width and height variables are dynamic. Therefore I want to have javascript add two extra arguments (top and left) to the style of this specific image. I've trie...

How to set CSS for <td> background-color in a sitemap

Hi, I have the same problem as http://stackoverflow.com/questions/1041833/possible-to-fill-a-table-cell-with-a-bg-color. The problem is that i'm using a sitemap and not sure how to set the css for the td tags. (This works fine in firefox and IE8, but not IE7) I'm using the following CSS: .subMenu { z-index: 100; min-width: 11...