|
HTML - Coding Embedded In Form Creates Large Top Margin
Hello!
I've checked my coding and found that my coding is correct, no margins on top of the page, but when I copy and paste a form code, it causes a top margin to appear, please see the coding, it's this page http://www.autoattireparts.com/freestuffform.html Can anyone tell me what's wrong with it? The form works, just need the top header to be flush with the top of the page. Thanks! Skattered Pictures Similar TutorialsI've been having problems lately with my navigation bar. For some reason it adds a huge, annoying margin on the left of each button that makes it 1. Hard for the navigation buttons with more than one word in them to fit correctly and 2. Looks really bad. I attached a screenshot and my code. CSS HTML Code: .navContainer {
background: #336600;
margin: 0.5em;
padding: 0;
float: left;
width: 15%;
height: 18em;
}
ul#nav {
list-style-type: none;
}
ul#nav li a {
background-color: #A35200;
color: #fff;
font-family: "Trebuchet MS";
font-size: 19px;
padding: 0.3em 2em 0.3em 2em;
text-decoration: none;
border: 2px solid #824200;
border-style: inset;
display: block;
margin-top: 1em;
text-align: left;
}
ul#nav li a:hover {
background-color: #8F8F00;
color: #000;
border-style: outset;
}
HTML HTML Code: <div class="navContainer">
<ul id="nav">
<li><a href="#" style="margin-top: none;">Home</a></li>
<li><a href="images.html">Images</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
Hey everyone, First time poster here with a slight dilemma. I am rather new to the world of coding and have hit my first "Cant find it on google" roadblock. Basically I need to make an embedded email form for a webpage that allows users to basically send an email right from the page to whoever they want. I would like the email to have an image inside of it, and when the recipient opens the email it has the senders message along with the image and link to the webpage. We can start with the basics on making an embedded form that allows them to input their recipient of choice. Any help you guys can give would be GREATLY appreciated. Edit: Essentially I am looking to embed a "Share this Site" type form, only it shares the specific page/image they are looking at. Thanks! I want 50 text fields for a form on a webpage. Is there a way to do this using a loop instead of manually writting the html code for all 50. I have tried this but it does not work. Code: <script type="text/javascript">
var i;
for(i=0;i<50;i++)
{
document.write("<tr>");
document.write("<td>~address(i)~ </td>");
document.write("<td>~name(i)~</td>");
document.write("<td><input type="text" name="name[i]" maxlength="16" value="~name(i)~" size="20"></td>");
document.write("</tr>");
}
</script>
Thanks I am in the process of creating a website and on the front page, i wish to have a small riddle or question, in which people will need to type in the "password answer" and press the submit button and be redirected to the website proper. This is the coding i have so far, and i am sure that it is something simple i have missed, but i just cannot see what. I can get the redirection to work without the password, or i can put the password on properly but the redirect doesn't work..... Quote: <!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>My Website</title><link href="main.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#000000"> <div class"introbnr"> <div id="introbnr1"> <img src="../Banners/introbnr.jpg" border="0"/> </div> <p align="center"><font color="#FFFFFF">_________________</p> <form method="POST" action=""> <input answer="________________" type="password"/><br /> <input type="button" value="Enter" onclick="document.location = 'intro.php' ;"> </form> </body> </html> Hi, I'm new to the forums, so if this is in the wrong place i apologize. I've been thrown into the fire at work to develop some of the website and I'm absolutely stuck on one of my forms. It's submitting name, email and a couple checkboxes. I need the script to verify that the fields are not blank, the email field is a valid address, and the checkboxes are checked. Any ideas? <body> <script> function Do_it() { if(document.Form1.FirstName.value == "") { errormessage += "\n\nPlease fill out your first name."; } if(document.Form1.LastName.value == "") { errormessage += "\n\nPlease fill out your last name."; } if(document.Form1.email.value == "") { errormessage += "\n\nPlease fill out your email address."; } if(document.Form1.checkbox1.value == "") { errormessage += "\n\nPlease verify you are 13 or older."; } if(document.Form1.checkbox2.value == "") { errormessage += "\n\nPlease verify you have read and agree to the Privacy Policy."; } } return false; else return true; } </script> <div id="Layer1"> <div align="center"><img src="bg.jpg" width="800" height="600" /> </div> <div id="Layer13"> <form action="feedback.php" method="post" name="Form1" onSubmit="return Do_it()"> <table width="100%" height="100%" border="0" cellpadding="5" cellspacing="2" style="width: 445px; height: 100%;"> <tr> <td nowrap="nowrap"><div align="right"> First Name:</div></td> <td><input class="dsR2" type="text" name="FirstName" size="43" /></td> </tr> <tr> <td nowrap="nowrap"><div align="right"> Last Name:</div></td> <td><input class="dsR3" type="text" name="LastName" size="43" /></td> </tr> <tr> <td nowrap="nowrap"><div align="right"> E-mail:</div></td> <td><input class="dsR4" type="text" name="email" size="43" /></td> </tr> <tr> <td nowrap="nowrap"><div align="right"> <input class="dsR1" type="checkbox" name="checkbox1" /> </div></td> <td> I am over 13 years of age. </td> </tr> <tr> <td nowrap="nowrap"><div align="right"> <input class="dsR1" type="checkbox" name="checkbox2" /> </div></td> <td>I read and agree to the <a href="terms.html" target="_blank">Privacy Policy </a></td> </tr> <tr> <td colspan="2" nowrap="nowrap"><div align="center"> <p> <input name="submit" type="submit" class="dsR1" value="Submit" /> </p> </div></td> </tr> <tr> <td colspan="2" valign="top"><div align="center"><span class="style1"> </span> <div id="Layer3"> <div align="center"><span class="style2">We respect your privacy and understand the value of protecting personally identifiable information, we pledge not to sell any personally identifiable information to any third party</span>.</div> </div> </div></td> </tr> </table> </form> </div> </body> I installed the simple points system to my phpbb3 forum Im trying too add to that mod and put a box in the viewtopic page so i can edit members points easily. I tried getting the code from the acp and putting that in the viewtopic file but no luck. The box comes up but when i type a amount and click submit it just seems to refresh the page and doesnt change the points amount. Heres a code i made up from the ACP: HTML Code: <form id="user_profile" method="post" action="{U_ACTION}">
<input id="points" type="text" name="points" value="{POINTS}" />
<input class="button1" type="submit" name="update" value="{L_SUBMIT}" /></form>
Heres the mod link: http://www.phpbb.com/community/viewt...?f=70&t=543803 I hope you can understand and help . I just want a amount box and submit button below the avatar in the viewtopic file so when i type a amount in the box and click submit the amount of points will change. I have tried the mod creator and the phpbb community for help but ive got nothing that helps. Thanks in advanced. Hi, I'm a beginner, so I realize that my question will be silly - sorry for that. I'm just doing a tutorial on html/css. I created a simple website, with stylesheet and image. Everthing was hunky dory as long as files were sitting on the desktop. When I moved them to appropriate folders (I created "html", "css" and "img" folders on desktop), changed the paths from /style.css to css/style.css and from imgname.jpg to img/imgname.jpg, the site completely ignores styles and image. Then once I move it back to the desktop it stats reading it correctly. It's weird for me and I can't find the reason. I checked all paths million times and there is no error there. Whole operation should be super obvious, yet I can't resolve it. I'd appreciate your help. Thank you in advance, JJ Hi, Do you know the answer to this question? (I wasted a lot of time trying figure out this problem, before finally giving up.) How do I get the book cover image to display with no left margin, while preserving the 5px right margin? It displays with no left margin in my WYSIWYG editor. But, it displays with a 5px left margin in IE and Firefox. Here is the code... <a target="_blank" title="New Covenant Theology" href="/images/stories/book/book_cover_original_size.jpg"> <img style="border-style: none; border-width: 0px; left-margin: 0px; right-margin: 5px; title=" alt="New Covenant Theology" src="/images/150x199.jpg" width="150" align="left" height="199" /></a> 24 Reasons Why All Old Testament Laws Are Cancelled and All New Testament Laws Are for Our Obedience. See God's law in redemptive history explained simply and clearly with 7 diagrams, 20 charts, and 702 verses. Dedicated to Reformed, Covenant Theologians; Seventh Day Adventists; and other Sabbath-keepers. Read 3, free chapters from the book now: <a href="/new-covenant-theology.htm" title="New Covenant Theology"><span class="style20">New Covenant Theology</span></a></p> And, here is the webpage... http://www.jesussaidfollowme.org/#biblestudies Thanks for your insight, Greg Gibson Hello, I am getting huge breaks in IE after writing down <br>. This problem only occurs in IE. It doesnt occur in Google Chrome. I removed all the other code and only left the text and one picture there and it still does the same. Heres the link: http://www.jkdolniprim.cz/invalid/ I want the margin and padding to be 0px. Thank you for your help. Here is my website for starters: http://divinedragons.tk If you navigate to my Schedules page, you can see there is an embedded calendar. At the bottom of this calendar, there is a line of text saying: "Want to add an event to this schedule? Contact us by clicking on the link above, and we will post it as soon as possible." I view this website on the current computer I'm using on Firefox, and the line of text can be viewed just perfectly. On my other networked computer, however, in MSN Explorer, i view the same page, but the same line of text seems to be too large, and it cuts off half the phrase. I was thinking the screen resolution was different, and that caused the text to be cut off in the browser. Yet i think there is a way for this line of text to be viewable on any computer, regardless of any screen resolution. I put the embedded code in a table format, as it is currently. The embedded code is with between the tags <TABLE><TD> and </TD></TABLE>. I remember looking somewhere that putting code in a table would cause it to appropriately "resize" itself in any monitor/screen resolution/browser size. Apparently it does not. So, I came here to ask an HTML expert if there is any way for my embedded calendar's footer text to be fully viewed, in any screen resolution or browser. Thanks for your time, and thanks so much in advance. Hello, I am trying to add an RSS feed that pulls from about a few sites to http://www.econslt.com/test/index3.html under "Breaking News". I want this to update and conform to about the dimensions on the page 235 x 300. This is also my first RSS so I'm not too sure on the process. What is the best way to accomplish this? The site is ECI, I want to pull from the links at http://www.usa.gov/Topics/Reference_...Security.shtml. So, I want them to display as links under the "Breaking News" section. you click, you go to the article. But, how can I make this also something you can subscribe to? Hey, On my site i have currently got windows media player to play an embedded wma file Code: <object id="MediaPlayer" height=46 classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"> <param name="filename" value="Windows XP Startup.wma"> <param name="Showcontrols" value="True"> <param name="autoStart" value="True"> <embed type="application/x-mplayer2" src="Windows XP Startup.wma" name="MediaPlayer"></embed> </object> That's my current source code for it ideally i would like to make it have the playlist option so on the playlist they can double click which songs they would like to listen Is this possible Cheers Lolium P.s, would it be possible for people who view the web page to browse the directory were the audio files will be kept? so they can choose which song to play?? I am using wordpress blog. I have a simple site that is hosted by my school. I was wondering if it where possible to embed the blog within my blog page on my website? problem now fixed thanks very much for the help Here is the code I'm using to put in the video window: HTML Code: <script>
function doChangeVideo(myVal)
{
mediaPlayer.autoStart= "true"
mediaPlayer.fileName= myVal
}
</script>
.
.
.
<table border='0' cellpadding='0' align="center">
<tr><td>
<OBJECT id='mediaPlayer' width="320" height="285"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value="mms://media.huntingtonnews.net/video/2007/TheClinicalCenterPlant-1.wmv">
<param name='animationatStart' value='true'>
<param name='transparentatStart' value='false'>
<param name='autoStart' value="false">
<param name='showControls' value="true">
<param name='loop' value="false">
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
bgcolor='darkblue' showcontrols="true" showtracker='-1'
showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="320" height="285"
src="mms://media.huntingtonnews.net/video/2007/TheClinicalCenterPlant-1.wmv" autostart="false" designtimesp='5311' loop="false">
</EMBED>
</OBJECT>
</td></tr>
<!-- ...end embedded WindowsMedia file -->
<!-- begin link to launch external media player... -->
<tr><td align='center'>
<a href="mms://media.huntingtonnews.net/video/2007/TheClinicalCenterPlant-1.wmv" style='font-size: 85%;' target='_blank'>Launch in external player</a>
<!-- ...end link to launch external media player... -->
</td></tr>
</table>
<CENTER><form>
<select name="section" size="1" language="javascript" onChange="doChangeVideo(this.options[selectedIndex].value);">
<option selected>Select a video...</option>
<option value= "mms://media.huntingtonnews.net/video/2007/BillDargusch-Downtowns-1.wmv">Happy Daze</option>
<option value= "mms://media.huntingtonnews.net/video/2007/AtlantisLaunch-1.wmv">Shuttle Atlantis Suffers Some Damage during Launch</option>
<option value= "mms://media.huntingtonnews.net/video/2007/TheTams@PullmanSquare-1.wmv">Pullman Kicks Off Summer Concert Series</option>
</select>
</form></CENTER>
And everytime you scroll the page up and down the video just stalls on a single frame and the controls can't get it running correctly again, you just have to choose another option. And also any time I choose an option on the drop down menu the entire page locks up until the streaming video completes buffering. I'm using the CIT embedded video generator code here so I don't know it as well as I should but are there some ways to fix those problems with it or is it just going to be like that with embedded windows media player?... Codeguru okay so what i want to do is have tables embedded inside of a top level table to auto wrap in the same manner that text does. meaning, as the table is built i want the embedded tables to be rendered in left to right order and upon reaching the rightmost edge of the top level table (set width="100%") then it will start rendering the embedded tables under that first group and once again left to right. using the following image, the white is the page itself, the red is the top level table and the green is the embedded table (with blue inside of it to show its td/tr elements) i want each green table to simply build left to right and wrap in the same manner that text does as they reach the rightmost edge of the red table. currnetly what is occuring is that all the green tables are built in a top down method, so they all stack on top of each other. Is there any way to embed windows media video into html without using active-x. This would be for a computer without administrative priveledges (unable to download active-x components) to view video through an html interface. I can only think of using a direct link to the file, which would require the player to be used externally. I think any embedded call up of the player will need to use embed or object tags, which need active-x (as far as I can tell, and my testing has shown) Any light shone on this black math would be greatly appreciated-- Thanks, Tim Hello all, Working on a site for a client, and unfortunately I'm getting some errors in IE. Chrome and Firefox seem to work fine, but with IE8 I'm not sure of the changes. Here is the page: http://redd-design.com/clients/shepedals/index.htm I'd love to hear some input...thanks! I would like to include on my website streaming HD video not unlike Youtube or Vimeo. How hard is this? Both in terms of the video compression and the coding for the site. Where do I look for info to help me out? I have a very basic knowledge of HTML and CSS, but not much else. Are the videos on Youtube and Vimeo flash? I am not sure if "streaming" or "embedded" is the proper term for what I want to do. I'll be starting with mp4 files, since those are best for encoding HD... I use x264 codec and encode 720p @ 2.5Mbps for great quality and decent filesize. But somehow Youtube compresses it even further. Example, I had a 5 minute 720p mp4 file that was around 100MB. I uploaded it to Youtube and it is now available in HD and looks pretty good. But if I watch my network connections as I am streaming it, only 20MB transfers... which means they compressed it 5 times better than I had it! That is definitely important because if I try to have streaming HD and it's not compressed enough, it won't be watchable for most people. I can get the example at Http://www.w3schools.com/xml/xml_data_island.asp to work just fine but when I try it with my own XML and HTML files it only displays a little white box. My XML: Code: <?xml version="1.0" standalone="yes" ?> - <IncrepDataset xmlns="http://tempuri.org/IncrepDataset.xsd"> - <Control> <Control_ID>0</Control_ID> <Name>DocViewer</Name> <Filename>docviewer.dll</Filename> <Icon>doc</Icon> <IncrepLoadable>true</IncrepLoadable> <Version>4.0.0.28546</Version> <TStamp>2006-11-06T18:00:09.4160070-06:00</TStamp> </Control> - <Control> <Control_ID>-1</Control_ID> <Name>RIDS</Name> <Filename>ridswrapper.dll</Filename> <Icon>tool</Icon> <IncrepLoadable>true</IncrepLoadable> <Version>4.0.0.28559</Version> <TStamp>2006-11-06T18:00:32.8518090-06:00</TStamp> </Control> - <Control> <Control_ID>-2</Control_ID> <Name>Explosives</Name> <Filename>atfwrapper.dll</Filename> <Icon>tool_bomb</Icon> <IncrepLoadable>true</IncrepLoadable> <Version>4.0.0.28559</Version> <TStamp>2006-11-06T18:01:01.2952610-06:00</TStamp> </Control> - <Control> <Control_ID>-3</Control_ID> <Name>ChecklistViewer.Bomb Response</Name> <Filename>checklistwrapper.dll</Filename> <Icon>tool_checklist</Icon> <IncrepLoadable>false</IncrepLoadable> <Version>4.0.0.28559</Version> <TStamp>2006-11-06T18:01:21.5461976-06:00</TStamp> </Control> - <DataType> <Datatype_id>1</Datatype_id> <name>String</name> <description /> </DataType> - <DataType> <Datatype_id>2</Datatype_id> <name>Decimal</name> <description /> </DataType> - <DataType> <Datatype_id>3</Datatype_id> <name>INT</name> <description /> </DataType> - <DataType> <Datatype_id>4</Datatype_id> <name>Boolean</name> <description /> </DataType> - <DataType> <Datatype_id>5</Datatype_id> <name>DateTime</name> <description /> </DataType> - <IncidentReport> <IncidentReport_ID>0</IncidentReport_ID> <Name>new</Name> <TStamp>2006-11-06T18:00:01.8344249-06:00</TStamp> <ProfileName>Bomb Response</ProfileName> <GUID>b2d785ca-98c2-47dd-9343-3714598d8f31</GUID> <License>24CC0LFL5T0K5D3944700DLRWYNU3R</License> <Version>4.0.0.26014</Version> </IncidentReport> My HTML: Code: <html> <body> <xml id="log" src="CurrentLog.xml"></xml> <table border="1" datasrc="#log"> <tr> <td><span datafld="Name"></span></td> <td><span datafld="Version"></span></td> </tr> </table> </body> </html> |
|||||||