|
HTML - Code Help For A Newbie
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> Similar TutorialsHi, 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>
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 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) Hi there, Im currently making a website and im afraid im pretty new to this. I am making a fairly simple site >> http://www.monk3d.com/healthcarebed3.html If you download the page, you will see I have placed the logo, links, and footers, however I dont have a space for the actual content! Im probably being stupid, but im not sure how to add a new section. I attached a diagram where the blue box shows where I need the content. I hope this is explained properly. kind regards, Rob 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>
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 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 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 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. Hi everyone, i have been getting errors on validator w3 i have tried every thing i can to sort this problem out but im now lost for ideas. Here is the code i have errors on, if you need any more info please let me know <script language='javascript'>var sp_key = 'd6nz91881gggks48';</script><script type='text/javascript' src='http://www.spottt.com/js/spottt.js'></script><noscript><style type="text/css"> table.spottt_tb, table.spottt_tb tr, table.spottt_tb td, table.spottt_tb a, table.spottt_tb tr a img { margin:0; padding:0; border:none; background:none; position:static; text-decoration:none; display:block; width:125px; vertical-align:top;} .spottt_thumb, .spottt_thumb img, .spottt_thumb a, .spottt_thumb td { height:125px; } .spottt_label, .spottt_label img, .spottt_label a, .spottt_label td { height:21px;}</style><table cellspacing="0px" class="spottt_tb" id="sp_code_table_d6nz91881gggks48"><tr class="spottt_thumb"><td><a href="http://click.spottt.com/sp_click_d6nz91881gggks48.php" target="_top"><img src="http://view.spottt.com/sp_image_d6nz91881gggks48.jpg" border="0" alt="Spottt"></a></td></tr><tr class="spottt_label"><td><a href="http://home.spottt.com/sp_index_d6nz91881gggks48.php"><img src="http://view.spottt.com/sp_label_d6nz91881gggks48.jpg" border="0" alt="Spottt"></a></td></tr></table></noscript> 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. Hello, i'm a business manager for 2 different up and coming businesses within the UK. On one of our sites we have widgets we are putting on the site displaying news from a few different organisations within the environmental sector. I have 5 or 6 widgets in total I am using, and when I put the widget codes into my boxes on the page I wish to have the information displayed on the website, they appear vertically on top of each other, meaning that the page becomes very long with the widgets on there. What code should I use to get the HTML code to know that I want the widgets to sit next to each rather than in a line down the page? I hope you understand what I mean, things involving websites are not my primary business activities so my knowledge of terminology is a bit lacking. Regards, Sean fixed!sdasffdf deeletete 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! 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 folks. I need some help with an HTML site I am trying to make, so please do me a favour and hear me out. I should add that I know some simple HTML stuff (ie. I can make simple pages no sweat), but am pretty quick on the uptake. What I am trying to do is make a HTML page to keep track of orders for my small business. The layout is pretty simple- I need to make a form where I can enter orders as they come in (simple info- cutomer name, order size, that kind of thing), and then have the form publish the order into a queue/chart of some sort. Then, I need to be able to have that published order queue somehow accessible/editable so that once an employee has finished an order, they can confirm that the order is indeed finished, as well as include notes about when it was finished, where the order is in waiting in the warehouse, etc. Finally, a page essentially the same as above, but this time to confirm shipping with notes about shipping company/time, etc. Hopefully this model came out clear, and someone can point me in the right direction of how to go about getting this started. It by no means has to be pretty- just functional. Can someone give me a brief tutorial about how to make the forms and have them publish into some kind of master queue? Html email does not display image background in Outlook, Gmail, Yahoo and MSN, i am using PHP code.. the images will not appear when sitting it as a back ground in the TD. but i am sure with my file path, it will only display if being coded as <img src=images.jpg> Hello, I recently started making websites and I need a little help. I'm using adobe dream weaver cs3 and am having trouble with a few things. First, I am wanting to use a conveyor belt with images sort of thing, so I found one on the internet and am using that..but now I want to put it in front of a picture but it's not letting me..here's a picture of my screen.. http://img72.imageshack.us/img72/6222/screenvf4.jpg So that box of pictures I want to be right after the "Bayside Baptist" Any help would be appreciated..I've never posted on forums before so I don't know if you would need to see the XHTML code but if you do just ask Thanks! Shane 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 |
|||||||