HTML - Image Help-running Out Of Ideas!

Hi!
I have a problem here which really really annoys me.
http://members.dodo.com.au/~rouslan/...ite/index.html
when you look at the page it looks great with Firefox and when you look at it with Internet Explore 7 it also looks fine except the main content is not absolutely centered. In Internet Explore 7 you can see that by comparing margins, the left one is shorter than the right one. How can I fix that?

p.s. I am a lot out-of-dated with HTML, because the last time I was constructing web pages 8 years ago, so you might notice in source I use a lot of tables, etc.
If you can suggest I should change all the code, please do or simply paste it here as solution.

Thank you!

Hi again guys,

I have a new problem this time! On this page on my website:

http://www.modular9.co.uk/artists.html

I have it that when you rollover a link it changes from the artist's name to the collective name and back again. Obviously this causes a few problems such as the length of 'modular9' is shorter than most names so because they jump up a line when it is rolled-over the whole script freaks out and you get a mess.

I was just wondering if you knew of any other better script that would keep the same dimensions of the original text or some other idea you could share?

My script for this is:

<a href="#" class="links" onclick="MM_openBrWindow('artists/richardcook.html','modular9','scrollbars=yes,width=457,height=600')" onMouseOver="this.innerHTML = 'modular9';" onMouseOut="this.innerHTML = 'richard cook';">richard cook</a>

Highlighted red is the main rollover change.

Any help/idea would be most appreciated!

Thanks again

Richard

My page scrolls and it shouldn't! Any ideas...? or can I not see the wood for the trees?

Link

My previous post meantioned that I have made an advert using HTML in a page using a table and I'm using an IFrame to embed this into my main pages where needed.

I've hit a real problem this time. The table I've made seems to set its own minimum width for cells. As a result this causes the end cell to slightly spill off the edge of my pages. I have manually changed everything I can possibly think of, and nothing seems to work. In what instance would a table do this?

The table is in a form. Inside the table in each cell I have 1 line of text, followed by a input box directly underneath, followed by another input box directly underneith, followed by a text hyperlink directly underneath that.

I have the html in the text file attached if you want to have a little nosy (the javascript file referenced is to periodically change the text of the second box in each cell).

Any ideas would be much appreciated. I've spent far too much time on this advert than I would have liked...

Regards

Hey.
First of all my html etc skills aren't any good.
I have a basic understanding how it works etc, but thats about it :s

So, I know how to use Photoshop, and the basics of dreamweaver.
And this is what i have made so far: http://wasnicht.urli.net/
I have 2 versions, that one, and one which isn't so wide.
But otherwise it's the same, except that in the uploaded version there, i dont have an iframe inside the box.

So my problem here is that whenever I type something in the middle, that exceeds its original size, it expands, thats meant to do so, but it also expands the navigation bar and the rest of the page, leaving it messy and pretty, well...

I'd need some ideas how to fix this, e.g. if I made a index page, just like that, without the text box, and made an iframe, that expands downwards, inside it, put a separate .html (the box).

I'm not gonna rip my ass off trying it, I'd really want some ideas how to construct it.


Another problem I had with the box was that the right side image of the box (the dropshadow is 90 degrees), the shadow wouldnt go with a constant depth from the top to the bottom, so when the image repeated itself i had an ugly "error".
What I did was to remove the shadow of the text box entirely.

What are the common issues with websites not being properly displayed in Firefox? Reason is due to my website being displayed correctly in IE but when switching to Firefox the site suddenly breaks apart. Any ideas?

Hello there,

My index page validates completely since I tidied it up using html tidy, but when i run it through browsershots it is still completely broken in firefox, opera, etc. basically anything other than MSIE it displays incorrectly.

If anyone could shed any potential light on the situation it would be greatly appreciated. As you can no doubt tell, I'm no expert on creating web pages using html and css and if a page validates but still doesn't work I can't even begin to try and work out what is going on

I did run my css through a validator and it came up with 30 or so instances of the same error, I hadn't ended a dimension value with px, i had just left the number, could this be the culprit? I have since corrected my style sheet so that it validates completely but I cannot upload from my FTP on the PC i'm currently using to see if it affects the browsershots results.

I just wanted to put it out there and see what the ideas were of people who know a lot more about website building than I do.

