html

Border-Spacing problem in IE7

I've a table on where I need a spacing between two rows of table. I did it in following way. table.fltrTbl { margin:0px; padding:0px; border-collapse:separate; border-spacing:0 11px; } table.fltrTbl td { vertical-align:middle; padding-right:14px; padding-left:0; padding-top:0; padding-bottom:0; ...

jQuery in Wordpress doesn't work?

I'm trying to put some simple jQuery code into the Wordpress header (usually just use CSS) but no matter what I try I cannot seem to get it to work. The code is: <script type="text/javascript"> var fadein = 300; var fadeout = 200; $(document).ready(function(){ $("#btnforum img, #btnfacebook img, #btntwitter img, #btnyoutube img, #btnli...

Is it appropriate to place a stylesheet within the <body> tag

Splitting my pages into parts (eg. header and content), I can't avoid placing links to external stylesheets within <body> tags. I don't want to place all styles in one big file or enclose all stylesheets within the <head> tag because page-specific stylesheets shouldn't be loaded unnecessarily. In this case, is it appropriate to place a...

Html: How to hide a heading when i select a "tab"

Hi all, My webpage consists of 3 tabs. When i click on the third tab, the heading must be in a hidden state. How do i achieve this. My heading div is as follows <div id= headingid> <h1 class="heading"> E-Z Search: List Search Topics & Criteria</h1> </div> ...

Display a page's elements as selectable (HTML/PHP)

Hello :) I am looking for a way to make all visible objects in a webpage selectable by a visitor. For example, I take google's homepage as source, my php script already gets the homepage, and stores everything in an array. Now I want to show the google homepage with every object (span, div, body, td etc...) selectable. My visitor wil...

Create an iPhone website which adjusts rendersize for portrait and landscape

I'm creating a simple mobile website to render specifically on iPhone. I have been researching the viewport setup in order to have the site fixed at 100% So far I have found that the dimensions are Portrait: 320px Landscape: 480px To render the page at full zoom I have used the following meta tag in the html <meta name="viewport" co...

When trying to remove any selected option in an select element, Safari shows it as blank

Examine this code. I'm using jQuery, but I think it is probably irrelevant. JavaScript ​$(function() { $('button').click(function() { $('select option[selected]').removeAttr('selected'); }); }); HTML <select> <option>a</option> <option selected="selected">b</option> <option>c</option> </select> <button>give...

MVC2 Html Helpers

I generated a View using VS 2010 functionality. This auto code generation created this code: <%: Html.TextBoxFor(model => model.DateDeleted, String.Format("{0:g}", Model.DateDeleted)) %> I created a custom helper method (extension method) to create a JQuery Calendar control. This is the syntax for this control on the View: ...

IE6 input button image background

Is it possible to make your own background image for input type="button" for IE6? ...

Problems using the '#' to identify tags in a master/content/css page combination

I want to separate the design and implementation of my web pages into a separate HTML and CSS files (for easier maintenance). I have the following Page defined in a project. <%@ Page Title="" Language="C#" MasterPageFile="~/STGGeneral.Master" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="SystemManager.Register" %> ...

How to make borders with images

I have 6 images that makes a box. (for the borders, and corners), How would I put the images together and make it dynamic and get bigger when I put more content in it? ...

Why does my table border show up in Firefox and Chrome but not Internet Explorer?

I have some basic CSS on a table and I cannot get a border to display in IE6, IE7, or IE8. The border shows up in Chrome and Firefox. Here's the CSS: #infoTable { width:500px; margin-left:auto; margin-right:auto; border-collapse:collapse; border-width:thin !important; border-style:solid !important; } #infoTable td { max-w...

Modifying a Form Input Field

Hello, I am using a submission form input field where the text is appearing about 2-5 pixels too low. This is causing letters like lower-case y, q, j, etc. to bleed below the box in Chrome and only partially appear in IE 8. To solve this problem, I would like the text to appear a few pixels higher in the input field, or make the input...

Display Image in fixed size div

I've a 100*100 <div> in which I would like to display images of different sizes randomly without stretching them. Note:The image should appear as origional, just resizing should be done inorder to place it in box ...

html + css dynamic width with overflows

I don't know how to accomplish the following in html, I would prefer if the solution would be strictly html + css, javascript/jquery is being used on the site, but I don't prefer my layout to be dependant on javascript. Section A is a list of indeterminate width, it gets populated from data from a database so it could be from 9em-15em w...

How to display the file path from the input file tag?

Hi, I have a screen as shown in the below image. Once a file is selected, I need to display the selected file name with complete path in the "Import Files". I suppose, it has be done with the javascript. Someone, please give me an idea how to achieve this functionality. ...

How can I cause a local HTML to page save text to a local file?

I'm writing a simple HTML+JavaScript app, intended to load from a local file and run in the user's browser. It will allow them to enter some text into a textarea... and must also allow them to save it! So this is my problem: given that JavaScript doesn't have access to the local file system, how can I cause this text to be saved? ...

Removing spacing between table cells for a single row only

I'd like to know if it's possible to remove the space between table cells on a web page for only one row. I've seen lots of examples showing how to do this for the entire table, but I have a table whose header would look much nicer with no spacing between its cells. Here's an example of what I mean: <table> <tr> <!-- I'd like thes...

DHTML: Css inheritance problem.

Hello I would like to use in my css simple inheritance from the browsers default values: .myfromh1{ font-weight: bold; } Can I tell css that .myfromh1 class is owning all properties of the h1 default class? thanks Arman. ...

Grouping table data into columns rather then rows

Most of the time it makes sense to organize table data in rows. However right now I'm dealing with a table that compares data across several columns. Each column is a product, so I'd like to keep all product data grouped together. <tr> <td>Name</td> <td>Price</td> <td>Weight</td> <td>Height</td> <td>Compatibility</td> <td>...