|
HTML - Code Placement Affect Page Results
This is really strange. If I write my code like this,
--------------- <td style="height: 100% width 16px; background-image: url('widgets/gen_72.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="1" alt="widget"></td></tr> <tr><td width="16" height="17"><img src="widgets/gen_76.1.gif" border=0 width=16 height=17 alt=""></td> <td style="height: 17px width 100%; background-image: url('widgets/gen_69.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="1" alt="widget"></td> <td style="width: 16px height 17px; background-image: url('widgets/gen_75.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="17" alt="widget></td></tr></table> --------------- my page displays correctly. But if I simple move the end tags for the table like this, ----------------------- <td style="height: 100% width 16px; background-image: url('widgets/gen_72.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="1" alt="widget"></td></tr> <tr><td width="16" height="17"><img src="widgets/gen_76.1.gif" border=0 width=16 height=17 alt=""></td> <td style="height: 17px width 100%; background-image: url('widgets/gen_69.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="1" alt="widget"></td> <td style="width: 16px height 17px; background-image: url('widgets/gen_75.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="17" alt="widget"> </td></tr></table> ------------- the page adds an extra table image below the table. Just adding a space before the </td> tag throws off the results. How can this be? I've never had a web page do this before. Can someone explain this to me? It simply doesn't make sense? Am I doing something wrong that I'm not seeing? Thanks Similar TutorialsOkay, well lately I've been really into making HTML layouts. To make sure you know exactly what I'm talking about, you can view one I found at the following adress : http://www.horse-lover-layouts.com/p...dow_paints.htm I want to be able to make boxes like that, and also seperate columns, and rows. The code below is the current one I've been using, and I can't figure out what's wrong with it. When I would type in it, and press enter, it would go down a line. All it did was keep going. Another thing, I can't place them for the life of me, like I can't put them somehwere specific. Could you help me out a bit with that? HTML Code: <DIV style="TEXT-ALIGN: left; WIDTH: 100%; FONT-FAMILY: arial; HEIGHT: 100%; COLOR: #cb642d; FONT-SIZE: 9pt; OVERFLOW: auto"> <DIV><BR> <H5>Title goes here</H5> <P>Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here v </ P> <P></P></DIV><BR> I want to have a FLASH video overlay an image (the first frame of the video). How to I do this? I've tried using the <NAME> tag and the <ID> tag. Neither works, or I'm not coding them correctly. To view the video I'm working with click on this URL: http://RDStouffer.net/geyser/ The above directory contains three items - geyser.jpg, index.html and geyser.swf Here is the relevant HTML code-- <IMG SRC="geyser.jpg" WIDTH="320" HEIGHT="240" BORDER="0" ALT="Sawmill geyser"> <OBJECT CLASSID='clsid27CDB6E-AE6D-11cf-96B8-444553540000' WIDTH='320' HEIGHT='240'><PARAM NAME=MOVIE VALUE='geyser.swf'><PARAM NAME=QUALITY VALUE=HIGH><PARAM NAME=BGCOLOR VALUE=#FFFFFF></OBJECT> How do I modify this code so the SWF video clip plays on top of the geyser.jpg image rather than next to it? Thank you for your help. [Where did this grinning green lightbulb come from? More important, how do I get rid of it?] Uncle Richard Hi, I'm trying to add scrolling affect to my website using marguee tag but nothing work can somebody help me with this? this is the script <VAR_MAIN_TITLE>%%TEXT_LATEST_JOBS%%</VAR_MAIN_TITLE> <VAR_MAIN_HEADER_HEIGHT>0</VAR_MAIN_HEADER_HEIGHT> %%MAIN_HEADER%% <table bgcolor="%%LIST_BORDER_COLOR%%" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td> <table bgcolor="%%LIST_BORDER_COLOR%%" width="100%" border="0" cellspacing="1" cellpadding="2" class="tablelist"> <tr bgcolor="%%LIST_HEADER_COLOR%%"> <th width="15%"> %%TEXT_POST_DATE%% </th> <th width="28%" align="center"> %%TEXT_TITLE%% </th> <th width="28%" align="center"> %%TEXT_JOBCATEGORY%% </th> <th width="28%" align="center"> %%TEXT_LOCATION%% </th> </tr> <marquee WIDTH=100% BEHAVIOR=scroll SCROLLAMOUNT=3 DIRECTION=up BGColor=""> <BEGIN REPEAT> <tr bgcolor="%%TABLE_LINE_BGCOLOR%%"> <td width="15%"><a href="%%JOB_LINK%%" title="%%JOB_JOBTITLE%%" class="tablelist">%%JOB_JOBDATE%%</a></td> <td width="28%"><a href="%%JOB_LINK%%" title="%%JOB_JOBTITLE%%" class="tablelist">%%JOB_JOBTITLE%%</a></td> <td width="28%"><a href="%%JOB_LINK%%" title="%%JOB_JOBTITLE%%" class="tablelist">%%JOB_CATEGORY%%</a></td> <td width="28%"><a href="%%JOB_LINK%%" title="%%JOB_JOBTITLE%%" class="tablelist">%%JOB_LOCATION%%</a></td> </tr> <END REPEAT> </MARQUEE> <BEGIN NORESULT> <TR> <TD colspan="4" align="center" valign="middle" bgcolor="%%TABLE_LINE_BGCOLOR%%"><font class="default_text"><b>%%TEXT_NO_RESULT%%</b></font></TD> </TR> <END NORESULT> </table> </td></tr> </table> %%MAIN_FOOTER%% Ok. I have just created a website using dreamweaver. This is not my first website but it is the only website i have done using html. I used to use CMS. In dreamweaver i have added library elements and inserted my google ad-sense codes into the library elements. I did this so i can change the advertisment now and again and for the convenience. Lets face it updating adverts for over 100 pages can be a dawnting task. This was why i used the library element. I am just wondering whether this will affect the amount of revenue that i am going to recieve from google ads? Would i have been better putting adverts seperatly on each of my web pages? Thanks, Ben Padgett Hi guys, First of all I'm a newbie at web coding and such... Using dreamweaver I managed to create a simple web design, Exactly as I wanted it. Now my only problem lies with the table and the iframe within it, Is it possible for the table to depend on the iframe's height and increase accordingly? (auto increase height and fill the whole frame page without scrolling inside the frame) Here is the code, maybe I did something wrong... <style type="text/css"> body { margin-top: 0px; } </style> <body bgcolor="#c7c7c7"><table width="1020" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th width="20" height="100%" rowspan="3" scope="col"><img src="bgleft3.jpg" width="20" height="100%" /></th> <th width="980" height="277" background="Mainbanner.jpg" scope="col"></th> <th width="20" height="100%" rowspan="3" scope="col"><img src="bgright3.jpg" width="20" height="100%" /></th> </tr> <tr> <th width="980" height="51" background="Barnew.jpg" scope="col"></th> </tr> <tr> <td width="980" height="100%" bgcolor="#3e5d75"><iframe src="frame_new.html" width="100%" height="100%" frameborder="0" scrolling="no"></iframe> </td> </tr> <tr> <th width="20" height="46" background="BottomLeft.jpg" scope="col"></th> <th width="980" height="46" background="BottomNew.jpg" scope="col"></th> <th width="20" height="46" background="BottomRight.jpg" scope="col"></th> </tr> </table> </body> Thanks in advance. (Already tried google and searched the forums, didnt find anything) Hey everyone, I am attaching a picture of something happening to a friends website. Is there any way to fix this? FYI: seems to show fine in yahoo, bing, or any other search engine results page. Thanks Hello, I have a form which links to Results.htm Basically I want the title of that page which opens in a new window to be whatever was input in the form previously. Hope you all can help me, it's been bothering me for quite some time. Thanks, Jooey Hi, I have a jsp page, in which i have a search button. When i click on the search button, it should display the results in a table format in the same jsp page. I am unable to find a solutuion for this. If Anybody knows, please help me. Thanks in Advance Regards Venu i would like to allow surfers to access sections of my website directly from the google.com search page here is a example of what i would like to do Hi. Im having a hard time getting this to work. I have bought a service from a phonenumber supplier and they will provide me with a database. But i need to create a searchform that queries and shows the results on the same page. I have all the strings and such to make it but i need an example on how to make this page. Its got to be in either php or html. I can not give you the url and such to the suppliers because it is classified. hehe But if anyone could give me a little helping hand here i will be very thankfull. I would like to know how to create a mini form of two pull down boxes so that when the two selections have been made and submitted it returns back a designated page or picture. For example I want to build a simple method to show routes of an office building. Pulldown box 1 would be the office number you want to start from, and pulldown box two would be the office you want to get to. when you click submit it would pull up either a page or picture which contains the corrrect floor plan and route. I feel like this should not be too hard as I don't need anything very flashy. I just don't know how to start it. If anyone knows of something open source already created to do this I would be open to that too. Thanks in advance for any assistence you can give. Hey, I embedded a google search box on my website, and I can't figure out how to make it so that when you search for something, the results show up on my page and not leave my site. I just want like a window below the search box in MY site. Any ideas on how to do that? Here's the code I have so far: <FORM method=GET action="http://www.google.com/search"> <input type=hidden name=ie value=UTF-8> <input type=hidden name=oe value=UTF-8> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=25 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE="Google Search"> </td></tr></TABLE> </FORM> Thanks!! www.onlineeire.com I am looking to put my adsense code on the far right of the mainpage. Can someone please write this for me as I dont seem to be able. Adsense Code: <script type="text/javascript"><!-- google_ad_client = "pub-4509855354636499"; /* 600x120, created 22/01/08 */ google_ad_slot = "5686969599"; google_ad_width = 120; google_ad_height = 600; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> Thanks very much in advance. Hi, Let say i want to place a div element 20px from the top vertically and 400px to the right from the center of the webpage, how would I do that? I tried <div style="position: absolute; top: 20px; left: expression(document.body.clientWidth / 2 + 400px); >div content</div> but it's not working. Can someone help me. Thanks Hi, I'm working on trying to build my website with images. The problem that I'm having is that the image for the main part of the website is automatically moved down instead of aligning to the top. I would like a little bit of space between the top and the image, but not so much that it causes the website to have to vertically scroll, as it currently is. Here is a screenshot of the problem: http://img247.imageshack.us/img247/3064/screenvp2.jpg If you want to see the website, go here and click on the image in the middle: http://katelphotography.com/popup.html And here is the code I'm using, if that would be helpful. Thanks! HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>k a t e L p h o t o g r a p h y</title>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
}
.style6 {
color: #D9ECBB;
font-size: x-small;
}
.style11 {color: #DEF0C6; font-family: Arial, Helvetica, sans-serif;}
-->
</style>
</head>
<body background="http://img360.imageshack.us/img360/9241/backgroundmo6.jpg">
<div align="center"><br>
<br>
<br>
<br>
<img src="http://img119.imageshack.us/img119/8839/71647178vd9.jpg" width="934" height="679" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="-6,251,92,266" href="photogs.htm">
<area shape="rect" coords="-4,230,95,246" href="me.htm">
<area shape="rect" coords="0,291,92,307" href="pricetag.htm">
</map>
<br>
<br>
<br>
<span class="style6"></span></div>
</body>
</html>
Hello, I have 6 Div's that i need placed one below the other. 3 of the Div's are invisible from the start, so I want the ones below it to take their spot so there's not a big white space where they're gonna be. Right now all the div's are just on top of each other and it's a mess. How would i format the div's so they're stacked? Thanks! Okay so hello everyone, my names chris. I recently decided I was going to do web hosting, and had a friend start building me a template since I lack html. But he only created me a nice background image to add onto. So I centered it on the page and started adding "Draw AP Divs" onto it. At first I had the images perfectly aligned in my firefox browser and I was ready to continue adding stuff to it, however, the images are misplaced in everyone elses browsers (i.e and firefox) And I'm completely clueless on how I can get the images properly aligned in there spots for both browsers.. As you can see there not aligned in that view (internet explorer) but in firefox there fine.. and when I fix them to look right in internet explorer, they mess up in firefox. I'm at a loss. Heres the code if you want it to be posted he 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>***aS Hosting</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
#apDiv1 {
position:absolute;
left:153px;
top:122px;
width:418px;
height:234px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:95px;
top:310px;
width:56px;
height:48px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:496px;
top:306px;
width:223px;
height:30px;
z-index:1;
}
.style2 {
color: #CCCCCC;
font-weight: bold;
}
#apDiv4 {
position:absolute;
left:496px;
top:359px;
width:401px;
height:256px;
z-index:2;
}
.style3 {color: #CCCCCC}
#apDiv5 {
position:absolute;
left:234px;
top:318px;
width:140px;
height:149px;
z-index:3;
}
#apDiv6 {
position:absolute;
left:237px;
top:508px;
width:138px;
height:150px;
z-index:4;
}
#apDiv7 {
position:absolute;
left:907px;
top:36px;
width:137px;
height:15px;
z-index:5;
}
.style4 {
color: #FFFF00;
}
#apDiv8 {
position:absolute;
left:511px;
top:181px;
width:145px;
height:25px;
z-index:6;
}
.style6 {color: #666666}
#apDiv9 {
position:absolute;
left:712px;
top:219px;
width:160px;
height:22px;
z-index:7;
}
#apDiv10 {
position:absolute;
left:851px;
top:247px;
width:140px;
height:19px;
z-index:8;
}
#apDiv11 {
position:absolute;
left:851px;
top:280px;
width:141px;
height:20px;
z-index:9;
}
#apDiv12 {
position:absolute;
left:854px;
top:312px;
width:138px;
height:21px;
z-index:10;
}
a:link, a:visited, a:hover
{
text-decoration: none;
}
.style7 {color: #FF00FF}
#apDiv13 {
position:absolute;
left:748px;
top:21px;
width:291px;
height:171px;
z-index:5;
}
#apDiv14 {
position:absolute;
left:916px;
top:29px;
width:105px;
height:15px;
z-index:6;
}
#apDiv15 {
position:absolute;
left:919px;
top:54px;
width:106px;
height:16px;
z-index:7;
}
#apDiv16 {
position:absolute;
left:777px;
top:87px;
width:43px;
height:17px;
z-index:8;
}
#apDiv17 {
position:absolute;
left:920px;
top:81px;
width:106px;
height:16px;
z-index:8;
}
#apDiv18 {
position:absolute;
left:918px;
top:105px;
width:107px;
height:15px;
z-index:9;
}
#apDiv19 {
position:absolute;
left:919px;
top:129px;
width:108px;
height:15px;
z-index:10;
}
#apDiv20 {
position:absolute;
left:918px;
top:154px;
width:106px;
height:15px;
z-index:11;
}
-->
</style></head>
<body>
<div class="style2" id="apDiv3">November 02, 2007</div>
<div class="style3" id="apDiv4">
<p>Text</p>
<p><br />
</p>
</div>
<div class="style3" id="apDiv5">Text</div>
<div class="style3" id="apDiv6">Text</div>
<div id="apDiv13"></div>
<div id="apDiv14"><img src="home.jpg" width="45" height="14" /></div>
<div id="apDiv15"><img src="aboutus.jpg" width="67" height="14" /></div>
<div id="apDiv17"><img src="support.jpg" width="61" height="13" /></div>
<div id="apDiv18"><img src="hostingplans.jpg" width="100" height="14" /></div>
<div id="apDiv19"><img src="links.jpg" width="42" height="14" /></div>
<div id="apDiv20"><img src="controlpanel.jpg" width="103" height="14" /></div>
<div align="center"><img src="back.jpg" width="825" height="800" /></div>
</body>
</html>
Any help is great.. and appreciated. www.vintageparlor.com I am trying to place a google map right below the stacked pictures on the site above. The problem I am running into is if I add the code above the paper image, if I move the google script down with <br>'s the paper moves also. If I put the script after the paper image, it appears below it. HTML Code: <html lang="en"> <head> <title>Vintage Parlor L.L.C.</title> </head> <a href="http://www.vintageparlor.com"><img src="logo.png" align="left"></a><img src="facebook2.png" align="right"> <br> <br> <br> <br> <br> <br> <br> <center><font color="white" face="script"><table border="0" cellspacing="20"> <tr> <td><font color="white" face="script" size="6"><a href="http://www.vintageparlor.com">Home</a></td> <td><font color="white" face="script" size="6">Photo Gallery</td> <td><font color="white" face="script" size="6">Contact Us</td> </tr> </table></font> </center> <body background="background_new1.png" link="white" vlink="white" alink="white"> <br> <br> <br> <table border="0"> <tr> <td rowspan="1" colspan="5" width="921" height="747" background="paper.png"> </tr> </table> <br> <br> <br> <br> <br> <br> </body> </html> HTML Code: <iframe align="right" width="300" height="245" frameborder="1" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&ie=UTF8&ll=33.582323,-111.891396&spn=0.009993,0.021136&t=k&z=16&output=embed"></iframe> I want to put few ads on the given pciture(Attached) but when i do that then one extra space gets created whcih looks bad. I exactly wanna put ad there. Help me there. I m putting source code of my web site.. you can also check my site at www.nutraforum.com Please tell me how to put code and where so and whcih tag shd be added to get my ad there. I will be greateful if you check the sourc code of my forum. i m not abl to put souce code as forum allows only 10000 char . |
|||||||