HTML - Whats A Good Alternative To Frames?

In a html file I found, it had

‎ & # 8 2 0 6 ;

(The above but without whitespace in it.)
Does anyone know which character this is for?

Hello guys, ew to this forum and relatively new to the world of infinite coding! I have a small dilemma, in that my funky 'competition' boxes, when put onto my page, mess up all the other styling.

I have come to the conclusion that using <div> tags was a bad idea. I have a main CSS file called master.css controlling most of the syling, however the bulk of the text and content parts are made using div tags.

Being really difficult to explain, I'll post a link:
http://www.area51clan.seemeplayme.net/ben/test2.html

The code for this:
Quote:
<form action="competition.php" method="post" target="_blank">
<div><img src="images/competition.jpg"></div>

<div id="linkinput" style="background-image:url(images/competition2.jpg); background-repeat: no-repeat; width:180px; height:30px">
<input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Forename" align="center"/>

<img src="images/competition6.jpg" align="center"></div>

<div id="linkinput" style="background-image:url(images/competition3.jpg); background-repeat: no-repeat; width:180px; height:30px">
<input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Surname" align="center"/>

<img src="images/competition7.jpg" align="center"></div>

<div id="linkinput" style="background-image:url(images/competition4.jpg); background-repeat: no-repeat; width:180px; height:30px">
<input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Email" align="center"/>

<img src="images/competition8.jpg" align="center"></div>

<div id="linkinput" style="background-image:url(images/competition5.jpg); background-repeat: no-repeat; width:180px; height:30px">
<input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Answer" align="center"/>

<img src="images/competition10.jpg" align="center"></div><br /><br />
<input type="submit" value="Submit">
</form>

This is what I want, on this page: [note that the lighter coloured parts are fields which do feed into a database and work.]
http://www.area51clan.seemeplayme.net/ben/home.html
The little box on the right side with 'ABC' in it is where I want it. Alt > View source [in IE] will show you the HTML.

I wasnt sure if you needed the CSS, as Im not very good with that and it isnt my code, so here it is:

Quote:
body{
background: url(images/bg2.jpg);
margin: 0px;
padding: 0px;
text-align: center;
}
td{
vertical-align: top;
text-align: left;
}
#div-table{
margin-left: auto;
margin-right: auto;
width: 1000px;
}
.table{
width: 1000px;
}
.left-side{
background: url(images/left-ex2.jpg) repeat-y;
width: 110px;
}
.right-side{
background: url(images/right-ex2.jpg) repeat-y;
width: 110px;
}
.top{
background: url(images/ate-fat2.jpg) no-repeat;
width: 779px;
height: 36px;
}
.foot{
background: url(images/foot2.jpg) no-repeat;
width: 779px;
height: 43px;
}
.head{
background: url(images/head.jpg) no-repeat;
width: 779px;
height: 125px;
}
.left-content-t{
background: #FFFFFF;
width: 569px;
}
.right-content-t{
background: #FFFFFF url(images/nav-bg-right2.jpg) repeat-y;
width: 210px;
}
.content-header{
background: url(images/content-head2.jpg) no-repeat;
width: 569px;
height: 47px;
}
.c-head-div{
margin-left: 25px;
margin-top: 22px;
margin-right: 25px;
font-size: 10px;
font-family: Verdana;
}
.c-head-div a:link{
text-decoration: none;
color: #1C1C19;
}
.c-head-div a:hover{
text-decoration: underline;
font-weight: bold;
color: #2C4D00;
}
.c-head-div a:visited{
text-decoration: none;
color: #1C1C19;
}
.c-head-div a:active{
text-decoration: none;
color: #1C1C19;
}
.content{
background: #1C1C19 url(images/content-bg2.jpg) no-repeat;
width: 568px;
height: 487px;
border-left: 1px solid #3D3D31;
}
.content-div{
margin-left: 22px;
margin-right: 22px;
margin-top: 3px;
font-family: Verdana;
color: #999999;
font-size: 10px;
}
.nav-top{
background: url(images/nav-topb.jpg) no-repeat;
width: 210px;
height: 34px;
}
.nav-text{
margin-left: 12px;
margin-right: 17px;
margin-top: 10px;
font-family: Verdana;
color: #999999;
font-size: 10px;
}
.nav-div{
margin-left: 12px;
margin-right: 15px;
margin-top: 9px;
font-size: 10px;
font-family: Verdana;
}
.nav-bg{
background: url(images/nav-bg2.jpg) no-repeat;
height: 89px;
}
/* Nav Linsk */
.home{
width: 81px;
height: 31px;
}
.roster{
width: 82px;
height: 31px;
}
.forums{
width: 87px;
height: 31px;
}
.join{
width: 80px;
height: 31px;
}
.servers{
width: 91px;
height: 31px;
}
.info{
width: 118px;
height: 31px;
}
.dl{
width: 120px;
height: 31px;
}
.irc{
width: 120px;
height: 31px;
}
So, is there an alternative to using div tags, do I put the code in the CSS or is there something else? Sorry to be such a bore guys, but ive been trying this for ages and it just doesnt want to work...Ignore the content too - this is for my ICT coursework.