Bottom line: if i have an html page and a css page that validate 100% using the w3c standard is it guaranteed to work in all browsers, or are there quirky little things I need to be aware of when wanting my site to display correctly in less popular browsers such as safari etc.?

Any feedback is greatly appreciated. :-)

Sincere thanks in advance,



Alex


Browser screenshots - http://browsershots.org/http://www.alexhaines.co.uk/

HTML Validity results - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Findex.html&charset=%28detect+automatically%29&doctype= Inline&group=0

CSS Validity results - http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Fstyle.css&profile=css21&usermedium=all&warning=1&l ang=en

My site - http://www.alexhaines.co.uk

Hello,

First off, I'd like you to forgive any and all misconceptions I may have/make in this, as I know as little as possible about html for me to actually post this.

Currently I have open the source of a website, (let's call it Site), and in this code I have narrowed down the script (function?) that is called when you click on a button (Button).

Is it possible for me to somehow use the source code to call this function/script, simulating the button being pressed?

I plan to make a "simple" program to move through Site as a project/practice and this is the point I'm starting at. Gotta start somewhere.

Thanks,
paradigm

Hey guys, I'm new here, and still somewhat of a noob when it comes to html and web design so be easy on me.

One of my new projects is creditcardrewardzone.com, which I thought was looking pretty good until someone told me that it was completely screwed up when they looked at it in Internet Explorer on their windows machine.

I myself work on a mac and check it with safari, firefox, and IE, and everything looks fine, but for some reason in IE on windows, the tables run really long to the point where the site isn't functional.

If you go to the site and click on cash cards, you can see what I mean. Can anybody look at my code and see if there's something I'm doing wrong?

Thanks a lot, I look forward to staying at the forum and probably asking a lot more questions!

Josh

Im hosting my own web page with Apache and im not using a domain but i cant find the ip or anything that i would use to get to the address. Please help and thanks.

//Html code

<html>
<head>
<script language="javascript">
function abc()
{
var fname=document.myform.fno.value;
if(fname==""||fname==null)
{
alert("Name Field is blank");
return false;
}
output();
}

function output()
{
alert("Output Section");
var name=document.myform.fno.value;
document.getElementById('name').innerHTML=name;

var vehobj=document.myform.vehicle;
var vehchecked=[];
var numberofoptions=vehobj.length;
for(k=0;k<numberofoptions;k++)
{
if(vehobj[k].selected==true)
{
vehchecked[k]=vehobj[k].value;
}
}
var vehicles=vehchecked.join(" ");
document.getElementById('veh').innerHTML=vehicles;


var fruity=document.myform.fruit;
var fru=[];
var fruit_total="";
for( i=0;i<fruity.length;i++)
{
if(fruity[i].type=="checkbox")
{
if(fruity[i].checked)
{
//fru.push(fruity[i].value);
fruit_total+=fruity[i].value+"&nbsp;";

}
}
}
document.getElementById('fruity').innerHTML=fruit_total;
alert("Ends");
}


</script>
</head>
<body>
<form name="myform" onsubmit=" return abc()">
<br><br><br><br><br><br>
Name : <input type="text" name="fno" maxlength=20/><br><br>
Phone Number :<input type="text" name="pno" maxlength=10/><br><br>
Email : <input type="text" name="email" maxlength=20/>
Address : <textarea name="address" maxlength=200></textarea>
<br><br>
Vehicle: <select name="vehicle" multiple="multiple">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<br><br>
Fruits you like<br>
Mango:<input type="checkbox" name="fruit" value="mango"><br>
Grapes:<input type="checkbox" name="fruit" value="grapes"><br>
Apple:<input type="checkbox" name="fruit" value="apple"><br><br>
<input type="submit" value="submit" />
</form>
<br><br><!--
Click to get output<input type="button" value="Click" onclick="output()"/> -->
<h2>Output</h2>
Name : <b id="name"></b><br>
Phone Number :<b>8825247455</b><br>
Email :<b>y_j@gmail.com</b><br>
Address :<b>Akshay Flat no 22,Linking road,Mumbai</b><br>
Vehicle :<b id="veh"></b><br>
Fruits :<b id="fruity"></b><br>
</body>
</html>
*************************************************
I am learning javascript this is just a practicing code.

What i want is as soon as validation part is over next function must be called up and o/p must be printed at the ends.
It works but as final line of output method executes the data disappear from output.

Please help me to resolve this issue.

<?php

for ( $counter = 0; $counter <= 10; $counter += 1) {
echo "Hello World<br>";
}

?>

hi
im designing a we site by php i have a html form that collect some information from client an it has some script for hide or visible text box when user check a checkbox but when client run my page see a popup menu allowed blocked content.... i saw some site do this withou running this popup how can i do it?
thanks

Hi all --

I'm having an interesting problem. I'm designing a web page that has a navigation banner (home - programs - schedule of events - contact us - downloads) that is made up of a .png for each page (i.e. home.png, programs.png, etc). My page is 1000px wide and all of the navigation banner's images add up to 1000px wide.

I'm using JavaScript to create an onMouseOver and onMouseOut effect on each of the images. The problem that I'm having occurs when I tried to add a link (either by <A HREF= or using an image map). Whenever I add a link to the image, a small (3px) area of white space shows up to the right of the image. This shifts all of my other images 3px to the right (and 3 more for each link I add to subsequent images) thus making the total width of the navigation banner over 1000px and the last image gets shoved to a new line.

I can find no way to get rid of this white space other than to remove the link from the image. There is no property on the page that adds any sort of padding, margins, or borders to images or links, so I can see no property that has to be changed.

Help! How do I get rid of this white space but still keep the link on the image??

[I posted this question on the Adobe forum to no avail, below is a screencap I took of the issue I'm having]

Thanks in advance!
//kl

PS - I am using both IE8 and Chrome to view this webpage. I've set all the margins/padding/borders to 0px. Here is my CSS and the part of the code that pertains to the navigation banner.

CSS:
Code:

<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-image: url(images/blue.bg.png);
background-repeat: repeat;
background-color: #009;
}
.oneColFixCtr #container {
width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 0px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
body, td, th {
color: #333;
}
#main_banner2 {
margin: 0px;
padding: 0px;
height: auto;
width: 1000px;
}
-->
</style>
 
