|
HTML - Problem With Html Slices
<html>
<head> <title>Untitled-1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- ImageReady Preload Script (Untitled-1) --> <script type="text/javascript"> <!-- function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImages() { if (document.images && (preloadFlag == true)) { for (var i=0; i<changeImages.arguments.length; i+=2) { document[changeImages.arguments[i]].src = changeImages.arguments[i+1]; } } } var preloadFlag = false; function preloadImages() { if (document.images) { link_to_images_over = newImage("images/link-to-images-over.gif"); preloadFlag = true; } } // --> </script> <!-- End Preload Script --> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();"> <!-- ImageReady Slices (Untitled-1) --> <table id="Table_01" width="500" height="300" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="images/eto-na%21%21%21_01.gif" width="500" height="153" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/eto-na%21%21%21_02.gif" width="161" height="147" alt=""></td> <td> <a href="http://u-belt.ning.com/photo/photo/listForContributor?screenName=0vumn87063llg" target="_self" onmouseover="changeImages('link_to_images', 'images/link-to-images-over.gif'); return true;" onmouseout="changeImages('link_to_images', 'images/link-to-images.gif'); return true;" onmousedown="changeImages('link_to_images', 'images/link-to-images-over.gif'); return true;" onmouseup="changeImages('link_to_images', 'images/link-to-images-over.gif'); return true;"> <img name="link_to_images" src="images/link-to-images.gif" width="250" height="75" border="0" alt="portal"></a></td> <td rowspan="2"> <img src="images/eto-na%21%21%21_04.gif" width="89" height="147" alt=""></td> </tr> <tr> <td> <img src="images/eto-na%21%21%21_05.gif" width="250" height="72" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> this is the code what is the matter with it? it ain't working i'm a total noob in HTML and Imageready Similar TutorialsHi everyone, I'm creating a prototype ipad webapp for uni and I've managed to get stuck when using photoshop slices. Basically whats happened is that when I add a href to a slice a blue border appears and knocks all the slices out of line by a few pixels. I've tried
Code: frameborder="0" but hasnt worked. Is there a solution using html or would I be better off trying CSS? Thanks, Claire My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> So, I'm working on my Myspace, and I decided to use a div overlay to make my own design in photoshop and export it so that I can have my own custom design. I had a friend help me with the div overlay part and I used this as the div overlay.. Code: <style type="text/css">
.cover{
position: absolute;
background-color: rgb(255,255,255);
top: 160px;
left: 50%;
margin-left: -400px;
width: 800px;
height: 900px;
z-index: 2;
padding: 0px;
border-width: 0px;
border-color: rgb(0,0,0)
}
</style>
<div class="cover"></div>
<div style="position:relative; height: 400px; overflow: hidden; border: 0px"><table><tr><td><table><tr><td>
And with that, my entire profile was covered. So I designed my layout in photoshop, and saved it as a flattened image, and used "hotspots" on dreamweaver to link it. That was the only way I could think of to code it. The code works perfect, and the design looks great, but the problem is that it gets covered by the div overlay and gets placed in such a way that it moves the layout and some of the myspace features start showing in the background again. I can supply the source code of my myspace with the layout on it and div overlay. Any help in this matter is extremely appreciated. Thankyou very much guys. I know I have asked for help with problem before but I didn't get it sorted. The problem is the table stretches out for some reason.This only happens in Firefox 2.0. Screen shot: http://i111.photobucket.com/albums/n...Untitled-2.jpg I have attached some of the e portfolio to this thread, Thank you i'm trying to build a web page using HTML but i'm trying to put pics on it but i dont know how to, can some1 tell me what to do? also can you have a look at my page and tell me if i need to do more to it please and how to do it. coz i feel it looks abit dull many thanks :) http://uk.geocities.com/leighton24@btopenworld.com/ Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hi all, Having a bit of a problem trying to verify a site with Google. Uploaded the meta tag code to the index.html page of our site via an FTP server, however when I view the site, it doesn't interpret the html as html, it just shows me the code. The coding that I put in the index.html file is the standard google meta tag verification code: <html> <head> <meta name="google-site-verification" content="iQ3ySqJZaIc0njNiOJyDq1OnskxGqraQvuGKaNAGlbY" /> <title> My title </title> </head> <body> page contents </body> </html> Any ideas why it isn't interpreting it as HTML? I can't verify by the other method because of some issues with forwarding. Any help would be much appreciated! Thanks, Joel Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. I can't get the height of the outer box to fit tight around the smaller ones. It does in Safari but not in most browsers. <html> <body> <table border=1 width=634><td valign=top align=left><form><select id=ctAdmin ><option>Administrative Postings</option><option>Flick Two-to come</option><option>Flick Three-to come</td><td valign=top align=right><form><select id=ctFMA><option>Members Postings</option><option>Flick Two-to come</option><option>Flick Three & Four-to come</option></select></form>"); </body> </html> Hi, I have a website which runs primarily on html, but I call some dynamic content using <?php include 'list.php' ?> inside the body tag of index.html. <html> .... <body> .... <?php include 'list.php' ; ?> ... </body> </html> The domain is redirected to public_html/myproject (index.html and list.php is present here). Now only the html shows up. The php content is not included. (the list does not show up, works fine in local machine) How do I include php on html files? What changes should I make? 1. I tried adding a .htaccess in the myproject folder with the content AddType application/x-httpd-php5 .html .php AddHandler application/x-httpd-php5 .html But it throws a 500 error. 2. Should I make any changes to php.ini file? [ There is no php.ini file in the sub directory as of now. Is it required? ] 3. I also tried adding a apache handler in the bluehost control panel, but in vain. Desperately in need of a solution. Appreciate any quick response, Thanks http://boosterbath.com Help please, I am making a website, and i have a problem. I have a page that when opened in Safari and when you try to open it on firefox it doesnt work and comes up with: ��<�h�t�m�l�>� � �<�h�e�a�d�>� � �<�t�i�t�l�e�>�P�l�a�n�e� �C�o�l�o�u�r�i�n�g� �I�n�d�e�x�<�/�t�i�t�l�e�>� � �<�m�e�t�a� �h�t�t�p�-�e�q�u�i�v�=�"�C�o�n�t�e�n�t�-�T�y�p�e�"� ... It is based on another page I have made, which works fine but this one seems to not want to Can some one please take a look at this and help me get the images to line up as they should!!! http://www.ardmoreweatherlive.com/wx3.php code: <!-- ##### Main Copy ##### --> <br> <font face="verdana,arial" size="3"><center>Click on radar image for full size</center></font> <br> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Reflectivity<br><a href="/wx16.html"><img src="/resize-radar-image.php"></img></a></TH> <TH>Echo Tops<br><a href="/wx17.html""><img src="/resize-et-image.php"></img></a></TH> </TR> </TABLE> </center> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Velocity<br><a href="/wx18.html"><img src="/resize-bv1-image.php"></img></a></TH> <TH>Relative Velocity<br><a href="/wx19.html"><img src="/resize-srv1-image.php"></img></a></TH> </TR> </TABLE> </center> <br> </div> <!-- ##### Footer ##### --> Thanks again for the help,Doug I think this is a CSS issue so I posted in the CSS section. Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hi, Been having a few problems with my code and need to seek help! I have pasted the code below of what i currently have, which works but the code it's self is invaild and will not pass xhtml checker. This is because i have the link arround other tags so the idea is when you hover over it the background image will change. If i put the link on its own in front of the code it will then just show the hover backgrounds but the text will be pushed below. I cant see how you get around this issue and help or pointers would be great! Thanks This is what i have: Code: div class ="features"> <a href="design.htm"> <h2>Starter</h2> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> </ul> <div class="more">More</div></a> </div> The Css: Code: .features {
display:block;
width: 202px;
height: 202px;
float:left;
margin-left: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 25px;
color: #0066FF;
}
.features a{
display: block;
height: 202px;
width: 202px;
background: url(images/button.gif) top left;
background-repeat: no-repeat;
}
.features a:hover {
background-position: bottom left;
display:block;
width: 202px;
height: 202px;
background-repeat: no-repeat;
}
I have started making a simple website with notepad which me and my friend could use. I've got a bit of a problem though. I know basic HTML but don't know how to get around this: In the folder I have two files: Lauch(Which opens the website), and a folder called Pages. In the folder 'Pages' I want the other pages for the website, but as his system would have different names, I can't exactly put: C:\My Files\HH Tool, if his is C:\His Files. Get me? I tried linking to: \Pages\Information.html . But it didn't work. I'd appreciate and answer ASAP. Thanks for whoever replies or answers. Okay so im making a new site and i have one problem. All i need to do is when you click on a button an image appears saying "Generating" and then after around 5 seconds it then shows a link. Only problem is i don't know how to do it Could anyone tell me how i could do this? Thanks! Hello to everyone. I have very strange problem with html. This is the page link http://www.mrgole.net/Mobiflirt When you open the page the secound image field in main content is empty, but when you refresh and wait 1 sec, repeating this until the picture is showen. I really don't know whay this is happening. And I also noticed with firebug when picture is displayed html code is ok, but when the picture isn't the html code add ''href'' tags. Example: This is the right code when picture is dispayed: Quote: <div id="content_box"> <a href="#"> <div id="box_img"> </div> <div id="box_title"> <span class="name_title">JanjaXxX</span><br> <br> <br> <span class="p_content">Starost: 23 let Regija: Dolenjska išče moškega </span> </div> </a> </div> And this is the code when picture is not dispayed, and browser or somebody adds the new ''href'' tag. Quote: <div id="content_box"> <a href="#"> </a> <div id="box_img"> </div> <a href="#"> </a> <div id="box_title"> <span class="name_title">JanjaXxX</span><br> <br> <br> <span class="p_content">Starost: 23 let Regija: Dolenjska išče moškega </span> </div> <a href="#"> </a> </div> The problem only expose in Firefox. Hello guys, i have little problem with my website. www.tvfm.mk/tv.html when you go to that link it redirects you to a website with gay porn. Is there any way to stop that redirect ? |
|||||||