Thanks again guys, and sorry for the huge post!

TracNav

Hi, I have a problem with my fileserver which might take a long time to fix, it works randomly, so I was wondering if there was a way to supply TWO SRCs in ONE HTML string, both serving as ALTERNATES.

This is what I mean. Will this work? I tried to see if it works, and it does NOT work. How can I make ALT SRC work.

<img src="URL1/johnhall.jpg" alt src="URL2/johnhall.jpg">

Once again, what I mean is...if URL1 fails for some reason, then URL2 loads johnhall.jpg....that means the website reader does not face any interruptions. How to make this work

Thank you in advance for any advice.

Im trying to fix a leftnav on a website www.meshoxford.com


If you click down the leftnav through everything under home it should work, if you click back on home though the site breaks...

but if you load the page and go to publications, then back to home it works... I can not figure out why its doing this!

Thx

Matt

Does anyone see a problem with my coding? I viewed my website on the newest version of Firefox and it rang great but on IE 7 my right sidebar was where it needed to be but my main content was dropped under the left sidebar but in the middle of the page. When I get rid of the left sidebar my main content jumps back up to the top of the page under the header rather then go underneath the sidebar left.


Can anyone please help me.


Thank you


Stacy



HTML Code:

</head>

<body class="twoColLiqRtHdr">

<div id="container">
  <div id="header">
[b]header here[/b]
  <!-- end #header --></div>
  <div id="sidebar_right">
[b]sidebar here[/b]
  </div>
  <!-- end #sidebar_right-->
      <div class="style13" id="sidebar_left">
[b]sidebar here[/b]
</div>
            </div>
        </div>
  <!-- end #sidebar_left -->
  <div id="mainContent">
[b]main content here[/b]
  </div>

Code:

.twoColLiqRtHdr #mainContent {
	padding-top:0px;
	width:620px;
	margin:0 26% 0 170px;
	position: relative;
}

.twoColLiqRtHdr #container {
	width:80%;
	background:#000;
	border:1px solid #000;
	text-align:left;
	margin:0 auto;
}

.twoColLiqRtHdr #header {
background:#000;
padding:0 10px;
}

.twoColLiqRtHdr #sidebar_right {
	float:right;
	width:200px;
	background:#000;
	padding-top:15px 10px 15px 20px;
	position:absolute;
	left:950px;
	top:280px;
}

.twoColLiqRtHdr #sidebar_left {
	float:left;
	width:180px;
	background:#000;
	position:relative;
	left:-70px;
	margin-right: -30px;
	top: 70px;
	z-index: 50000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #FFF;
	padding: 10px;

}

I have this table and the contents inside and all
when i click preview it adds lotsa space above the table

why ??? and how to fix it ???
sum1 fixed it on dreamweaver but i dont use that

i use frontpage and i compared the codes and could not find the difference

anyway yall check it
and see the preview mode

this is the code

HTML Code:

<table>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Name:</font><td width="252"><input type="text" name="visitor" size="35" /></td></td> <br />
<td width="67">&nbsp;</td><td></td><br /></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Email:<br />
        </font><td width="252"><input type="text" name="visitormail" size="35" /></td></td>
<td width="67">&nbsp;</td><td></td></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">
        Subject:<br /></font><td width="252">
        <input type="text" name="attn" size="35" /></td></td>
