HTML - New To Html And Need Some Help With Inline Elements

I am currently creating some code containing a horizontal rule, some headers and a link that takes the user back to the top of the page.

The page should look something like this...

-------------------------------------------------------

HEADER

-------------------------------------------------------
back to top
HEADER


How can I make it so that the header is the same distance from the horizontal rule regardless of whether the back to top link is present? At the moment whenever the 'back to top' link is present the header below is pushed down.

Here is my code so far...

Code:

<style type="text/css">

a{
    margin-left:700px;
}

h2{
   margin-top:20px;
}
</style>

<hr>
<h2>HEADER</h2>
<p>Paragraph here</p>
<hr>
<a href="#top">back to top</a>
<h2>HEADER</h2>
<p>Paragraph here</p>

We probably all know that if we run our HTML through the W3C validator, it will inform us if we've illegally nested one element inside another (e.g. placing a div within a span). Likewise, it will inform us if we've placed an element on the page but haven't used the correct containing element (e.g using a br, but not placing it within a p).

What I'm looking for is some kind of documentation or reference guide that I can use, so I don't have to do a Google search every time I want to know if I'm correctly nesting elements!

I would have thought that this would be defined by the XHTML schema at http://www.w3.org/2002/08/xhtml/xhtml1-strict.xsd. While this schema does define all the elements, it doesn't define how they are allowed to be nested in one another.

Where can I find the documentation that defines correct nesting of elements? It must exist somewhere...

So, still rather new to writing HTML. I'm looking to put either a text field or drop down box onto the page dependent on a previously defined variable. How do I go about doing that?

Hi,

I need to seek some advice from the gurus he -

1) What are the benefits of using the new XHTML 1.0 compared to HTML 4.01 specification? Currently my website is using HTML 4.01 Transitional doctype. Will it affect the current site layout if I change to XHTML 1.0? Does this new format supports the older browsers like Netscape 2 and IE 3.02?

2) As we all know, there are two ways we can implement the CSS on a website. There are Inline CSS and External CSS methods.
Some people claimed the Inline CSS will process faster as the codes are embedded into the HTML codes itself. Is it true? Also, is there any impact on the page size?

Your comments are very much appreciated. Thank you.

Cheers,

How do I make element's change their height automatically depending on whether they have anything contained within them?

My page background is a div's bg image but the div hasn't expanded to the size of the contained elements. The div's name is nicola-bg

Here is the site

I have the same problem too with #image-section. That div is styled to have large borders but the borders don't extend to the height of the div's containing elements.

Is their any shortcut to give inline css in Dreamviewer ?
Since I am using Dreamviewer & I have to write Inline CSS explicitly & there is streachable facility in the control so that we can stretch & its appropriate width & height can be assign to its component ?
Since I am getting it in dreamviewer & if any body knows how to do it then please let me know abt it ?
Regards....

This question might be rather basic. I'm not a web-developer, though I have a lot of other coding experience.

As part of an internal webpage I'm creating, I want to access a webservice that returns a string and display it on the page. The service is accessed by URL, and requires parameters that are dynamically generated base upon the request parameters, so I can't just use #include.

What I want to see is something like this, where the number string is provided by the webservice: Authorization code: 1343-7205-7570-8264 I tried this:
Code:

Authorization code: <object type=text/plain data="http://blah/service?params"></object>

IE doesn't output the resulting string. Firefox does output the string, but it's not cleanly inlined with the rest of the text. It has it's own big block of the screen that the text sits in.

Is there a simple way to insert the text from a dynamically generated URL into the current page?

I have display:inline and its adding in two drop boxes that it shouldnt. After the drop boxes it then stops the inline. Im new to css, have only been trying it for the past couple of days. The two drop down boxes are suppose to be on the left, under the links at the top. Can someone explain to me why inline stops where it does? Thanks. Oh yeah, the links under <li> I know their to the wrong address's.

body {
font-family:georgia,'times new roman',times,serif;
color:#BD0A70;
background-color:#F2F2F2;
}
ul.navbar {
list-style-type: none;
padding:0;
width:32em;
float:left;
}
ul.navbar li {
display:inline;
font-size:125%;
background-color:#007BA7;
margin:.10em;
}
ul.navbar a,ul.navbar a:visited {
color:#ffffff;
text-decoration:none;
}
ul.navbar a:hover {
background:#00008B;
}
form.jump {
/* position: absolute; */
float: left;
}
div.floatright {
/* position: absolute; */
float: right;
}
h1 {
clear:both;
font-family:helvetica,geneva,arial,SunSans-Regular,sans-serif;
}



------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>My first styled page</title>
<link rel="stylesheet" href="mystyle.css">
</head>

<body>
<a charset="ISO-8859-1">

<!-- Site navigation menu -->

