Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

trouble with html


  • Please log in to reply

#1
IshmaelVignsten

IshmaelVignsten

    Member

  • Member
  • PipPip
  • 61 posts
hey guys i've got a website that has 2 columns and i wanna break the second column up so it has 2 rows but it doesnt work no matter how i try it...

this is the code i have

<html>

<head>
<title>DougZest.com Q10</title>
</head>

<frameset cols=20%,80%>
<frame name = "left" src="dougssmall.htm">
<frameset rows=40%,60%>
<frame name = "top" src="dougsmall.htm">
<frame name = "bottom" src="dougsmall.htm">
</frameset>
</frameset>

</html>


and all that happens is a blank screen...well the advertising comes up lol
if you wanna see exactly what happens this is the adress

www.jpginc.bravehost.com/fordoug2.html

i wanna keep the left column the same in this address

www.jpginc.bravehost.com/fordoug.html

but split the main window in 2 so that the 3 links at the top of the page are always there...any help would be much appreciated

accidently placed it in the wrong forum first...
  • 0

Advertisements


#2
Allsortgroup

Allsortgroup

    I SPAMMED Too Much!

  • Banned
  • PipPipPip
  • 905 posts
Ok,

Ive copyed the html code u said in your post and this is what i got...

tables.jpg

On colom 2 it has 2 rows. Is this what you want ?
  • 0

#3
thenotch

thenotch

    Member

  • Retired Staff
  • 668 posts
Your code is completely hosed up.... you have this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
</head><body>
<script language="javascript" type="text/javascript" src="http://mercury.bravenet.com/rover/a?dbfile=HOSTING_MINIBAR_DB&dm=1&serv=hosting-sites"></script><noscript><img src="http://mercury.bravenet.com/rover/d?dbfile=HOSTING_MINIBAR_DB&dm=1&serv=hosting-sites" alt="" border="0"></noscript>
<div align="center" style="z-index: 9000; margin-bottom: 10px;">
<script language="javascript" type="text/javascript" src="http://mercury.bravenet.com/rover/a?dbfile=SPONSORBAR_DB&serv=hosting-sites"></script><noscript><iframe src="http://adserv2.bravenet.com:8080/adserv/a?dbfile=SPONSORBAR_DB&js=false&serv=hosting-sites" width="754" height="90" allowTransparency="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"><img src="http://adserv2.bravenet.com:8080/adserv/d?dbfile=SPONSORBAR_DB&serv=hosting-sites" alt="" border="0"></iframe></noscript><div style="clear: both;"></div></div>
<script src="http://jupiter.bravenet.com/rover/f?cid=bravenet&ctype=24"></script><html>

<head>
<title>DougZest.com Q10</title>
</head>


which is totally wrong... you have the <head> in there twice...then you have no closing tag for the <body> tag...

Also, get away from frames...

Edited by thenotch, 19 April 2006 - 11:12 AM.

  • 0

#4
thenotch

thenotch

    Member

  • Retired Staff
  • 668 posts
After looking at it this is what you should really do... these are very basic examples mind you, but it's WAY better than frames...

Create a CSS file (I called this one doug.css) with the following:

#leftcol {
	float: left;
	width: 20%;
}
#rightcol {
	width: 75%;
	float: right;
}
#wrapper {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}


Then create a html file (I called it doug.htm) with the following:

<!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>DougZest.com Q10</title>
<link href="doug.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
  <div id="header" align="center"><script language="javascript" type="text/javascript" src="http://mercury.bravenet.com/rover/a?dbfile=HOSTING_MINIBAR_DB&dm=1&serv=hosting-sites"></script><noscript><img src="http://mercury.bravenet.com/rover/d?dbfile=HOSTING_MINIBAR_DB&dm=1&serv=hosting-sites" alt="" border="0"></noscript>
  <script language="javascript" type="text/javascript" src="http://mercury.bravenet.com/rover/a?dbfile=SPONSORBAR_DB&serv=hosting-sites"></script><noscript><iframe src="http://adserv2.bravenet.com:8080/adserv/a?dbfile=SPONSORBAR_DB&js=false&serv=hosting-sites" width="754" height="90" allowTransparency="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"><img src="http://adserv2.bravenet.com:8080/adserv/d?dbfile=SPONSORBAR_DB&serv=hosting-sites" alt="" border="0"></iframe></noscript><div style="clear: both;"></div></div>