<td width="67">&nbsp;</td><td></td></tr>
<tr><td align="right" valign="top">
        <font face="Arial Rounded MT Bold" color="#0B74C1"><br />Message:</font></td>
<td width="252"><textarea name="notes" rows="6" cols="29"></textarea></td>
        <td width="67">&nbsp;</td></tr>
<br />
<tr><td align="right" height="27">&nbsp;</td>
        <td width="252" height="27" align="center">
        <p align="center">
        <input type="submit" value="Send" <INPUT type=submit value="Check" style="color: #FFFFFF; font-family: MS Sans Serif; font-size: 8pt; border-style: ridge; border-width: 3; background-color: #074A7C"></td>
        <td width="67" height="27">
        <p align="center">&nbsp;</td></tr>
<br />
</table>

Thanx

so I'm making a forum and I am having a small problem with something. When I first open my forum the 'userbar' with contains the sign in and create account links does not show. If I add a margin to the userbar the links do appear so its like they are being covered by something when I first open the page. When I click the create topics links it tells me I can't create topics because I'm not signned in and provides a link to the sign in page. Once I sign in the userbar appears

I have attached a file with screen shots of the forum so i hope that will help explain my problem. I didn't post any code because I'm not sure what part of my code is causing this error

Hope someone can help

I was wondering...
I really don't want to use Iframes on my website, because everybody tells me they're really unreliable.
What I'm trying to do is make it so that my site navigation code is in a seperate file than the rest of the page, so if I need to update it I don't have to redo fifty-something pages.
I've heard this can be done, but I have no idea how.

I have a website build with frames. I have a section called "News" that I want to be able to put the most updated news in, similar to a blog. I want a blog style interface, that way I don't have to edit the HTML of the page every time I want to add a new piece of news. I do not want an SQL based blog however. I've looked into some PHP based blogs, but it "looks" too much like another website loading inside this frame (which I know it IS, but I don't want to give that appearance).

My website is *White* so is there a solution to adding new news in a blog style format without an entire blog inside the frame? I just want to be able to easily add new news to an HTML page without actually going in an editing the HTML.

How do other websites deal with adding news to a news page so that a client could easily edit their own news? Thanks!

I'm adding some ad sense code into my second side bar of my blog. However i have a large widget image which i have placed in my first (left) side panel and it's taking over both panels.

I'm un-able to add a widget into the second (right) side pannel as it overrights the code for the right side pannel for 'archives' and 'blogroll', which is fine. But i'm wanting to place some adsense code under my large image in the right side, but the ad sense code over rights the image!

So, i need to add a bunch of paragraphs to make it shift down lower, i'm using close to 30 <p<&nbsp;</p> so i can get the adsense code low enough to not cover over the left panels large image.

So i'm wondering, is there a smarter, or better way of getting this code down lower? I know i could use CSS and a margin, but i'm not really sure how to make that change. Is there a HTML way of doing this, or is the large amount of spaces i've put in ok?

Thanks!

www.nikkisblogspot.com if my description was a bit confusing.

PS. Whats with IE? My widgets are all over the shop and some aren't even showing??

Hi - so I'm a bit of a noob to all this html business, but have done a bit of C at uni. Basically I'm embarking on a little home project trying to create a notepad web app- that way i can have it in my bookmarks, as an app on my iphone, as a webclip on my mac's dashboard etc. I'm hosting it from my dropbox, got that bit sorted.
I thought I had it sorted when i found contenteditable, but alas no ios support, so I was wondering if anyone new of an alternative, basically all i want is a text box thats editable, a save and a refresh button.

Any help greatly appreciated,
Thanks,
Geoff.

Hello, I have an image that I want to make "float" above a small green bar, so that it sticks out above it. I have been able to achieve the effect with the <layer> tag, but the problem is that it only displays correctly in Firefox and not in IE. Also, I want to avoid the layer tag since it is not universally supported.

Here is an example with the layers: http://dqnmusic.googlepages.com/indexenlayer.html

Here is what it looks like when I try to avoid layers:
http://dqnmusic.googlepages.com/indexen.html

Is there away around the layer tag that can still achieve the effect I want?

Hi there Guys Im Looking for the HTML Code for how to make a box with html links at the top with a border all the way round the box, Exactly the same as this guy has done:
http://www.gappon.com/

Could somebody please paste the code on here Thanks