html

javascript click event question

Hi, I have a question below is a list with the anchor links now when the links are clicked I dont want the browser to go to that web page instead I want the browser to stay on the current page and display the list in an alert box to the user. I know this can be done with javascript maybe with the onclick event on the list item and displ...

how to fix site for IE7

I am having tough time finding out what CSS property to change to get my page working in IE7. Page is here It works fine in Firefox, Chrome, IE8 but not in IE7 (maybe IE6) as well. Notice that navigation menu goes up and #header that contains logo shrinks to a small size... /hate IE/ ...

Input text box not editable with jQuery Draggable?

I call a javascript function that dynamically builds <li>'s with a text input box and drop down inside. The drop down works fine with jQuery's Draggable but I cannot edit the input text box? function addField(type){ var html = ''; html += '<li class="ui-state-default">'; if(type == 'text'){ html += '<b>Text Field</b><br />'; ...

How to style a div to fill the entire contents of a table cell?

I am trying to style the divs to fill the entire contents of the table cell. That means that the background color should fill the height of the table cell. How can I get the div to fill the height of the table cell? <style> body { background-color: #ccc; } table, tr, td { border: 2px solid #00f; } td > div { background-color...

how to fix height for two div's inside a mail div

page: http://jsbin.com/eniva4/edit I have one main div: #main-content which contains two div's : #announcement and .tabbed_content I want both the two divs to have same height, meaning their background color should end at the same height. Right now notice that #announcement seems to have more height than .tabbed_content I can hardco...

Hidden layer youtube video, on visible not loading IE7

hi, I have a html page. Which has few tabs (jquery). One of the hidden tab has youtube video. On the tab gets visible, the youtube video loads in IE8 and FF 3.6. But on IE7 it tries to load, but disappears. Please help me out to solve this problem. Thanks in advance. ...

jQuery Cycle plugin is choppy with larger images

My slideshow is choppy (looks like the fps is slow) when my images are a larger size, 1000 x 560 px. I resized the images to 200 x 200 as a test and the fade was smooth. Any ideas? ...

How to display hidden value in form based on selection?

I'm using a custom search where I have a dropdown: <select name='Time_Available'> <option value="" selected='true'>Any</option> <option value='<?php echo date('Y/m/d', strtotime('+30 days')) ?>'>30 days</option> <option value='<?php echo date('Y/m/d', strtotime('+60 days')) ?>'>60 days</option> ...

css showing images twice oppose to once?

i have this css code that shows the photos twice, its wierd, is thier a better i can write this, the links are used to vote using jquery? :)) css code: a.vote_up, a.vote_down { display:inline-block; background-repeat:none; background-position:center; height:30px; width:30px; margin-left:4px; text-inde...

changing the image on jquery success function?

i have this jquery voting script, everything is working fine, it just that the image at the success function of the ajax request is not changing the image? jquery: $("a.vote_down").click(function(){ //get the id the_id = $(this).attr('id'); //the main ajax request $.ajax({ type: "POST", ...

HTML CSS basic question

why do people want to change the inline element to block level element? I know it can be done with display: block but whats the reason behind doing this? ...

html css question

How do you style a table with columns of data instead of rows? (or how do you build a table where the column headings relate to the row headings?)? ...

Embedding Video Cross Browser, Single format / Embed

I have a task ahead of me that I do not know the easiest way to address. Currently I am building out an admin section in Symfony for a client and she would like to upload video. She has the capability of conversion and will use the format I specify but I just do not know what the best on is for cross browser compatibility. I think .mo...

Google Maps: How to create a custom InfoWindow?

I just came across http://fwix.com/ I really like how they create the InfoWindow (popup) when you click on a map marker because the corners on their InfoWindow are not as round as the default InfoWindow corners. Question: How do they create their InfoWindow so square, which I like, because the default Google Maps InfoWindow for a map m...

trying to get equal height columns but div after the columns does not work

Example page I'm working on I used technique mentioned on this page: Basically I have a container and inside the container I have col1 and col2. I want col1 and col2 to be same height. this all works fine soon as I change: <div id="container1"> <div id="col1"> column1</div> <div id="col3"> Column3</div> </div> to <div i...

Should i be designing my web page for a certain screen resolution?

I am a rookie learning to develop web sites, to this point I have been just making pages without any regard of screen resolutions. As I have been doing some research i see that everyone says to stay around 900px wide. With the size of monitors and screens today that seemed a little small. Am i making too much of this or should i be adhe...

can't get two div's to be of equal height!

I asked this question before and got pointed towards this link, which I followed and implemented the technique in my page: Notice the announcement div and div next to it. I want the announcement div to be of the same height as it's counterpart. What am i missing? ...

PHP - check if a string has 2 words, and if true append a html tag to the 2nd one

Whats the fastest possible way to do this? I think the code below works, but I'm sure there's a faster way to achieve what I want: $words = explode(" ", $string); if(!empty($words[1]) $words[1] = '<span>'.$words[1].'</span>'; $string = implode(" ", $words); What do you think? ...

centering a div inside a div

page I'm working with: http://jsbin.com/abewe4 I want the slogan div centered inside col3 div I'm using width: 50%; margin: auto; on the inner div but still it is not working. ...

Divs will not float

I been trying every way possible to try and float the sidebar to the left and have it fit beside the content div, but it seems IMPOSSIBLE for me. Please help. HTML: <div class="index-page"> <img src="images/hosting-header.png" width="458" height="179" alt="Hosting Header"> <h1> Welcome to Elektrik Host! </h1> ...