css

How to vertically align 2 different sizes of text?

I know to vertically align text to the middle of a block, you set the line-height to the same height of the block. However, if I have a sentence with a word in the middle, that is 2em. If the entire sentence has a line-height the same as the containing block, then the larger text is vertically aligned but the smaller text is on the same...

css popup doesn't work on the last rows of table

HI guys! So I've a table in html. And one of the columns has a popup in the cell to show some information. the table is also quite large so I've added an horizontal scrollbar on the top and bottom of the page with jquery, with the help of @Stanley, see question. The popup always stays at the bottom of the cell. But the scrollbar hides ...

Unordered List for CSS Based Tabs - Chrome Issue

Hi all, I'm trying to create a tab based menu using unordered lists and CSS(3). The sample can be seen here : http://prashantraju.com/pat/tabs.html or code here: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; cha...

why my webpages can't break line in Iphone browser ?

This is my website for mobiles to visit : m.looa.com If you got an Iphone,please visit it and you will find that the words don't break line . This only happens in Iphone's browser, it looks fine for android and almost all browsers for PC,including IE Chrome FireFox and even Safari(you can try that). I know this must have something to...

jqGrid pager textbox size

On our jqGrid pager the page number textbox size is off. Some of our other site CSS is liking causing an issue. Anyone know how to fix this? This is our footer: ![alt text][1] And an example from the jqGrid demo site with a correct size: ![alt text][2] Update 3 (removed prior 2 updates).. The issue appears to go away after chan...

How to style a list of links with CSS?

any tips on how i can use CSS to style these links in a small side widget to look hot using css? (here is my html code) i would love a clean and simple layout <div id="related_links"> <ul> <li><a alt="SQL Server Performance Tuning" title="SQL Server Performance Tuning" href="/Database.aspx">SQL Services</a></li> <li><a a...

Rendering problem with nested HTML tables (perfomance)

Does anyone have experience with rendering nested HTML tables? I am attempting to render 30 - 40 rows that each have 5 tables in them. This renders very slowly in Internet Explorer 7 and 8. Is there a trick I can use to speed my table rendering up? Is there a different element I can use other than tables? ...

Need a very thin border for IE 6.0

I am trying to get a very thin border for my table (table rendered from a GridView). I have set the BorderWidth="0" for the GridView and then through CSS I am creating the border for the rows that I need. Here I don't want any border around the grid header. HTML code for grid renders to table and TRs. So I ahave the following css: tr.to...

jQuery - Form Validation Plugin - One that works well?

Wait- please don't suggest the Validation plugin until reading.... I've looked into it.. I'm building a landing page with a signin and signup form. Here's is what I want to happen: Anytime a user clicks in a field, I want there to be an indication visually if the input is ok. and I want that to stick after they click to the next field...

IE8: Div hover only works when background color is set, very strange, why?

Situation: Got a div with buttons images. Div needs to fadeIn on hover. Works in all browsers, except Internet Explorer. When I give the div a background color it suddenly works. Check: http://ListAndPlay.com , top left are the controls. The hover won't work in IE, try to add a background color to #buttons and it suddenly works. Quest...

Why does the same code display differently on different pages?

Hi have a small entry form that is jquery driven. It works fine on 90% of the pages, but on two pages, the Submit button is out of alignment. I have checked the html and the jquery on working and non-working pages and can't see the difference. I would appreciate another set of eyes taking a look to see what is causing the Submit button t...

WebApp that communicates using only json objects?

Hey everyone, I've been thinking about how the majority of web apps works at the moment. If as an example the backend is written in java/php/python what you probably see is that the backend is "echoing / printing" the html ready to the browser, right. For web apps that works using almost exclusively ajax, is there a reason to not simpl...

Apple UK website CSS, *padding-top:0; What does this mean?

#content { padding-top: 13px; *padding-top: 0; } View Source My Question is, what does the * do in this example? It's from the source code on apple.com/uk website ...

Prevent Hotlinking through CSS via .htaccess

I've set up my htaccess this way to block hotlinking: RewriteCond %{HTTP_REFERER} !^http://(.+.)?mydomain.com/ [NC] RewriteCond %{HTTP_REFERER} !^$ RewriteRule .*.(bmp|dtd|flv|jpeg|jpg|gif|png|psd|swf|tif|txt|mov|mpeg|mp3|xml)$ - [F,NC,L] The problem is that it works perfectly fine via HTML (such as < img > tags) but it doesn't prevent...

How can I align DIV's next to each other each with a width of 1000px?

I can't seem to float DIV's correctly. What i am trying to achieve is being able to position 4 DIV's next to each other. Each aligned to the top at 0px, and spaced apart by 30 or so pixels, but i cannot use absolute positioning. The size of the DIV's are adjusted according to screen size. So, i need to position the DIV's relatively. When...

Remove spacing between CSS3 columns

I'm trying to get an effect where it looks like: C---------------------------------------) | Address 1 | Phone Numbers | | Address 2 | Times place is open | (---------------------------------------) But the spacing with the following makes it (-------------------------------------------) | Address 1 | Phon...

CSS Style inheritance/overloading

Hello! I have a web page that, at a certain point, displays a navigation bar which is nothing more than a list (ul) of a elements. Most of the style rules for said a elements is common. The only part that should change is the image to show which can be guessed from the id tag of each li element of the list. So here's the question: Is ...

What am I doing wrong with this CSS Layout?

I've been trying to get this to work for the last two days but have had little success. Maybe I'm getting confused with all the nested divs, who knows, but I could use someone to look at the code and point me in the right direction. What I have: http://landgraff.com/backend/process.html What it should look like: http://landgraff.com/pr...

jquery scroll problem

Does anyone know why the site loads in this portion of the page? I am gussing it is jquery related. It is live here : http://littleboxcreative.com/lilboxer/ e. the site loads in the portfolio section instead of the home section where i would like it to load. ...

How can I get long texts to automatically span over several columns?

I would like to get the same behaviour that you get in Microsoft Word with several columns. When column 1 is filled, the text automatically starts in column 2. I figured there would be a tag or technique on how to do this, but google gave me no usable results. The obvious workaround would be to manually place text in three columns, but...