<script src="http://jupiter.bravenet.com/rover/f?cid=bravenet&ctype=24"></script></div>
  <div id="leftcol" align="left">Left Column
	<ul>
	  <li>Lorem ipsum dolor sit amet</li>
	  <li>Consectetur adipisicing elit</li>
	  <li>Sed do eiusmod tempor incididunt</li>
	  <li>Ut labore et dolore magna aliqua</li>
	  <li>Ut enim ad minim veniam</li>
	  <li>Quis nostrud exercitation</li>
	  <li>Ullamco laboris nisi</li>
	  <li>Ut aliquip ex ea commodo consequat</li>
	  <li>Duis aute irure dolor</li>
	  <li>In reprehenderit in voluptate</li>
	</ul>
  </div>
  <div id="rightcol" align="left">Right Column
	<p>At vero eos et accusamus et iusto odio et harum quidem rerum facilis est atque corrupti quos dolores et quas molestias. Sed quia consequuntur magni dolores eos itaque earum rerum hic tenetur a sapiente delectus, et quasi architecto beatae vitae. Nisi ut aliquid ex ea commodi consequatur? Similique sunt in culpa qui officia deserunt mollitia animi, et molestiae non recusandae. Id quod maxime placeat facere possimus, atque corrupti quos dolores et quas molestias consectetur, adipisci velit. Dicta sunt explicabo.</p>
	<p>Sed quia consequuntur magni dolores eos omnis dolor repellendus. Neque porro quisquam est, at vero eos et accusamus et iusto odio qui in ea voluptate. Id est laborum et dolorum fuga. Magnam aliquam quaerat voluptatem. Saepe eveniet ut et voluptates repudiandae sint eaque ipsa quae ab illo inventore veritatis vel illum qui dolorem eum fugiat.</p>
	<p>Quis autem vel eum iure reprehenderit dignissimos ducimus qui blanditiis nam libero tempore. Qui dolorem ipsum quia dolor sit amet, saepe eveniet ut et voluptates repudiandae sint id quod maxime placeat facere possimus. Neque porro quisquam est, vel illum qui dolorem eum fugiat excepturi sint occaecati cupiditate non provident.</p>
	<p>Atque corrupti quos dolores et quas molestias tempora incidunt ut labore et dolore quo voluptas nulla pariatur? Sed ut perspiciatis unde omnis et molestiae non recusandae. Dignissimos ducimus qui blanditiis accusantium doloremque laudantium, magnam aliquam quaerat voluptatem. Nam libero tempore, excepturi sint occaecati cupiditate non provident, consequatur aut perferendis doloribus asperiores repellat.</p>
	<p>Qui dolorem ipsum quia dolor sit amet, cum soluta nobis est eligendi optio eaque ipsa quae ab illo inventore veritatis. Sed quia consequuntur magni dolores eos accusantium doloremque laudantium, magnam aliquam quaerat voluptatem. Temporibus autem quibusdam eaque ipsa quae ab illo inventore veritatis dignissimos ducimus qui blanditiis. Ullam corporis suscipit laboriosam, sed ut perspiciatis unde omnis et expedita distinctio. Itaque earum rerum hic tenetur a sapiente delectus, totam rem aperiam, consequatur aut perferendis doloribus asperiores repellat.</p>
</div>
</div>
</body>
</html>


Open that in your browser and as you can see you have a top header, a left column and a right column... more effiecient code and you get awawy from frames...
  • 0

#5
IshmaelVignsten

IshmaelVignsten

    Member

  • Topic Starter
  • Member
  • PipPip
  • 61 posts
yeah Allsortshop thats what i wanted but it wasnt showing it for some reason thats why i was confused

thenotch all that rubbish code is added by the hosting company i'm with the biggest con about free places. your other code made little sense to me at first (the non english body confused me at first) and still i'm not 100% sure if it could do what i wanted i want to have a frame at the top that stays there and has like a home button or somthing so i dont have to include it on every page i make and i want that when you click that home button (or any of the links in the left hand column) that it loads in the main window

anyway after much asking one of my friends has informed me that my origional code was illegal because it had a nested FRAMESET thingy so i've made 2 seperate framesets html's now and it works fine thanks for the help anyway :whistling:
  • 0

#6
thenotch

thenotch

    Member

  • Retired Staff
  • 668 posts
The non english stuff is just example text so you can see how it would look with something in it...

This is what it looks like with just 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></title>
<link href="doug.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
  <div id="header" align="center"></div>
  <div id="leftcol" align="left"></div>
  <div id="rightcol" align="left"></div>
</div>
</body>
</html>

It doesn't get any more basic than that...
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP