css

Headline problem when floating around image

Hello I have a problem with headline tags when I float them around an image in compability-mode in explorer. <img src="1.gif" style="float: left; margin-right: 10px"><h1>Some headline</h1> The picture is like 100px high, and by default the text centers in middle, which it should, but with compability-mode on it aligns top. How can ...

top margin inside a div do not work ? help plz

Hello, I have a div that contains links (a href). All other margins are working with a href but Top margin is not working with a href. I want to place links in middle but because of not working of top margin it is not being possible. I heared by setting position or display it can work. Please suggest a cross broswer solutions for it. t...

CSS Text underlining too long when letter-spacing is applied?

Hi, Whenever letter-spacing is applied to something with an underline or a bottom border, it seems like the underline extends beyond the text on the right. Is there any way to do prevent the underline from extending beyond the last letter in the text? For example: <span style="letter-spacing: 1em; border-bottom: 1px solid black;">Test<...

HTML table with fixed headers and a fixed first column for the iPhone

All, I'm working on a web app that's optimized for an iPhone. On one of the pages, I'll have a table with hundreds of rows, and dozens of columns. I'd like to have it work so that the first column is fixed (remains visible) as the user scrolls to the right, and the headers are fixed as the user scrolls down (i.e., like "freeze panes" ...

Why is @font-face throwing a 404 error on woff files?

I'm using @font-face on my company's site and it works/looks great. Except Firefox and Chrome will throw a 404 error on the .woff file. IE does not throw the error. I have the fonts located at the root but I've tried with the fonts in the css folder and even giving the entire url for the font. If remove those fonts from my css file I don...

z-index positioning

I have two div's, nested, and want to have an image placed in front of the inner-div's content, so as to look like decoration around the edges (much of it is transparent.) I thought using z-index and absolute positioning would do it, but it has not worked. My simple test is to use two nested div's each with a background image and try t...

In IE6, how to float item to right without clearing it?

In IE6, HTML is as under: <div id="topmenu"> <ul> <li>num 1</li> <li>num 2</li> </ul> <div id="rightItem">Hello World</div> </div> The CSS is as under: #rightItem { cursor: pointer; float: right; clear: none; height: 100%; width: 340px; } #topmenu { margin: 0 auto; text-ali...

What's a 3D doing in this HTML?

I'm trying to duplicate a mailer I got into my gmail by taking a look at its code. I see a lot of this in multiple source viewers: <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" width=3D"90">=A0</td> <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(...

IE6 & 7 only - CSS/jQuery animation bug

Have been working non-stop for last 8 hours and so don't have enough energy to fix this IE6/7 only bug. Can some jQuery /CSS experts please help out? Access this url using any browser other than IE6/7: http://www.sumanasa.com/technews On the topmost right hand corner, a) click on the Quick guide link to show a quick guide and b) clic...

id.style.display not working

Not sure why this isn't working. There is no js error, but it just doesn't set the display property to "block". If I remove the inner most if statement, the display property for the div control is changed when the last radio button is selected from the group. .aspx file <asp:RadioButtonList ID="rblMarital" RepeatDirection="Horizontal" ...

customising the symfony view.yml file

Hi guys, I have a question regarding the view.yml file in Symfony. Basically I would like to be able to include certain javascript SDKs in my layout with the help of the view.yml file like so: first i would add an entry the the corresponding view file: all: load_facebook: true load_twitter: true stylesheets: javascripts: ...

tool to show me just the markup outline in a web page

IS there any tool that does the following, given a url? strip everything (all text) from the page, except the markup (all the html elements) add a border to all the div, span, table, tr, td etc in the page keep the original size of the div, span etc (even though they are empty now, in terms of the data in them) ...

HTML/CSS image overlay

Implementing a "play video" function on a web site. Each video content item can have a different image. Each of these images will have the same width, but potentially differing heights (they are resized on upload to maintain aspect ratio to meet standard width requirements). The plan was to display another transparent "play button" im...

How to add an Internet Explorer Behaviour file (.htc) from a different domain?

Hi! I'm redesigning my Tumblr blog and I use CSS3 Pie to add some eye-candy to Internet Explorer. The problem with this is that CSS3 Pie uses Internet Explorer specific files (.htc) that can only be served from the same domain as the HTML file, which is something I can't do on Tumblr. The thing is that without that file the website brea...

transform:scale to fullscreen?

Good day all, A series of differently sized images are each individually wrapped in left floating differently sized divs on a horizontally scrolling web page. I want to be able to tap on a div to scale it to fullscreen, (by adding a css class containing the scale instruction, with toggleClass), and tap on the image (which is now fullscr...

Make a <div> tag behave like a <br> tag with CSS

Is it possible to make a <div> tag behave like a stock <br> tag with CSS? Are there any other tags that cannot be mimicked by styling a <div>? ...

GWT component spacing on HorizontalPanel

Hi, I have the following code to layout the menu for my page: //Header Conainer Panel VerticalPanel headerWidget = new VerticalPanel(); headerWidget.setWidth("100%"); //Header Panel HorizontalPanel headerPanel = new HorizontalPanel(); headerPanel.setStyleName("header"); headerPanel.setWidth("100%"); Label title = new Label("Informati...

How to include a CSS link if a call isn't done via AJAX?

I have a page 'foo.html' that populates a table via AJAX 'ajax.html?options=option1'(accesses a database.) 'foo.html' has a css linked to it that makes the table from ajax.html look nice. However, I'd like to have ajax.html also look nice with a css if it is directly accessed. if I add <link rel="stylesheet" type="text/css" href="/dev/...

Printing to a paper form

I'm thinking of using a print style sheet to fill out a preprinted paper form. So lets say you had a piece of paper that looked like this: Name: ________________________ Address: _____________________ City: ________________________ State: _______________________ Zip: _________________________ Favorite ice cream: __________ I would wan...

Display: Table-cell not setting height constantly xbrowser (ie8 table bug)

So I'm setting up a page with a bunch of dynamic content. I'm organizing this within a table. There are three rows, each with a single cell. The top part works as a fixed header, since I've set the top cell's height. The bottom cell works as a footer, since it also has a static height. The table's total height is set to 100% and the midd...