|
HTML - Newbie Code Disappearing - Please Help!
Hello all,
I'm a bit new to this so please forgive my obvious mistakes... I have created a website using Dreamweaver and uploaded the pages to my hosting company - 123-reg.co.uk. The problem I am having is the code I have created in Dreamweaver for the Title tag is not showing in the code of the uploaded page. I guess the software being used to upload is altering it...? Anyway, I have tried going in to edit the uploaded page via the platform/portal 123-reg provide but although the code adds in a page title upon saving and exiting, the next time I go to view or edit the code, it is no longer there!? If I edit anything else on the page and not add that code in every time, the title will disappear when the page is next loaded in a browser...! The code I am pasting in is this: <html> <HEAD> <TITLE>INSERT TITLE TEXT HERE</TITLE> </HEAD> The rest of the code is he http://www.eveinteriors.co.uk/Children.htm Please help, it's really frustrating and 123-reg "support" are telling me it's a coding issue and they can't help....what am I doing wrong!? Any help greatly appreciated. Thanks, Pete Similar TutorialsI don't know if it's just my browser (Firefox) acting funny or what, but for some reason this piece of code...
Code: <table bordercolor="#000000" width="146" height="45" border="1" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000"><font face="Verdana" color="#FFFFFF" size="3">Join the</font><br><font face="Verdana" color="#990000" size="3"><b>Red Riot</b></font><br><font face="Verdana" color="#FFFFFF" size="3">on</font> </font></td></tr></table> <a href="http://niu.facebook.com/group.php?gid=2204682424" target="_blank"><img src="http://img239.imageshack.us/img239/1539/redriotonfacebookcw5.jpg"></img></a> </div> ... looks like this... Code: <table bordercolor="#000000" width="146" height="45" border="1" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000"><font face="Verdana" color="#FFFFFF" size="3">Join the</font><br><font face="Verdana" color="#990000" size="3"><b>Red Riot</b></font><br><font face="Verdana" color="#FFFFFF" size="3">on</font> </font></td></tr></table> <a href="http://niu.facebook.com/group.php?gid=2204682424" target="_blank"> </img></a> </div> ...after i upload the entire document file to my website. It omits this piece of code (which displays an image) Code: <img src="http://img239.imageshack.us/img239/1539/redriotonfacebookcw5.jpg"> ... in the final product. Here is my website: http://www.niufans.com/cpg/albums/Re...Red%20Riot.htm What am i doing wrong? In Dreamweaver it shows up like it's supposed to. Thanks! I am trying to design a site but everytime i keep gettin an error related to me not closing one of my statements and i jus cannot find it. Wat i will do is paste the code here which is alot (i'm sorry) but any help at all would be great. Thank you in advance, anyone. <!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-Language" content="en-us" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- #BeginEditable "doctitle" --> <title>SORORITYBB.COM</title> <!-- #EndEditable --> <style type="text/css"> .style122 { font-family: Cambria; font-size: 10pt; background-color: #000000; } .style1 { font-family: Cambria; font-size: 10pt; } .style121 { font-family: Cambria; font-size: 10pt; border-bottom-style: none; border-bottom-width: medium; background-color: #000000; } .style116 { font-family: Cambria; font-size: 10pt; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: medium none #000000; border-bottom: 1px solid #000000; } .style115 { text-align: justify; margin-left: 4px; margin-right: 4px; margin-bottom: 7px; margin-top: 9px; font-family: Cambria; font-size: 10pt; } .style11 { color: #000000; } .style24 { text-align: justify; margin-left: 4px; margin-right: 4px; margin-bottom: 0px; margin-top: 9px; } .style90 { font-family: Cambria; font-size: 10pt; } .style84 { font-family: Cambria; } .style94 { font-size: 10pt; } .style52 { margin-bottom: 2px; font-family: Cambria; font-size: 10pt; } .style51 { font-size: 9pt; font-family: Cambria; margin-top: 13px; } .style49 { color: #FF0066; } .style91 { color: #FF0066; font-size: 10pt; } .style25 { margin: 0px 4px; font-family: Cambria; font-size: 10pt; } .style26 { margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 14px; font-family: Cambria; font-size: 10pt; } .style127 { margin-bottom: 0px; } .style128 { font-family: Cambria; font-size: 10pt; text-align: center; } .style129 { font-family: Cambria; font-size: 10pt; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: medium solid #000000; border-bottom: 1px solid #000000; background-color: #000000; } .style130 { font-family: Cambria; font-size: 10pt; border-left: medium none #000000; border-right: 1px solid #000000; border-top: medium none #000000; border-bottom: medium none #000000; } .style131 { border-left-width: 0px; border-bottom-width: 0px; } .style133 { border-bottom-style: none; border-bottom-width: medium; } .style134 { font-family: Cambria; font-size: 10pt; border: 1px solid #000000; } .style107 { font-family: Cambria; font-size: 10pt; margin-left: 8px; margin-bottom: 9px; margin-top: 11px; } .style108 { font-family: Cambria; font-size: 10pt; margin-left: 8px; margin-top: 3px; } .style46 { color: #FFFFFF; } .style95 { font-family: Cambria; font-size: 14pt; } .style86 { font-size: large; } .style79 { margin-top: 2px; margin-bottom: 7px; } .style70 { font-size: large; font-family: Century; } .style71 { font-family: Century; } .style87 { color: #FF0066; font-family: Cambria; } .style48 { font-size: 12pt; } .style96 { margin-bottom: 0px; } .style83 { text-decoration: none; border-style: none; border-color: inherit; border-width: 0; margin: 0; padding: 0; } .style85 { text-decoration: none; border-style: none; border-color: inherit; border-width: 0; margin: 0; padding: 0; font-family: Cambria; font-size: 10pt; } .style99 { text-decoration: none; border-style: none; border-color: inherit; border-width: 0; margin: 11px 0 0 0; padding: 0; font-family: Cambria; font-size: 10pt; } .style136 { text-decoration: none; border-style: none; border-color: inherit; border-width: 0; margin: 0px 0 0 0; padding: 0; font-family: Cambria; font-size: 10pt; } .style135 { list-style-image: url('SORORITYGIRL/bullet.gif'); margin-left: 18px; margin-top: 7px; } .style68 { font-family: Cambria; margin-bottom: 0px; } .style56 { margin-right: 8px; margin-top: 0px; margin-bottom: 0px; font-family: Cambria; } .style53 { font-size: 9pt; font-family: Cambria; margin-right: 8px; margin-top: 7px; margin-bottom: 10px; } .style54 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; } .style69 { margin-top: 7px; margin-bottom: 0px; } .style72 { font-family: Cambria; font-size: 9pt; } .style73 { color: #FFFFFF; font-family: Cambria; } .style137 { font-family: Cambria; font-size: 9pt; text-align: center; border: 1px solid #000000; } .style138 { margin-top: 8px; } .style32 { font-size: 9pt; font-family: Cambria; color: #FFFFFF; margin-left: 8px; margin-right: 8px; margin-top: 12px; margin-bottom: 7px; } .style77 { font-weight: normal; } .style31 { font-size: 9pt; font-family: Cambria; color: #FFFFFF; margin-left: 8px; margin-right: 8px; margin-top: 12px; margin-bottom: 13px; } .style34 { font-size: 9pt; font-family: Cambria; color: #FFFFFF; margin-left: 8px; margin-right: 8px; margin-top: 0px; margin-bottom: 13px; } .style33 { font-size: 9pt; font-family: Cambria; color: #FFFFFF; margin-left: 8px; margin-right: 8px; margin-top: 0px; } .style139 { margin-left: 8px; margin-right: 8px; margin-top: 6px; } .style140 { margin-left: 8px; margin-right: 8px; margin-top: 9px; } .style142 { margin-left: 8px; margin-right: 8px; margin-top: 8px; margin-bottom: 0px; } .style143 { color: #FFFFFF; font-size: 8pt; margin-left: 8px; margin-right: 8px; margin-top: 0px; margin-bottom: 7px; } a { color: #000000; } a:visited { color: #000000; } a:hover { color: #F9024D; } .style97 { font-size: 14pt; } .style144 { margin-top: 0px; } </style> </head> <body style="margin-left: 1px; margin-right: 1px; margin-top: 0"> <form id="form1" runat="server"> <table border="0" cellpadding="0" cellspacing="0" style="width: 993px; height: 1770px" class="style131"> <!-- MSTableType="layout" --> <tr> <td valign="top" class="style122" colspan="5"> <!-- MSCellType="ContentHead" --> <br /> </td> <td style="height: 120px"></td> <td valign="top" class="style122" rowspan="3"> <!-- MSCellType="NavBody2" --> <p class="style142" style="height: 15px"><img src="SORORITYGIRL/ARTWORK/SIGN_UP.gif" width="85" height="26" /> </p> <p class="style143" style="height: 15px">Enter your email address to join our mailing list!</p> </td> </tr> <tr> <td> </td> <td></td> <td> </td> <td></td> <td> </td> <td style="height: 25px"></td> </tr> Hi, I hope someone won't mind helping w/ this: this code will not display and I can't understand why? It's short, please help me out? It actually displays fine in GoLive Preview, but when I upload to IPage Webhosting there is just a blank page, and tech support says it is my code that is the problem. 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=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Roy's Writing Home</title>
<link href="css/basic.css" type="text/css" rel="stylesheet" media="all" />
<style type="text/css" media="screen"><!--
#layer1 { height: 33px; width: 103px; left: 336px; top: 200px; position: absolute; visibility: visible; }
#layer2 { height: 33px; width: 226px; left: 478px; top: 200px; position: absolute; visibility: visible; }
#layer3 { height: 40px; width: 150px; left: 850px; top: 950px; position: absolute; visibility: visible; }
#layer4 { height: 30px; width: 400px; left: 18px; top: 1160px; position: absolute; visibility: visible; }
<html>
<head>
<style type="text/css">
a:link {color:#CD0000; text-decoration:none; } /* unvisited link */
a:visited {color:#7F5A58; text-decoration:none;} /* visited link */
a:hover {color:#CD0000;} /* mouse over link */
a:active {color:#CD0000; text-decoration:none;} /* selected link */
</style>
<body background="images/Home_BACKGROUND.jpg" alt="" height="1300" width="1941" border="0">
<div id="layer4">
Website design by Crystal McCarthy, 2012</div>
</p>
<div id="layer3">
<a href="mailto:speechless2009@aol.com"><img src="images/EMAIL_ROY.jpg" alt="" height="38" width="150" border="0" /></a></div>
<div id="layer1">
<a href="pages/Poems.html"><img src="images/POEMS_LINK.jpg" alt="" height="33" width="103" border="0" /></a></div>
<div id="layer2">
<a href="pages/Short_Stories.html"><img src="images/Stories_LINK.jpg" alt="" height="33" width="226" border="0" /></a></div>
</head>
</body>
</html>
Can anyone explain the rule to me which is governing this behaviour: If you move the attribute style="float: left;" from one table to the other it affects the way the whole div renders. With the attribute, there is no silver background, without it the div renders across the whole page with a silver background. Why would floating a table within the div affect whether the div renders with or without a background colour? 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>
<title>Untitled Page </title>
<style type="text/css">
.ItemFill
{
background-color: Silver;
}
</style>
</head>
<body>
<div class="ItemFill">
<table style="float: left;">
<tr>
<td>
Hello World
</td>
</tr>
</table>
</div>
<br />
<div class="ItemFill">
<table >
<tr>
<td>
Hello Two
</td>
</tr>
</table>
</div>
</body>
</html>
This very simple html is showing differently in IE8 and IE7 and FireFox: HTML Code: <img src="" style="border-style: solid;" alt="No Pic" />
<table style="border-style: solid;">
<tr>
<td>
Model Name
</td>
</tr>
</table>
With IE8 and FireFox 3.013 there is no gap between the img and table, but in IE7 there's a gap???? (although someone else I asked can see the gap in IE8 but not FireFox) Can someone look at this page for me: http://www.usautomatedshade.com/ There is supposed to be a blue-and-yellow div below the menu that shows up and then disappears. Any idea why it is disappearing? Thanks!! Let me first off say I am very new to HTMl. I know a bit, and what I do know I use, but I leave plenty of it to Dreamweaver. Now, I'm starting a Nintendo News site,(with someone else)And it's almost ready; but just as I'm adding picture buttons, and links, and all that to get it to work together, it two of the pages disappear. When I say that, I mean, there is nothing there when I open the page. It's all displayed in Dreamweaver normally, but when previewed, it's blank. This needs to be fixed as soon as possible. I have determined it is a problem with the HTML, not where it's saved or the host. So I come here, to you good people. The site doesn't have an actual domain name; it's using a free .co.nr redirect CURRENTLY. We plan to get name soon enough. Anyways, main page= www.nsidernewspaper.co.nr The Reports page, and the Reviews page are both malfunctioning. I'm new to here, so I'm not sure how I should post the HTML for you to review, or maybe you just have seen this happen before, or know of a possible solution . . . whatever, I hope I can be helped. WiiFreak4, out. I've been building web pages for lots of years but never came across this problem until recently and can't figure it out. I usually use the absolute url link to an image on a web page but recently I'd upload a page and no image would appear. Upon viewing the source of the uploaded page I'd see that where I'd written: <img src="http://www.domain.com/pics/image.jpg"> but what appeared on the uploaded page was: <!-- --> IF I re-write it and write a relative url intead such as: <img src="/pics/image.jpg"> then the same image will appear. I checked with my host if there were any changes in the server, no. I checked this in IE and in FireFox, same. I upgraded both browsers, same. Any ideas? Here's a sample page where there is actually an image link on the page but when I view it the image disappears: http://www.southernutahland.com/landtosell.html Thanks! Hi, I'm new to this forum and would like to apologize in advance for the "general" nature of this question. I am a new moderator for another Forum type website. The website has for years had no image upload feature and had users place in their posts external links to free photo hosting sites. Recently, the website added a feature to upload images directly onto their server, allowing them to be locally archived rather than remotely linked to the other photo hosting website. Now, 99.9 % of the Forum users have never purchased prints from the photo hosting site, including myself. Though the host site has never sent me any notification on my account, the older picture links on my posts have ceased to work, displaying only red X's instead. This is now beginning to happen all over the Forums, creating a slow errosion of images from the older posts. It would be ideal to create some type of program or utility to "saveas", then convert all of the older images to the new local hosting, thus eliminating the problem. This would solve the problem for the newer eternally linked images - unfortunately the older ones are probably lost. Does anyone have any ideas or sugestions on this? (I did a search but was unable to find anything) Thanks! A&N Hi All, Wondered if I could get some help. I have wrote a simple HTML script to create a simple Pro-Forma for cusotmers to fill out a few things. I also have a SUBMIT button that what I want it to do when clicked is automatically send the data from the form to an email address. So far I have managed to get the SUBMIT button to create an email with the email address in the to and the data in the subject. However I want it to auto send without the cusotmer seeing and also when the data is copied into the email it is just all linked together seperated by & signs. I am new to this and cant seem to get it to automatically send and wondered if anyone could help Thanks in advance Hi All Been a reader of this site a while now and have found the info very helpful. Currently designing my own site to sell classic cars and really like the way a celebrity site shows its images. ANy idea how this is done? Heres the link... oops-we're a family-friendly place Thanks in advance Al Ok, so here's what I'd like. Any help would be greatly appreciated. I would like a url to load in 1 I would like a constant, stay on top, stay at top, follow your scroll, area where 2 is. I would like to be able to place content where 2 is. 3, I would like to be able to edit the length of the content area. 5$ via paypal for first person who helps. Thanks again. I want to make my own web site for a computer game that I play. It will basically have custom made content for download for other users. I have an idea of how I want the site to look but I have no idea how to take it from Photoshop and actually make it my web site. I looked at the tutorials on here but I must be really computer dumb because I cant for the life of me figure it out. Is there anyone here who could help me maybe if i show them what I have created?? I cant afford for someone to make it for me but maybe someone would be nice enough to help me out?? Thanks Elaina hello all im all new to this HTML so hopefully everyone can understand me im just playing around with HTML at the moment using notepad to learn whats what but i cant find a way of putting images or tex in the middle of the screen by it self it all just stays on the left handside? can anyone explain or give me the code for it please. also if anyone knows of any good starting books or software to help me on my HTML quest cheers hello all i am so happy to have found your site! I have a domain and website hosting set up with my internet provider. i downloaded filezilla. i created my website using microsoft publisher. when i try to upload it using the filezilla, i get 550 access denied. help, what am i missing???? thanks! Hy I'm new here and new to everything that's related to webdesign and coding so maybe I have silly questions but that's it!,and also sorry for my english - hope you will understand what I have to say. I work on this ImageCube http://keith-wood.name/imageCube.html but I would like to make it like this one http://www.cancan.ro/ with previous/next buttons and with thumbscroller. I know my question is related also to jquery but I will be pleased with the answer regarding only html too. I succeeded to make both previous/next buttons and the thumbscroller to work somehow but I can only make them functioning properly one at a time - I can't make them to function properly both in the same time. I know to make this things work only like this so if you know a better way to do it just tell me. Whatever values do I put either in html or javascript can't seems to work like it should. For example in this case like in below all thumbs and both directionButtons get the first value from document in this case "0" which is uluru.jpg.So,in another words (in this case from below) whenever I click either on whichever of the thumbs or on whichever of the directionButtons the Cube repeatedly rotate the Uluru image. I tried all kinds of variants -to put different values but in neither cases don't work well. So if you can help me I would much appreciate it,and if you have other ideas please give me the entire code because like I said I'm very new to all in this field. HTML Code: <body>
<div id="directionCube" class="cube">
<img src="img/uluru.jpg" >
<img src="img/islands.jpg" >
<img src="img/gorge.jpg" >
</div>
<div id="thumbs">
<input id="direction" value="left" type="hidden"> <input id="next" value="0" type="hidden" /> <img src="1_thumb.jpg">
<input id="direction" value="left" type="hidden"> <input id="next" value="1" type="hidden" /> <img src="2_thumb.jpg">
<input id="direction" value="left" type="hidden"> <input id="next" value="2" type="hidden" /> <img src="3_thumb.jpg">
</div>
<script type="text/javascript">
$('#directionCube').imagecube({direction: 'up', repeat: true, pause: 3000, shading: true});
$('#thumbs').click(function() {
var cube = $('#directionCube');
var next = parseInt($('#next') .val(), 10);
cube.imagecube('change', {direction: $('#direction') .val()}).
imagecube('rotate', next, function() {
$('#current').text($(cube.imagecube('current')).attr('title'));
});
});
</script>
<input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden">
<img id="directionButtonRIGHT" src="control_right.jpg">
<script type="text/javascript">
$('#directionButtonRIGHT').click(function() {
var cube = $('#directionCube');
var next = parseInt($('#next').val(), 10);
cube.imagecube('change', {direction: 'right' , selection: 'forward'}).
imagecube('rotate', next, function() {
$('#current').text($(cube.imagecube('current')).attr('title'));
});
});
</script>
<input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden">
<img id="directionButtonLEFT" src="control_left.jpg">
<script type="text/javascript">
$('#directionButtonLEFT').click(function() {
var cube = $('#directionCube');
var next = parseInt($('#next').val(), 10);
cube.imagecube('change', {direction: 'left', selection: 'backward'}).
imagecube('rotate', next, function() {
$('#current').text($(cube.imagecube('current')).attr('title'));
});
});
</script>
</body>
Hi Len here from Cape Town,South Africa. Done a lot of websites, using Netobjects Fusion, hence no coding.(Damn!) My own website www.2busycamping.co.za has a database which I want to change to PHP/MySQL based but battling with the data entry form. Any help would be appreciated. The drop down box (Province/Country) does not forward the entered data when selected and submitted. The other fields do! PS. this is code I have copied and pasted form bits and pieces I have found, so apologies in advance! Code follows: <form action="welcome3.php" method="get"> <FONT COLOR='#6633FF' SIZE='4'> <label><label><br /> <label>Select the fields that apply and click on FIND RESORTS.</label><br /> <label><label><br /> <select> <option value=""></option> <option value="">Southern Africa</option> <option value="">Eastern Cape</option> <option value="">Free State</option> <option value="">Gauteng</option> <option value="">Kwazulu-Natal</option> <option value="">Limpopo</option> <option value="">Mpumalanga</option> <option value="">North West</option> <option value="">Northern Cape</option> <option value="">Western Cape</option> <option value="">Bostwana</option> <option value="">Malawi</option> <option value="">Mozambique</option> <option value="">Namibia</option> <option value="">Zimbabwe</option> </select> <label>Province/Country<label><br /> <label><label><br /> <input type ="text" name = "Resort_name" </label> Resort Name (Can be left blank) : <label><br /> <label><label><br /> <input type ="text" name = "Route" </label> Route (Can be left blank) : <label><br /> <label><label><br /> <input type ="text" name = "Closest_town" <label> Closest Town (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Pets_allowed" <label> Pets Allowed (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Day_visitors_allowed" <label> Day Visitors Allowed (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Have_conference" <label> Has conference facilities (Can be left blank) : </label><br /> <label><label><br /> <input type ="submit" value="FIND" /> </form> Thanks Len fixed!sdasffdf deeletete Hi all, I'm new to this forum and to HTML and i have a question when i create a button in HTML how do i: A. run a function once the button is clicked on? (i want to run some exe file from my machine) B. locate the button on a specif place on the screen (ex, up,down,sides) any where on the screen an example whould be great. Thanks. |
|||||||