|
HTML - Updating Html Page?
Hey there, I started html/css a few days since I wanted to make my own website for my own Minecraft server and I've ran into a little problem with it. I tried putting 2 videos aswell as a paragraph of text on the front page and well... the video at the bottom of the page was well below the white line. Is there something that I need to do so the page updates and expands?
My html and css is below. 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" />
<title>Dawn Craft</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #000000;
background-image: url();
}
body,td,th {
color: #FFF;
}
</style>
</head>
<body>
<div id="header"><a href="index.html"><img src="images/header.png" width="900" height="100" /></a>
<div id="menu"><a href="index.html"><img src="images/Home.png" width="80" height="25" /></a><a href="http://www.dawncraftmc.com/"><img src="images/Forum.png" width="80" height="25" /></a></div>
</div>
<div id="content_wrap">
<div id="left_content">
<div id="information" style="text-align: center; font-family: Verdana, Geneva, sans-serif; font-weight: bold;">
<p>Server updates</p>
<p>----------------------------</p>
<p>Congratulations to ICOZANE1 and 450airsoft on becoming the first 2 moderator's.</p>
<p>----------------------------</p>
<p>The server is being upgraded to 26 slots!</p>
<p>----------------------------</p>
<p>We got a new site! We will be keeping the forum.</p>
<p> </p>
<p> </p>
<p> </p>
<p>Vote for the server!
<a href="http://www.xtremetop100.com/in.php?site=1132322674">
<img src="http://www.xtremeTop100.com/votenew.jpg" border="0" alt="Minecraft"></a></p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div id="right_content">
<p> </p>
<p style="text-align: center">A quick look at the 1.7 pistons update.</p>
<div class="video_wrap2">
<iframe width="640" height="390" src="http://www.youtube.com/embed/uZJr86d2IUo" frameborder="0" allowfullscreen></iframe></iframe>
</div>
<p style="text-align: center"> </p>
<p style="text-align: center"> </p>
<p style="text-align: center"> </p>
<p style="text-align: center">---------------------------------------------------------------------------------------------------------------------</p>
<p style="text-align: center">The Server will be staying at 1.6 until all the mods are updated! Keep checking the site or the forums for updates. </p>
</div>
</div>
<div id="footer" style="text-align: center">
<a href="http://minecraftviewer.com/servers/38428/view" target="_blank"><img src="http://cache.multiplayuk.com/b/1-38428-560x95.png" alt="Server Banner" style="border:0;width:560px;height:95" /></a>
</div>
</body>
</html>
Code: @charset "utf-8";
/* CSS Document */
body {
margin:0;}
#header {
height:90px;
width:855px;
margin-left:auto;
margin-right:auto;
}
#menu {
height:45px;
width:500px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
font-family: District;
border-bottom-width: 0px;
border-bottom-style: none;
border-bottom-color: #FFF;
}
#content_wrap {
height:800px;
width:980px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
border: 3px solid #FFF;
-moz-border-radius:20px;
-webkit-border-radius:15px;
background-color: #000;
}
#left_content {
height:800px;
width:240px;
float: left;
background-color: #000;
border-top-color: #CCC;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
}
#information {
height:719px;
width:220px;
margin-top:70px;
margin-left:5px;
-moz-border-radius:20px;
-webkit-border-radius:15px;
border: 3px solid #FFF;
}
#right_content {
height:800px;
width:730px;
margin-left:10px;
float: right;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #F00;
border-right-color: #F00;
border-bottom-color: #F00;
border-left-color: #F00;
}
.video_wrap2 {
height:390px;
width:640px;
margin-left:auto;
margin-right:auto;
margin-top:30;
}
#footer {
height:25px;
width:980px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
Similar TutorialsHi I have written a gallery where a user can upload a photograph. This uses a form to upload the photo, and insert data into a MySQL table. What I want to do, is instead of having to go through the submit button, have a button where the user can click, this will upload the image, create a thumbnail, display the thumbnail on the page - but the page is not refreshed........... Can this be done with AJAX? Bearing in mind, I have little/no experience with Javascript - but I'm willing to learn! If this can be done, and it's using AJAX, are there tutorials out there to which I could be directed? Many thanks S I've got a user interface written in html, with various parameters for iperf in various textboxes. When the submit button is pressed, I call a .php file which takes the parameters and passes them to a java programme which runs iperf. Using a form action pointing to the .php file, I can call the .php file and get the output (the data collected by iperf) to be printed to the screen, it just isn't in real time and refreshes the page completely. How would I redirect this output to a textbox on the original page? I was thinking about calling a javascript function upon submission of the form which would start an XMLHttprequest, but can't seem to get this to work... Current code which doesn't seem to do anything: Code: <head>
<script language="javascript" type="text/javascript">
function ajaxFunction()
{
var ajaxRequest
try
{
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
return false
}
}
ajaxRequest.onreadystatechange = function()
{
if (ajaxRequest.readystate == 4)
{
this.iperfClientParameters.results.value = ajaxRequest.responseText;
}
};
ajaxRequest.open("GET","iperfRunningFile.php",true)
ajaxRequest.send(null);
}
</script>
</head>
<body>
<form name="iperfClientParameters" onSubmit="return ajaxFuntion()" method="get">
//form contents
</form>
</body>
Thanks in advance for any responses. Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma Hello, I'm trying to create a little page that auto updates itself whenever new files are added. The system is layered such that I have the top level index.html file, then in the same directory, I can add new folders that contain other index.html files. What I want to do is have the top level index.html file pick up every sub directory, grab the name from the directory, and then create a link to that directory's index.html file and then display it in the top level index.html file. So what I have right now is this: HTML Code: <body> <a href="myFirstDirectory/index.html">myFirstDirectory.html</a> </body> There is other stuff, but this is the part I need help with. As you can see, I also want the name that is displayed to be the same name as the directory. I do not know how to automate this if I have other folders in there like directory2, directory3, etc. Can anyone show me an example of how to do this or walk me through it? Thanks in advance. HI everyone, I am in process of creating a sample page. I need to pass values from one HTML page and i should get those values in other page. For example i have used two sample pages like, sample.html l<html> <head> <title> My first page </title> </head> <body> <a href="sample1.html" id="1001">Welcome to html </a> </body> </html> sample1.html <html> <head> <title> My second page </title> </head> <body> <a href="sample1.html">Sample HTML page values came here</a></body> </html> I have used those two sample pages and i need to get the value of id="1001" in sample 1.html page could anyone help me to solve this problem. Thanks in advance Regards, Martin I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. Hey all, me and my friend have a cleaning company and we deciced to make a webpage. It's been a good 6 years since i have worked on a website. My biggest accomplishment so far was getting the contact form to work properly on the site. It does, i feel like i've done alot lol. Anyway, the current design is a rough layout (suggestions are welcome). It still needs a lot of little touches to make it look more "full". My biggest concern now is when your clicking from page to page the table jumps around. In firefox, the Contact Us and Services page are perfect, nice and centered. The image i'm using where the navigation buttons are is in place as well. When you go to the other pages though the table moves a bit and it looks like the image i'm using where the navigation buttons are starts to repeat. In Internet Exploder, everything doesn't look centered. There seems to be more space on the right than on the left, but the image i'm using for the navigation buttons seems to be fine, it's not repeating. I dunno what's causing this. I know different browsers display stuff in different ways but i'm far from having a good understanding as to why (that's why i'm here). I even copied txt from one of the messed up pages and pasted it on one of the pages that is ok and that didn't work. I assume it's a CSS thing. Also, try and avoid saying things like "Table designs are for teh n00bz!11!" or "This is why CSS is better than using a table design!!!". This is how i did it. Im ok with CSS but i don't have a thorough understanding of it to design an entire website using CSS. I'm hoping this is an easy CSS fix, or maybe something else? The website is www.gocleantoday.com. Thanks. I am stuck with this stupid code that i have been trying to fix for an hour! Please help. Heres my problem...: I want to embed a webpage within another and scroll it to the bottom of the page automaticly because i want the information at the bottom which is updated frequently. I also dont want a scroll bar, so all that is seen is the table. the website is www.totalfta.com. I want from below the ENTER|EXIT sign to the bottom of the table. I have attached what i have so far. ***I have the embed into another page, and the no scroll bar... i just want to make it auto scroll to the table..**** Thank you..! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-... <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tester</title> </head> <iframe height="410" width="100%" frameBorder="0" src="http://www.totalfta.com" mce_src="http://www.totalfta.com" scrolling="no" body onLoad="for (i=0;i<window.screen.availHeight;i++) {window.scroll(0,i); }"</iframe> <body> Hi, Is there any possible to show a HTML or ASP page inside the table. I have tried with frames but i dont know how to execute exacltly. Thanks Hello Friends, I need a tool which can remove HTML comments from an HTML page. I don't want to create a regular expression to remove HTML comments rather I need a tool which should have command line support also so that it can be integrated with build process. Please advice. Thank you. Hi, I am new to HTML coding and am not aware of all the options that are available with HTML, my requirement is as below I have a page 1.html on the server to which i don't have the edit access, I have some data which I check on this page at regular intervals of 10 seconds...... Now my problem lies here since this page is not editable i cannot change the refresh settings for 1.HTML My query : Is there an option available wherein I create my own page 2.HTML on my local desktop and write a code in 2.html such that page 1.HTML is refreshed every 10 seconds and obviously 2.html being open all the while.. Any kind of suggestions will be appreciated.... Thanks, Jay Hello I have a custom made template which is done using html. I also have phpproxy which uses .php and I would like on my index.html page to call the index.php in the table created for text content. i have tried to use the include comand however it doesnt have any effect. any and all help appreciated. Thank you This is The template This is phproxy How to link one page to another page in HTML? ------------------------------------------------------ Can I put an HTML page within a html page in a table? I have this template that I need to email to people, it will not be on my website. Wow ever I need to change the information in one table every few days. The information is live I think it's called. It's like if I place google adsense in that table and decide to change it to ad-clicks later, I can't send everyone a new template, I need to be able to change just the information within that table. I'm going to go read up on frames, haven't used them in years. Any ideas! ~eDee I have the following code: Code: Protected Sub form1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles form1.Load
Dim objDB As New clsDB
Dim dsrepeater As New DataSet
Dim sql As String = [String].Empty
If Not Page.IsPostBack Then
'Session.Item("DCNo") = lblNo.Text
If (Session.Item("DCNo") <> "") Then
Else
End If
If Request("MenuVisible") = "No" Then
pnlSideMenuVisible.Visible = False
pnlTopBannerVisible.Visible = False
pnlSubBanner.Visible = False
' btnInvoice.Visible = False
If Request("Pdf") <> "Yes" Then
Dim strScript As String
strScript = "<script>"
strScript &= " window.print(); "
strScript &= "</" + "script>"
ClientScript.RegisterClientScriptBlock(Me.GetType, "anything", strScript)
End If
End If
sql = "SELECT Top 93 [content] FROM DC_VendorDetails_Temp "
sql &= "WHERE DCID='5AC469B3-D421-4B69-A1D6-E748CEE292EA' Order By LineNum;"
objDB.OpenDataSet(dsrepeater, sql)
dsrepeater.Tables(0).TableName = "DCAllowance"
dsrepeater.DataSetName = "DCAllowance"
Dim a As Integer = 0
lbl.Text = "<table width=""80%"">"
For a = 0 To dsrepeater.Tables(0).Rows.Count - 1
lbl.Text = lbl.Text & "<tr>"
lbl.Text = lbl.Text & "<td style=""font-size: 10px;""><pre>" & dsrepeater.Tables(0).Rows(a).Item("Content").ToString()
lbl.Text = lbl.Text & "</pre></td>"
lbl.Text = lbl.Text & "</tr>"
Next
lbl.Text = lbl.Text & "</table>"
End If
End Sub
Protected Sub btnPrint_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnPrint.Click
Dim strScript As String
strScript = "<script>window.open('" & Session.Item("FormName") & "?id=" & Session.Item("DCID") & "&ArhieveList=" & Session.Item("SelectedMenuItem") & "&History=false&MenuVisible=No','cal','width=1200,height=600,left=0,top=0,menubar=yes,scrollbars=yes,resizable=no');"
strScript &= "</" + "script>"
ClientScript.RegisterClientScriptBlock(Me.GetType, "anything", strScript)
' documentlog.Add(Session.Item("UserID"), Session.Item("UserCompanyID"), Session.Item("DCID"), Session.Item("DCID"), "DC Allowance", "Print")
End Sub
Basically, when the user click Print button, it will print out the page after select the data from database, all the codes works fine, but i am having the problem to fix all the data into one page,is there anyway for me to fix all the data to one page during printing using vb/net code? 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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
div.tableContainer {
width: 100%; /* table width will be 99% of this*/
height: 250px; /* must be greater than tbody*/
overflow: auto;
margin: 0 auto;
}
.style1 {
color: #FF9966;
font-weight: bold;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr >
<td width="26%" bgcolor="#00CCFF" rowspan="2">
<div class="tableContainer">
<table cellspacing="0" width="96%" border="1" >
<thead>
<tr >
<td width="38%" align="center">Users</td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
<tr>
<td align="center"><a href="userRoles">user</a></td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="74%" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" height="133" border="1" cellpadding="0" cellspacing="0" bgcolor="#3366CC">
<tr>
<td align="center"><span class="style1">Assigned Roles for userX</span></td>
</tr>
<tr>
<td>
<div class="tableContainer">
<table cellspacing="0" width="100%" >
<thead align="center">
<tr>
<td width="18%">Role</td>
<td width="38%">Action</td>
</tr>
</thead>
<tbody align="center">
<tr>
<td >role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
<tr>
<td>role1</td>
<td ><a href="revoke">revoke</a></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" height="133" border="1" cellpadding="0" cellspacing="0" bgcolor="#FFFF99">
<tr>
<td align="center"><span class="style1">Not Assigned Roles</span></td>
</tr>
<tr>
<td>
<div class="tableContainer">
<table cellspacing="0" width="100%" >
<thead align="center">
<tr>
<td width="18%">Role</td>
<td width="38%">Action</td>
</tr>
</thead>
<tbody align="center">
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
<tr>
<td>role1</td>
<td><a href="add">add</a></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Hello everyone. I am VERY interested in creating a site using only html, and slowly adding more things once I master html. I was wondering though, does This Page only use html? When I view the source it does look like it. Although, I think the registering and stuff would use PHP possibly? I want to know if the page (minus the log in stuff) uses only html? And if so, how hard would it be to create a page like this? Thanks. I am Class Vth Student and need your help in designing the html page .I need to create a webpage displaying different names with addresses.the height and width of table should be of 120 pixel.border thickness is 5 pixel.border shud be red in color and bkground shud be grey. hello every one, i am a new with HTML. i am need to create a html page which gets refresh periodically so i did this... <head> <meta http-equiv="refresh" content="1" /> <meta http-equiv="expires" content="0" /> </head> <p><img src="/path" width="320" height="240" border="0" alt="my cam pic" /></p> It works fine , but when it gets refresh on IE or on mobile browserat the time of refersh page goes blank .. i just want to refersh image with out going it blank .. i mean it should display previous image till it gets next one and yes not looking for java or any other script.. can it be possible .. i want it in plain HTML script please help thanks in advance Hi. My latest project is a website that I plan to update via a vBulletin "back end" I wanted to do this via RSS feeds from the forums. What I am trying to do is have it so I can put ONLY the data from a single forum post inside a HTML page, that will then update as I update the forum post. I have started reading up a little and found that vBulletin offers the following methods: -XML -RSS -RSS1 -RSS2 All of them methods appear to pull data that I do not need/want (posted by, date, time, link to the post). I literally JUST want the data from inside the post to be inserted in to the HTML page. Besides that, I am unsure of how to add the actual data to the web page. Looking for a simple (if possible) guide on how to do this. I will be formatting the data via. .CSS Could anyone point me in the right direction? thx. |
|||||||