</head>

Nav Banner:
NOTE:: below HAS to be all one paragraph because if i insert a carriage return in between images, it also adds the white space...
Code:

<body class="oneColFixCtr">
 
<!-- MAIN NAVIGATION BANNER -->  
<!--HOME--><img src="images/nav/home.png" alt="home" name="home" width="82" height="30" border="0" onMouseOver="document.images.home.src='images/nav/home_over.png'" onMouseOut ="document.images.home.src='images/nav/home.png'"/><!--PROGRAMS--><img src="images/nav/programs.png" width="111" height="30" border="0" name="programs" onMouseOver="document.images.programs.src='images/nav/programs_over.png'" onMouseOut ="document.images.programs.src='images/nav/programs.png'"/><!--SCHEDULE OF EVENTS--><img src="images/nav/scheduleofevents.png" width="189" height="30" border="0" name="scheduleofevents" onMouseOver="document.images.scheduleofevents.src='images/nav/scheduleofevents_ over.png'" onMouseOut ="document.images.scheduleofevents.src='images/nav/scheduleofevents.png'"/><!-- CONTACT US--><img src="images/nav/contactus.png" width="119" height="30" border="0" name="contactus" onMouseOver="document.images.contactus.src='images/nav/contactus_over.png'" onMouseOut ="document.images.contactus.src='images/nav/contactus.png'"/><!--DOWNLOADS--><i mg src="images/nav/downloads.png" width="267" height="30" border="0" name="downloads" onMouseOver="document.images.downloads.src='images/nav/downloads_over.png'" onMouseOut ="document.images.downloads.src='images/nav/downloads.png'"/><!--FACEBOOK--><im g src="images/nav/facebook.png" width="90" height="30" border="0" name="facebook" onMouseOver="document.images.facebook.src='images/nav/facebook_over.png'" onMouseOut ="document.images.facebook.src='images/nav/facebook.png'"/><!--TWITTER--><img src="images/nav/twitter.png" width="67" height="30" border="0" name="twitter" onMouseOver="document.images.twitter.src='images/nav/twitter_over.png'" onMouseOut ="document.images.twitter.src='images/nav/twitter.png'"/><!--BLOGGER--><img src="images/nav/blogger.png" width="75" height="30" border="0" name="blogger" onMouseOver="document.images.blogger.src='images/nav/blogger_over.png'" onMouseOut ="document.images.blogger.src='images/nav/blogger.png'"/><img src="images/home_banner.png" alt="home_border" width="1000" height="7" /><br />