<ul class="navbar">
<li><a href="index.html">Change email</a>
<li><a href="musings.html">Change Password</a>
<li><a href="town.html">F.A.Q.</a>
<li><a href="town.html">Contact</a>
<li><a href="links.html">Log out</a>
<li>
</li>
</ul>
<form class="jump" action="/reredirect.php" align="left" method="post">
<input type ="text" name="userpage" size="17" value="Jump to user page" onFocus="this.value=''">
<img src="cooltext406694699.png" align="absbottom" onmouseover="this.src='cooltext406694699MouseOver.png';" onmouseout="this.src='cooltext406694699.png';" input type="submit" value="Submit" name="submit"></img>
</form>

<div class="floatright">
<script type="text/javascript"><!--
/* 234x60, created 11/22/08 */
google_ad_slot = "0343255875";
google_ad_width = 234;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<!-- Main content -->

<table>
<tr>
<td>
<form method="post" action="/redirect.php" name="event">
<select name="select" class="breakinline" onChange="this.form.submit()">
<OPTION SELECTED>Select friend
<OPTION value="/users/sharon">name1
<OPTION value="/users/carrie">name2
<OPTION value="/users/capy">name3
<OPTION value="/users/charla">name4
</SELECT>

</FORM>
<td>
<form id="myeventz" method="post" action="/changeevent.php" name="myevent">
<select name="myevent" class="tabletxt" onChange="this.form.submit()">
<OPTION SELECTED=>12/25 Christmas</option>
<OPTION value="0101 Event One">01/01 Event one
<OPTION value=" 0202Eventtwo">Remove this event
<OPTION value=" ">Add a new event
</SELECT>
</FORM>
</td>
</tr>
</table>
<p>Select item's to remove</p>

I'd like to open an inline frame on my site. I've got the code this far; however I cannot find out how to finish it. I need to knowhow to get it to open at a certain spot on the page. So like an example would be I want it to open at spot x on a page. How would I code this to open it at that spot?

Code:

<html>
<body>

<iframe src="default.asp"
width=125px
height=125px></iframe>


</body>
</html>

Well, i'm not sure i'm gonna use this snippet but i can think of plenty reasons why i might:
Code:

<h4 style="display:<?php print $display; ?>">

It won't validate because, quote:
"character "<" is the first character of a delimiter but occurred as data."

Maybe i've been staring at it too long but i don't see the difference from any other php statement, which the validator should simply not parse.

??

Thanks,
Joey

Here's my code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>MyTitle</TITLE>

<STYLE type="text/css">
.quanswer { border:1px solid #00c; }
.quanswer img { margin-right:5px; cursor:pointer; width:20px; }
.text { display:inline; color:#bbb; background:#000; }
</STYLE>

</HEAD>
<BODY>



<DIV class="quanswer">
	<IMG src="graphics/qucheckbox_normal.png">
	<DIV class="text">Agree</DIV>
</DIV>

<BR>

<DIV class="quanswer">
	<IMG src="graphics/qucheckbox_normal.png">
	Disagree
</DIV>



</BODY>
</HTML>

It references a 20x20 PNG image but you should get the idea wiithout such an image.

All I want to do is make the text vertically-aligned to halfway up the image. Centralised, in other words. I've been trying to do it by adding a bottom margin to the text, or by adding a negative top margin to the image, but nothing works!

I've got a feeling I'm forgetting something really obvious...

Please help,
Seymour.

I am a newbie in HTML. I would like to be able to display an inline image with a caption (that just display inline as a big character). I have googled a lot but found no satisfying solution. Any suggestion for that?

hello everybody!

I want to know if is possible to:
set a link to another page which has an inline frame (e.x. name="I1") and change the inline frame source.

Thanks

Hi, i've been banging my head against the wall trying to find a solution, and have eventually given in..!

I'm creating an html email that has an image in it. Easy
When that email is received and the user prints, it replaces the image with another more print friendly version. Easy using media:print in a style.

However, when the user then replies to the email, all of the <style> in the <head> is wiped and the large un-printer friendly image remains. The only solution would be to put all styles inline within the <body>.

So the question..! Any ideas how to replicate this process only coding within the body?

thanks, J

I am trying to create a pop-up window from a link that is within an inline frame. I know the code I am using is correct as when I place the link outside of the inline frame, it works perfectly. It is when the link is placed within the inline frame that it acts up - it opens itself like a regular link within the frame (except that all my pages have frame break on them so it just works to open the page within the same window).

This is the code I am using for the frame in my head section...

<SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, windowname, 'width=1000,height=700,scrollbars=no');
return false;
}
//-->
</SCRIPT>

and this is the script I am using for the link itself...

<A hREF="news.html" onClick="return popup(this, 'notes')"><img align="right" src="news.jpg" border=0></A>

This is my website I'm testing this on: www.kingsfieldfarm.net/index3.html The lower link (outside of the inline frame) works. The link inside the frame does not.

Can anyone help me? Thanks!

(and PS: Does anyone know how to centre the pop up window and get rid of the address bar?)