|
HTML - Details To Be Included In The Website
Internet is the easiest and lucrative method to promote your business. For this you should have a user-friendly, interactive and professional looking website. This is the first step to start a successful internet marketing process. Those who don’t have websites can ask for web design services from a professional web designing firm.
Here are a few important things that you should prepare before contacting a web design firm. Those who are planning to make a website should first create a good portfolio of their works. The portfolio should contain a detailed list of all the happy clients of the company. If the company has a good customer base which can be shown clearly in the portfolio, it would be the best method to advertise the services of the company. You should also give a comprehensive idea about the location of the company and the detailed addresses of the various offices of the company. This will increase the credibility of the company among the visitors. You can prepare detailed pages for the services/products section where you can include all the details related to it. Make it a point to say about the uniqueness that your firm has, as it helps a lot in marketing your products/services. It can be a newest technology or service that you offer, the method of delivery of products/services, or the widespread network that your company has. You can approach a web designer to know more about the things which can be included your website. Similar TutorialsI'm having a problem trying to anchor this Javascript menu into a fixed position. Heres the website http://www.intuition-designs.com/test1.htm as you might recognize, I'm trying to mimic the Facebook application bar that runs along the bottom of their website I'd like to have the menu anchored to the navbar at the bottom, so when I scroll, the menu will not scroll. I have a separate Javascript file for the menu Here is the HTML for the website so far. ANY HELP IS GREATLY APPRECIATED!!: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
height:100%;
}
html.use_scroll_wrapper {
overflow:hidden;
}
#bottom_bar {
position:fixed;
bottom:0;
left: 15px;
right: 15px;
height: 27px;
background:url(http://www.intuition-designs.com/images/midbottom.png) repeat top left;
z-index: 3;
color: #FFF;
text-align: right;
}
#bottom_bar table tr th {
text-align: right;
}
.gg {
text-align: right;
}
.xx {
text-align: left;
}
</style>
</head>
<body>
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="navbar",awmBN="766";awmAltUrl="";</script><script charset="UTF-8" src="navbar.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script>
<div id="bottom_bar"> <table width="50" border="0" align="left" cellpadding="0" cellspacing="0" id="awmAnchor-navbar">
<tr>
<th scope="col"> </th>
</tr>
</table>
</div>
</body>
</html>
Hi again guys evry1s help has got me to this point, nearly finished now but does anyone know how to put a image as a link to a submit to claim 10%off, ya know like a pic which says 10% off and then they click and submit name tel number email etc. Thanks again guys an gals ps and i still cant find out how to resolve an earlier post, any help would be appreciated. Hi guys, I have a problem with HTML I've not experienced before relating to include files. I'm running IIS on Windows XP Pro and have an HTML file with a single include (this isn't the actual project I'm working on but a test I picked up off the web to demonstrate the problem) Test.html: - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 strict//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> </head> <body> <!--#include file="testinc.htm"--> <br>To see this work. </body> </html> Testinc.htm: - ************************************************** ***** This is a test ************************************************** ***** When I open, in IE, http://localhost/test.html all I see is the text "to see this work". If I view the source, it is identical to test.html (ie, the include is in the source which would signify to me that it's been picked up as a comment). I've tried replacing Include File with Include Virtual (not that it should make any difference in this case as they're both located in wwwroot) but to no avail. Any ideas what's missing? Cheers in advance. Hi guys, this is the site: http://eksow.com/ This the the source code for it: Quote: <html> <head> <title>Eksow Event Design & Management</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <SCRIPT TYPE="text/javascript"> <!-- // copyright 1999 Idocs, Inc. http://www.idocs.com/tags/ // Distribute this script freely, but please keep this // notice with the code. var rollOverArr=new Array(); function setrollover(OverImgSrc,pageImageName) { if (! document.images)return; if (pageImageName == null) pageImageName = document.images[document.images.length-1].name; rollOverArr[pageImageName]=new Object; rollOverArr[pageImageName].overImg = new Image; rollOverArr[pageImageName].overImg.src=OverImgSrc; } function rollover(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; if (! rollOverArr[pageImageName].outImg) { rollOverArr[pageImageName].outImg = new Image; rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src; } document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src; } function rollout(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src; } //--> </SCRIPT> <!-- ImageReady Slices (Untitled-1 copy.psd) --> <Center> <table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/Eksow_01.jpg" width="1024" height="261" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/Eksow_02.jpg" width="65" height="507" alt=""></td> <td> <A HREF="#" onMouseOver = "rollover('left')" onMouseOut = "rollout('left')" ><IMG SRC="http://eksow.com/images/Eksow_03.jpg" NAME="left" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_1_03.jpg"); //--> </SCRIPT> </td> <td colspan="2"> <A HREF="#" onMouseOver = "rollover('middle')" onMouseOut = "rollout('middle')" ><IMG SRC="http://eksow.com/images/Eksow_04.jpg" NAME="middle" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_2_04.jpg"); //--> </SCRIPT></td> <td> <A HREF="#" onMouseOver = "rollover('right')" onMouseOut = "rollout('right')" ><IMG SRC="http://eksow.com/images/Eksow_05.jpg" NAME="right" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_3_05.jpg"); //--> </SCRIPT></td> <td rowspan="2"> <img src="images/Eksow_06.jpg" width="78" height="491" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/Eksow_07.jpg" width="881" height="262" alt=""></td> </tr> <tr> <td colspan="5"> <A HREF="#" onMouseOver = "rollover('bottom')" onMouseOut = "rollout('bottom')" ><IMG SRC="http://eksow.com/images/Eksow_08.jpg" NAME="bottom" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_4_08.jpg"); //--> </SCRIPT></td> </tr> <tr> <td colspan="2"> <img src="images/Eksow_09.jpg" width="567" height="8" alt=""></td> <td> <img src="images/Eksow_10.jpg" width="21" height="8" alt=""></td> <td colspan="2"> <img src="images/Eksow_11.jpg" width="371" height="8" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="65" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="292" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="275" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="21" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="293" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="78" height="1" alt=""></td> </tr> </table> </center> <!-- End ImageReady Slices --> </body> </html> Here is what I'm trying to accomplish, but have no idea where to start from... 1. When people go to the site, the pictures at the bottom don't appear 2. When people click on "Hospitality Night" (far left), then the pictures appear 3. When it's clicked, the rollover image stays (white box) So in laymans terms... I go to the site, I click on far left link, pictures show. I click on the middle link, diff pictures show i click on the right one, different pictures show. && done Hello i have 2 files file 1 and file 2 they are both being included in a cfm file by cfinclude. however when they are viewed on the browser they are not aligned together. file 2 is perfect. it goes on the center of the page but file 1 is on the far left. my level is beginner level so please have patience. i wish to have file 1 on the same center as file 2. (other words, file 1 needs to be inline with file2) thanks once again file 2 is correct. help Hi I am new to this forum and this is my first post. It should be in the introductions area but I thought it would be better here. Ok here is my question. "I have been working on this new website project from my school on really basic HTML. So I created this website with around 12 webpages but am stuck at a place. For a better understanding, here is the picture of the page I am stuck at: http://www.imagebam.com/image/b3124a57239694 (image takes a few secs to load) And here is code for the webpage: http://www.scribd.com/doc/22980588 So by the picture, I hope you understand the problem and suggest a non <div> CSS solution. Thank You All help will be much appreciated I hope someone comes up with a quick and easy idea. I hope to enjoy my stay here I am a web design student and just finished the html/(x)html curriculum and it kinda left me with more questions than answers. One being that whenever they had me writing the code for forms, the action portion of the code was always just a placeholder. Ie: action="" , could someone give me a quick runthrough on what type of action to use for certain applications and possibly an example of the type of script used to submit the forms. Hello- I'm having a problem with my header. When I first started building this dumb thing, it was in IE7. Everything was looking fine with that, and then I tried to switch to Firefox, and nothing was where it should have been. My doctype wasn't valid, which is now fixed. Anyway, the problem. When I put the header content into the page's html, it displays like it should, but when the header is in a separate file, it leaks down into the main page. HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Title</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <div id="Header"> <!--#include virtual="/includes/header.txt" --> <br> </div> <div id="Menu"> <!--#include virtual="/includes/menu.txt" --> </div> <div id="Content"> <h1>Hello!</h1> <p style="text-indent:30px">Welcome </p> <br> <p><b>Jan 14</b></p> <p>The calendar, links, contact us, and 'what to bring' pages are up.</p> <br> </div> <div id=footer> <!--#include virtual="/includes/footer.txt" --> <br> <!--#config timefmt="%B %d, %Y"--> Last Modified: <!--#echo var="LAST_MODIFIED"--> </div> </body> </html> Header: Code: <a href="index.shtml"><img src="cricket_edited.jpg" alt="Home" style="border:none;"></a>    Title CSS: Code: body {
font:15px/20px verdana, arial, helvetica, sans-serif;
color:#336600;
background-color:#FFFFCC;
}
* {
margin:0px;
padding:0px;
}
h1 {
margin:0px 0px 15px 0px;
font-size:28px;
line-height:28px;
font-weight:900;
color:#999966;
}
h2 {
font-size:26px;
line-height:0px;
font-weight:700;
color:#999966;
margin:0px 0px 15px 15px;
}
p {
margin:0px 0px 16px 0px;
}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}
a {
font-size:15px;
text-decoration:none;
font-weight:600;
}
a:link {color:#CC3333;}
a:visited {color:purple;}
a:hover {background-color:white;}
a:active {border:solid 1px #CC3333;}
ul {
list-style-type: circle;
}
#Header {
margin:50px 0px 10px 0px;
padding:17px 0px 6px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:30px;
font-size:30px;
font-weight:bold;
border-color:black;
border-style:solid;
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:11px;
background-color:#CC9933;
}
#Content {
margin:0px 230px 50px 10px;
padding:10px;
background: #FFFFCC;
}
#Menu {
float:right;
padding:10px;
background-color:#eee;
border:3px dotted #336600;
width:150px;
}
.hmenu {
font-size:15px;
font-weight:bold;
text-indent:6px;
}
.sub {
font-size:13px;
text-indent:20px;
}
#Footer {
margin:50px 0px 10px 0px;
padding:17px 0px 6px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:33px;
border-style:solid;
border-color:black;
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:11px;
background-color:#CC9933;
}
Can anyone help? Thanks, Kate Hello all, I am trying to copy a page over to my domain (with permission) and even though it looks ok, the submit buttons / field areas are not working properly. Here is the page I am trying to get working. http://www.ldodds.com/foaf/foaf-a-matic I have grabbed the appropriate .js files and everything in MY header is fine, but like I said.. I can not get the buttons to actually take the data from the fields and spit out the code in the box provided. Any help would be great, thanks! I am embarrassed to be asking this, but... How do I open a new window from the parent window using an anchor with predetermined width, height and menu/scrollbar/status bar visibility options? I want the window to open with NO scrollbars, NO status bar, NO menus and set to 800px wide by 420px high. I have been writing html, css, php and sql for 6 years now and have NEVER needed to open a new window without using target="". When I realized this I shocked my self because I didn't know it...lol EDIT: I forgot to add, I need it to work in IE7 and Moz FF 2.0, thanks Thanks in advance Jason Hi, I am wanting to create a simple form on my site which visitors will be able to use to enter a few of their details, for example their name and email address and then hit "submit" in order to request more information on my site. When they hit submit, I would like the details they entered to be emailed to one of my business email addresses -- how is this done? Also, there should be a checkbox which they much select before they are able to huit submit (where I'm going to put somethin about reading terms and conditions). Does anyone know the code I'd use or can direct me somewhere I can fin it? Thanks in advance! First of all, WOW does this look like a site that can make it happen for me.. websitemakingwise. Im new and boy, loving the info so far.. ok, my problem: So Im cleaning up this code, yes.. again. And I wanted to make this automated php thing that sends emails straight to my inbox. Without having to use the client installed. Only problem is that the submit button isnt doing anything. Could someone have a look whats wrong? Filename: ContactForm.html HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Mailformulier updates - As it is in heaven again</title>
<style type="text/css">
<!--
body {
background-image: url(afbeeldingen/ups_and_simulation.jpg);
}
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: #000000;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.style6 {font-size: 14px}
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
a:link {color: #000000;}
a:visited{color:#009;}
a:hover {color: #000000;}
.style10 {color: #FFFFFF}
.style14 {font-family:"Bookman Old Style"; font-size: 14px; color: #000000; }
#txt{
position:relative;
text-align:center;
left:100px;
top:55px;
width:420px;
height:40px;
z-index:2;
font-stretch:wider;
}
div.row {
clear: both;
padding-top: 5px;
}
div.row span.label {
float: left;
width: 100px;
text-align: right;
}
div.row span.formw {
float: right;
width: 235px;
text-align: left;
}
div.spacer {
clear: both;
}
-->
</style></head>
<body>
<table width="600" height="400" border="1" align="center" bgcolor="#FFFFFF">
<div id="txt">
<p class="style1">Ja, ik heb interesse. Graag ontvang ik verdere informatie over de toekomstige activiteiten.</p>
</div>
<tr>
<td width="44" height="150"> </td>
<td width="814" height="100">
<br />
<br />
<br />
<br />
<div style=
"width: 360px;
background-color: #ccc;
border: 1px dotted #333;
padding: 5px;
margin: 0px auto;">
<span class="style4">
<form>
<div class="row">
<form action="FormToEmail.php" method="post" name="ContactForm">
<span class="label">Naam:</span>
<span class="formw"><input type="text" name="Naamgegevens" title="Hier uw volledige naam" size="25" /></span>
</div>
<div class="row">
<span class="label">Adres:</span><span class="formw">
<input type="text" name="Naamgegevens" title="" size="25" /></span>
</div>
<div class="row">
<span class="label">Postcode:</span><span class="formw">
<input type="text" name="Postcode" title="" size="25" /></span>
</div>
<div class="row">
<span class="label">Woonplaats:</span><span class="formw">
<input type="text" name="Woonplaats" title="" size="25" /></span>
</div>
<div class="row">
<span class="label">Telefoon:</span><span class="formw">
<input type="text" name="Vaste telefoon" title="Uw vaste telefoon-nummer" size="25" /></span>
</div>
<div class="row">
<span class="label">Mobiel:</span><span class="formw">
<input type="text" name="Mobiel" title="" size="25" /></span>
</div>
<div class="row">
<span class="label">E-Mail:</span><span class="formw">
<input type="text" name="E-Mail" title="Het E-mail adres" size="25" /></span>
</div>
<p align="center">
<span class="style14">
<br />
<br />
<br />
ruimte voor opmerkingen/suggesties/reacties</span>
<br />
<textarea name="opmerkingen" cols="40" rows="6"></textarea>
</p>
<div class="spacer">
</div>
</form>
<div align="center">
<input type="submit" value="Versturen"><br>
</div>
<br>
</div>
<div align="center"><span class="style10">-----</span> <a href ="basis.html"><img src = "afbeeldingen/TERUG.png" width="95" height="60" style="border-style: none"/></a></span></div></td>
<td width="44"> </td>
</tr>
<tr>
<td height="100" colspan="3"><div align="center">
</div></td>
</tr>
</table>
</body>
</html>
Thanks for reading till this point! Hop you didnt mind the Dutch lol. FILENAME: FormToEmail.php PHP Code: <?php $my_email = "rsizania@gmail.com"; /* Enter the continue link to offer the user after the form is sent. If you do not change this, your visitor will be given a continue link to your homepage. If you do change it, remove the "/" symbol below and replace with the name of the page to link to, eg: "mypage.htm" or "http://www.elsewhere.com/page.htm" */ $continue = "www.google.com"; /* Step 3: Save this file (FormToEmail.php) and upload it together with your webpage containing the form to your webspace. IMPORTANT - The file name is case sensitive! You must save it exactly as it is named above! Do not put this script in your cgi-bin directory (folder) it may not work from there. THAT'S IT, FINISHED! You do not need to make any changes below this line. */ $errors = array(); // Remove $_COOKIE elements from $_REQUEST. if(count($_COOKIE)){foreach(array_keys($_COOKIE) as $value){unset($_REQUEST[$value]);}} // Check all fields for an email header. function recursive_array_check_header($element_value) { global $set; if(!is_array($element_value)){if(preg_match("/(%0A|%0D|\n+|\r+)(content-type:|to:|cc:|bcc:)/i",$element_value)){$set = 1;}} else { foreach($element_value as $value){if($set){break;} recursive_array_check_header($value);} } } recursive_array_check_header($_REQUEST); if($set){$errors[] = "You cannot send an email header";} unset($set); // Validate email field. if(isset($_REQUEST['email']) && !empty($_REQUEST['email'])) { if(preg_match("/(%0A|%0D|\n+|\r+|:)/i",$_REQUEST['email'])){$errors[] = "Email address may not contain a new line or a colon";} $_REQUEST['email'] = trim($_REQUEST['email']); if(substr_count($_REQUEST['email'],"@") != 1 || stristr($_REQUEST['email']," ")){$errors[] = "Email address is invalid";}else{$exploded_email = explode("@",$_REQUEST['email']);if(empty($exploded_email[0]) || strlen($exploded_email[0]) > 64 || empty($exploded_email[1])){$errors[] = "Email address is invalid";}else{if(substr_count($exploded_email[1],".") == 0){$errors[] = "Email address is invalid";}else{$exploded_domain = explode(".",$exploded_email[1]);if(in_array("",$exploded_domain)){$errors[] = "Email address is invalid";}else{foreach($exploded_domain as $value){if(strlen($value) > 63 || !preg_match('/^[a-z0-9-]+$/i',$value)){$errors[] = "Email address is invalid"; break;}}}}}} } // Check referrer is from same site. if(!(isset($_SERVER['HTTP_REFERER']) && !empty($_SERVER['HTTP_REFERER']) && stristr($_SERVER['HTTP_REFERER'],$_SERVER['HTTP_HOST']))){$errors[] = "You must enable referrer logging to use the form";} // Check for a blank form. function recursive_array_check_blank($element_value) { global $set; if(!is_array($element_value)){if(!empty($element_value)){$set = 1;}} else { foreach($element_value as $value){if($set){break;} recursive_array_check_blank($value);} } } recursive_array_check_blank($_REQUEST); if(!$set){$errors[] = "You cannot send a blank form";} unset($set); // Display any errors and exit if errors exist. if(count($errors)){foreach($errors as $value){print "$value<br>";} exit;} if(!defined("PHP_EOL")){define("PHP_EOL", strtoupper(substr(PHP_OS,0,3) == "WIN") ? "\r\n" : "\n");} // Build message. function build_message($request_input){if(!isset($message_output)){$message_output ="";}if(!is_array($request_input)){$message_output = $request_input;}else{foreach($request_input as $key => $value){if(!empty($value)){if(!is_numeric($key)){$message_output .= str_replace("_"," ",ucfirst($key)).": ".build_message($value).PHP_EOL.PHP_EOL;}else{$message_output .= build_message($value).", ";}}}}return rtrim($message_output,", ");} $message = build_message($_REQUEST); $message = $message . PHP_EOL.PHP_EOL."-- ".PHP_EOL.""; $message = stripslashes($message); $subject = "FormToEmail Comments"; $headers = "From: " . $_REQUEST['email']; mail($my_email,$subject,$message,$headers); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Dreamweaver Tutorial - Contact Form</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#ffffff" text="#000000"> <div> <center> <b>Thank you <?php print stripslashes($_REQUEST['name']); ?></b> <br>Your message has been sent <p><a href="<?php print $continue; ?>">Click here to continue</a></p> <p><b>Dreamweaver Spot</b> by <a href="http://dreamweaverspot.com">dreamweaverspot.com</a></p> </center> </div> </body> </html> Ok thanks!! So.. whats wrong? Im a total noob.. and it isnt even that I started from scratch.. some of it was already there. Appreciate your advice I am working on an index page with menu for a friend and originally did the page an menu separately....I was able to get them to work together but when i do the In-Dreamweaver preview does not work...This is very important because she will need the preview to make her changes... Everything looks fine upon viewing in browser but no preview.... I think it probably has something to do with me using two different body tages with two different csses....Can somebody take a look and see if they can find my problem? Any help would be greatly appreciated! You can view an online version at: http://www.firstpresgreenville.org/NEWFPATEST/menu.html I am having trouble with the following site here and the weather image at the bottom not being to the correct size. The image is hotlinked from another site, and I do have permission to do this! The image is automatically generated by scripts on that sites server every 5 minutes with new weather information. As my image has to always be a certain size and I suspect the original image located on the other website changes it's size as the weather updates, I clearly have a problem with pixel ratio's and an often unclear image... Thus, I would much rather scrap using the image and simply have the raw-text in this image on my site. If you look at the source for the site here, there is this piece of code: Code: <font face="Arial"><center><TABLE BORDER=1 CELLPADDING=5 CELLSPACING=1 BGCOLOR="FFFFFF"> <TR><TH colspan=4><B><FONT SIZE=+2 color="#0000FF">Weather Data</FONT></B></TH></TR> <TR><TH colspan=4><B><FONT SIZE=+1 color="#5">LAST READING AT TIME: 3:40 AM DATE: 21 December 2007 ,Time of next update: 03:45 AM</FONT></B></TH></TR> <tr><td><FONT SIZE=+1>Current Weather<FONT SIZE=+0></td><td>Night time\Dry</FONT></td> <td><font color="#009900"><FONT SIZE=+1>Current Temperature </td><td><font color="#009900"><b>3.8°C (38.8°F)</b>, Apparent temp 2.7 °C</FONT></font></td></tr> <tr><td><FONT SIZE=+1><FONT COLOR="#FF0000">Maximum Temperature </FONT><FONT SIZE=+0> (since midnight)</td><td><FONT COLOR="#FF0000">4.0 °C at: 12:00 AM</font></FONT></td> <td><FONT SIZE=+1><FONT COLOR="#3333FF">Minimum Temperature </FONT><FONT SIZE=+0> (since midnight)</td><td><FONT COLOR="#3333FF">3.2 °C at: 12:48 AM</font></FONT></td> <tr><td><FONT SIZE=+1>Average windspeed<FONT SIZE=+0> (ten minute)</td><td>0.0 kts (0.0 kmh)</FONT></td> <td><FONT SIZE=+1>Wind Direction<FONT SIZE=+0> (ten minute)</td><td>ENE (70°)</FONT></tr></td> <tr><td><FONT SIZE=+1>Windchill Temperature </td><td>3.8°C</FONT></td> <td><FONT SIZE=+1><font color="#009900">Maximum Gust </font><FONT SIZE=+0> (last hour)</td><td><font color="#009900">0.0 kts (0.0 kmh) at: 3:00 AM</font></FONT></td></tr> <tr><td><FONT SIZE=+1><font color="#009900">Maximum Gust </font><FONT SIZE=+0> (since midnight)</td><td><font color="#009900">0.0 kts (0.0 kmh) at: 1:52 PM</font></FONT></td> <td><FONT SIZE=+1>Maximum 1 minute average <FONT SIZE=+0> (since midnight)</td><td>0.0 kts (0.0 kmh) at: 1:57 PM</FONT></td></tr> <tr><td><FONT SIZE=+1>Rainfall <FONT SIZE=+0> (last hour)</td><td>0.00 in. (0.0 mm)</FONT></td> <td><FONT SIZE=+1><FONT COLOR="#245CD2">Rainfall </font><FONT SIZE=+0> (since midnight)</td><td><FONT COLOR="#245CD2">0.00 in. (0.0 mm) ---</font></FONT></td></tr> <tr><td><FONT SIZE=+1>Rainfall <FONT SIZE=+0>This month </td><td>0.00 in. (0.0 mm) </FONT></td> <td><FONT SIZE=+1>Rainfall <FONT SIZE=+0>To date this year </td><td>0.00 in. (0.0 mm)</FONT></td></tr> <tr><td><FONT SIZE=+1>Maximum rain per minute <FONT SIZE=+0> (last hour)</td><td>0.00 in/min </FONT></td></td> <td><FONT SIZE=+1>Maximum rain per hour <FONT SIZE=+0> (last 6 hours)</td><td>0.00 in/hour</FONT></td></tr></td> <tr><td><FONT SIZE=+1><font color="#FF9900">Yesterdays rainfall </font></td><td><font color="#FF9900">0.00 in</font></FONT></td> <td><FONT SIZE=+1>DewPoint </td><td><font color="#FF9900">2.3°C (Wet Bulb :3.2°C )</font></FONT></td></tr> <tr><td><FONT SIZE=+1>Humidity </td><td>90 %, Humidex 2.3 °C</FONT></td> <td><FONT SIZE=+1><font color="#CC33CC">Barometer </font><FONT SIZE=+0>corrected to msl</td><td><font color="#CC33CC">1021.0 mb</font></FONT></td></tr> <tr><td><FONT SIZE=+1>Pressure change </td><td>0.0 mb (last hour)</FONT></td> <td><FONT SIZE=+1>Trend (last hour)</td><td>STEADY</FONT></td></tr> <tr><td><FONT SIZE=+1>Pressure change <FONT SIZE=+0> (last 12 hours)</td><td>-3.0 mb</FONT></td> <td><FONT SIZE=+1>Pressure change <FONT SIZE=+0> (last 6 hours)</td><td>-3.0 mb</FONT></td> </table></center> Now, the details above (last reading, temperature, etc) obviously change every 5 minutes too. How can I link a page on my website to these above changing details on another website and then format the text to my styles and use only the text which I need (around half of what is above? I hope I have made my dillema clear . I am in good contact with that sites webmaster therefore once I find a good method for doing this I will of course ask the webmaster for his permission again . Greets. I am a hardcoder by nature of HTML, however I am tired of dealing manually with tables. Can someone recommend the BEST combined HTML, CSS, XML, ETC., with WYSIWYG editor. Prefer to have html pane, wysiwyg pane, and preview and preview in browser button along with built in ftp? Don’t want something so simple that I am limited, I want as much freedom as possible. My main objective is the ability on the wysiwyg pane to merge and split cells. HTML pane is a must. I don’t want to have to enter html snippets in a little pop-up box. Thanks in advance for your help. I don’t mind paying for the software, so it doesn’t have to be freeware. I can’t run Dreamweaver on Vista right now, don’t have the memory. Nvu doesn't work well on my machine with vista either. Basicaly, I want to set up a phishing site to get someone's facebook account information. So when they put their login details in and push login, I need their login details either recorded somewhere that I can access or sent to my email, how would this be possible? I've copied the facebook source code for the login page. I plan on doing this just for one person in particular that I really don't care for. I plan on sending him the link to something on facebook and then having something on the facebook homepage that says something similiar to "an unkown error has occured, please log back in". THIS PROBLEM IS WITH --IE-- ONLY I have this piece of code that I simplified as much as I could to show a simple example: PHP Code: <table width="50%"> <tr><td colspan="2">short</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> <table width="50%"> <tr><td colspan="2">long long long long long long long</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> For some reason when long-long-long text is long enough, it pushes a-a-a-a to the right even through one of the cells is limited to 128 pixels.. If I color the backgrounds of the cells in different colors, it is evident that it is the cell pushing, not text-alignment problem Question, why the cell is affected but the upper cell text length even through it is properly col-spanned..? I have created a custom html dropdown menu for my site. The thing is it looks perfect in Firefox 5.0 (for me it does anyway) and works just as expected but in other browsers such as Opera 10.60, Chrome 5.0.375.125, it doesn't work properly. and it works semi ok in IE 8. For example if I hover over one of the menu buttons in opera or chrome there is meant to be a drop down box, this doesn't show in Opera or chrome but does in IE? You can view the menu on my test site - http://www.themidwiferysanctuary.com/testsite/ There is more to the menu, you can use the following log in - Username: Jade Password 130489 Does anyone have any thoughts on how to get the dropdown compatiable with all (or most) browsers? I would post the code but it won't let me even when using the code tags.......... If you want to see the javascript code then please just let me know. Im not sure any of the above makes sense?? Thank you, Jade Html code for Text Boxes that the user writes down his details and then click to a button and his details comes to an eimail... look an example ... http://www.arkadiko-meli.gr/form.asp?i=2 Here is an image depicting the trouble I'm having: I want to make a table, consisting of many cells. These cells would be fixed, and *very different* in sizes. It's easy to make a no-space table when all the images are exactly the same size, but when you have images with a variety of sizes, the table doesn't fit perfectly. Basically I want to create a collage of images with overlay text on each image. My idea was that I could create a table, and each cell (td) would have a background which is the image. Then I could just type in that cell, so the text would be over the image. Then I'd do this for every one of my images, and a collage would be formed. The problem is, the table makes large white spaces wherever the image sizes don't match! How do I get rid of these spaces, or is there an entirely different code/approach I should be using? Thanks! Here is my current code: HTML Code:
<html>
<head>
<style type="text/css">
table.nospace {
padding: 0; margin: 0;
border-collapse: collapse;
}
table.nospace tr {
padding: 0; margin: 0;
}
table.nospace td {
padding: 0; margin: 0;
}
</style>
</head>
<body>
<TABLE class="nospace" width="2040px" height="2000px" cellspacing="0px" cellpadding="0px">
<TR>
<td valign="top">
<table><tr>
<TD WIDTH="800px" HEIGHT="800px" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>text</FONT></h1>
</TD></tr></table>
</td>
<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="497" BACKGROUND="image" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>
<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="467" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>
</TR>
</TABLE>
</body>
</html>
|
|||||||