bad iweb!!

furcalchick · May 5, 2007

here's where apple dropped the ball big time with iweb...it's nearly impossible to get the pages to work correctly on a non .mac, blah blah blah. currently, i'm working on my webpage (it's just a portal, so i just need one page to work really, and a second for submissions), and i see this code instead for the page:

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <meta name="Generator" content="iWeb 1.1.2" />
    <title>Home</title>
    <link rel="stylesheet" type="text/css" media="screen" href="Home_files/Home.css" /><script type="text/javascript" src="Home_files/Home.js"></script>
  </head>
  <body style="background: #f5f3f3; margin: 0pt; " onload="onPageLoad();">
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative;  background: transparent; text-align: left; width: 700px; " id="body_content">
        <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText">Â*</div>
        </div>
        <div style="height: 50px; margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText">Â*</div>
          <div style="height: 50px; left: 0px; position: absolute; top: 0px; width: 700px; z-index: 1; " class="graphic_navigationbar_style_default">
            <div style="background: transparent url(Home_files/navbar_separator_0.png) no-repeat scroll center; height: 29px; left: 93px; position: absolute; top: 20px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Home_files/navbar_separator_1.png) no-repeat scroll center; height: 29px; left: 153px; position: absolute; top: 20px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Home_files/navbar_active.png) no-repeat scroll center; height: 35px; left: 37px; position: absolute; top: 17px; width: 59px; z-index: 1; "></div>
            <div style="background: transparent url(Home_files/navbar_0_normal.png) no-repeat scroll center; height: 35px; left: 100px; position: absolute; top: 17px; width: 56px; z-index: 1; " id="navbar_0_normal"></div>
            <div style="background: transparent url(Home_files/navbar_0_rollover.png) no-repeat scroll center; height: 35px; left: 100px; position: absolute; top: 17px; visibility: hidden; width: 56px; z-index: 1; " id="navbar_0_rollover"></div>
            <a style="display: block; height: 29px; left: 103px; position: absolute; top: 20px; width: 50px; z-index: 2; " onmouseout="NBmouseout('0');" href="News/News.html" onmouseover="NBmouseover('0');"></a>
            <div style="background: transparent url(Home_files/navbar_1_normal.png) no-repeat scroll center; height: 35px; left: 160px; position: absolute; top: 17px; width: 113px; z-index: 1; " id="navbar_1_normal"></div>
            <div style="background: transparent url(Home_files/navbar_1_rollover.png) no-repeat scroll center; height: 35px; left: 160px; position: absolute; top: 17px; visibility: hidden; width: 113px; z-index: 1; " id="navbar_1_rollover"></div>
            <a style="display: block; height: 29px; left: 163px; position: absolute; top: 20px; width: 107px; z-index: 2; " onmouseout="NBmouseout('1');" href="Add%20Your%20Link.html" onmouseover="NBmouseover('1');"></a>
          </div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText">Â*</div>
          <img src="Home_files/P1000695.jpg" alt="" style="border: none; height: 400px; left: 0px; position: absolute; top: 1px; width: 700px; z-index: 1; " />
          <div style="height: 1px; line-height: 1px; " class="tinyText">Â*</div>
          <div class="graphic_generic_body_textbox_style_default" style="margin-left: 40px; margin-top: 411px; position: relative; width: 620px; z-index: 1; ">
            <div>
              <div style="padding: 4px; " class="Normal">
                <div class="paragraph Heading_1_Gray" style="line-height: 25px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; padding-top: 0pt; color: #000000; line-height: 25px; opacity: 1.00;">ATLBravesLinks is a web portal connecting fans of the Atlanta Braves to quality fan sites, blogs, forums and pages related to the Braves and their players. Â*Sites are listed in Alphabetical order.</div>
              </div>
              <div style="height: 24px; line-height: 24px; " class="tinyText">Â*</div>
            </div>
          </div>
          


          <div class="graphic_generic_title_textbox_style_default" style="height: 41px; left: 40px; position: absolute; top: 359px; width: 620px; z-index: 1; " id="id1">
            <div style="height: 0px; line-height: 0px; " class="tinyText">Â*</div>
          </div>
          


          <div class="graphic_textbox_style_default" style="height: 619px; left: 38px; position: absolute; top: 540px; width: 623px; z-index: 1; " id="id3">
            <div>
              <div class="graphic_textbox_layout_style_default">
                <div class="paragraph Body" style="line-height: 20px; padding-bottom: 0pt; padding-top: 0pt; "><div style="height: 611px; left: -7px; margin-bottom: -13px; margin-right: -14px; position: relative; top: -7px; width: 629px; " id="id2"><img usemap="#map1" id="shapeimage_1" src="Home_files/shapeimage_1.png" style="border: none; height: 611px; left: 0px; position: absolute; top: 0px; width: 629px; z-index: 1; " alt="Braves-Nation
- Braves-Nation.com: Independent fan site where Braves fans can find team coverage, game recaps and the web's most active forums dedicated to the Atlanta Braves.

Braves Report
- Want to talk knowledgeable Braves baseball? Then this is the forum for you. Come and join the team.

Chop-N-Change
- Daily news, insight and opinion on all aspects of the Atlanta Braves, covering the superstars of today and tomorrow.

Rain Delay
- Two Teams, Two Coasts, One Obsession.  Braves and Mariners coverage.

Rowlandâ??s Office
- Named after the former Atlanta Outfielder, Rowlandâ??s Office is your home for all things Braves: past, present and future.

The Chop Stop
- An all-around Bravesâ?? fan haven, with daily articles, monthly polls, commenting, multimedia, standings, schedules, recent scores, headlines, rosters, statistics, blogs, photos, and an active forum.

Velcro Vernacular
- Irrelevant commentary on the average fan's experience, focusing on media coverage and advertising along with game highlights and extracurricular antics." title="" /><map name="map1" id="map1"><area href="http://www.braves-nation.com" title="http://www.braves-nation.com" shape="rect" alt="http://www.braves-nation.com" onload="IMpreload('Home_files', 'shapeimage_1', '0');" onmouseover="IMmouseover('shapeimage_1', '0');" onmouseout="IMmouseout('shapeimage_1', '0');" coords="11, 11, 136, 40" /><area href="http://braves-report.com" title="http://braves-report.com" shape="rect" alt="http://braves-report.com" onload="IMpreload('Home_files', 'shapeimage_1', '1');" onmouseover="IMmouseover('shapeimage_1', '1');" onmouseout="IMmouseout('shapeimage_1', '1');" coords="11, 98, 136, 127" /><area href="http://mvn.com/mlb-braves" title="http://mvn.com/mlb-braves" shape="rect" alt="http://mvn.com/mlb-braves" onload="IMpreload('Home_files', 'shapeimage_1', '2');" onmouseover="IMmouseover('shapeimage_1', '2');" onmouseout="IMmouseout('shapeimage_1', '2');" coords="11, 185, 153, 215" /><area href="http://rain-delay.com" title="http://rain-delay.com" shape="rect" alt="http://rain-delay.com" onload="IMpreload('Home_files', 'shapeimage_1', '3');" onmouseover="IMmouseover('shapeimage_1', '3');" onmouseout="IMmouseout('shapeimage_1', '3');" coords="11, 273, 104, 302" /><area href="http://rowlandsoffice.typepad.com" title="http://rowlandsoffice.typepad.com" shape="rect" alt="http://rowlandsoffice.typepad.com" onload="IMpreload('Home_files', 'shapeimage_1', '4');" onmouseover="IMmouseover('shapeimage_1', '4');" onmouseout="IMmouseout('shapeimage_1', '4');" coords="11, 341, 159, 370" /><area href="http://thechopstop.com" title="http://thechopstop.com" shape="rect" alt="http://thechopstop.com" onload="IMpreload('Home_files', 'shapeimage_1', '5');" onmouseover="IMmouseover('shapeimage_1', '5');" onmouseout="IMmouseout('shapeimage_1', '5');" coords="11, 428, 141, 458" /><area href="http://velcroblog.com" title="http://velcroblog.com" shape="rect" alt="http://velcroblog.com" onload="IMpreload('Home_files', 'shapeimage_1', '6');" onmouseover="IMmouseover('shapeimage_1', '6');" onmouseout="IMmouseout('shapeimage_1', '6');" coords="11, 535, 172, 564" /></map><img style="height: 29px; left: 11px; position: absolute; top: 11px; width: 125px; " id="shapeimage_1_link_0" alt="shapeimage_1_link_0" src="Home_files/shapeimage_1_link_0.png" /><img style="height: 29px; left: 11px; position: absolute; top: 98px; width: 125px; " id="shapeimage_1_link_1" alt="shapeimage_1_link_1" src="Home_files/shapeimage_1_link_1.png" /><img style="height: 30px; left: 11px; position: absolute; top: 185px; width: 142px; " id="shapeimage_1_link_2" alt="shapeimage_1_link_2" src="Home_files/shapeimage_1_link_2.png" /><img style="height: 29px; left: 11px; position: absolute; top: 273px; width: 93px; " id="shapeimage_1_link_3" alt="shapeimage_1_link_3" src="Home_files/shapeimage_1_link_3.png" /><img style="height: 29px; left: 11px; position: absolute; top: 341px; width: 148px; " id="shapeimage_1_link_4" alt="shapeimage_1_link_4" src="Home_files/shapeimage_1_link_4.png" /><img style="height: 30px; left: 11px; position: absolute; top: 428px; width: 130px; " id="shapeimage_1_link_5" alt="shapeimage_1_link_5" src="Home_files/shapeimage_1_link_5.png" /><img style="height: 29px; left: 11px; position: absolute; top: 535px; width: 161px; " id="shapeimage_1_link_6" alt="shapeimage_1_link_6" src="Home_files/shapeimage_1_link_6.png" /></div><span class="tinyText"> </span></div>
              </div>
              <div style="clear: both; height: 0px; line-height: 0px; " class="tinyText">Â*</div>
            </div>
          </div>
          <div style="height: 615px; line-height: 615px; " class="tinyText">Â*</div>
        </div>
        <div style="height: 100px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText">Â*</div>
          <a href="http://www.mac.com" title="http://www.mac.com">
<img src="Home_files/image.png" alt="" id="id4" style="border: none; height: 50px; left: 557px; position: absolute; top: 25px; width: 139px; z-index: 1; " />
</a>
        </div>
      </div>
    </div>
  </body>
</html>

which looks nothing like my page is supposed to be. most of the text doesn't show, and the only text in there is in times new roman, and the pics don't show. btw, i used paparazzi to capture the web page. below is what the page is supposed to look like.

jng · May 5, 2007

eeew, iWeb is nasty.

Here it is in proper XHTML

http://www.iklio.com/braves/

Photoshop muted the colors of the photo.

furcalchick · May 5, 2007

jng said:
eeew, iWeb is nasty.

Here it is in proper XHTML

http://www.iklio.com/braves/

Photoshop muted the colors of the photo.

can you give me the corrected code please? and i also need the code for hyperlinks. thanks.

furcalchick · May 5, 2007

i corrected the code from the second poster's example, and it still shows error...this seems so impossible right now.

is there a way i can do a redirect for now?

okay, i fixed the code and it's just showing a blank page. here's the index code.

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>Atlanta Braves Links</TITLE><STYLE type="text/css">

i want the page to show up, but it's not showing. i need help.

okay, when i do the home page in my file manager, it shows up fine (less photo, but i can deal with that now, i just want this page up), but the site will just take you to a blank page. anyway to correct that?

here's the code for the home page right now.

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>Atlanta Braves Links</TITLE><STYLE type="text/css">
<!--
body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}
#site {
	width: 681px;
	margin: 0 auto;
}

#nav ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;

}



#nav li {
	float: left;
	width: 150px;
	background-color: #036;
	color: #fff;
	margin: 2px;
	text-align: center;

}

#nav li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px;
}

#nav li a:hover {
	background-color: #06c;
	color: #fff;
	text-decoration: none;
}

a:link {
	color: #036;
}

a:visited {
	color: #03c;
}

a:hover, a:active {
	color: #f00;
}
-->
</STYLE></HEAD><BODY>
<DIV id="site">
<H1>ATLBravesLinks</H1>
<DIV id="nav">
	<UL>
    	<LI><A href="#">Home</A></LI>
        <LI><A href="#">News</A></LI>
        <LI><A href="#">Add Link</A></LI>
     </UL>

</DIV>
<P><IMG src="braves.jpg" width="681" height="399" alt="ATLBravesLinks"></P>
<P><SPAN class="paragraph Heading_1_Gray" style="line-height: 25px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; padding-top: 0pt; color: #000000; line-height: 25px; opacity: 1.00;"><STRONG>ATLBravesLinks</STRONG> is a web portal connecting fans of the Atlanta Braves to quality fan sites, blogs, forums and pages related to the Braves and their players. Sites are listed in Alphabetical order.</SPAN></P>
<P><A href="http://www.braves-nation.com">Braves-Nation</A><BR>
Braves-Nation.com: Independent fan site where Braves fans can find team coverage, game recaps and the web's most active forums dedicated to the Atlanta Braves.</P>
<P><A href="http://braves-report.com">Braves Report</A><BR>
Want to talk knowledgeable Braves baseball? Then this is the forum for you. Come and join the team.</P>
<P><A href="http://mvn.com/mlb-braves">Chop-N-Change</A><BR>
Daily news, insight and opinion on all aspects of the Atlanta Braves, covering the superstars of today and tomorrow.</P>
<P><A href="http://rain-delay.com">Rain Delay</A><BR>
Two Teams, Two Coasts, One Obsession.  Braves and Mariners coverage.</P>
<P><A href="http://rowlandsoffice.typepad.com">Rowland's Office</A><BR>
Named after the former Atlanta Outfielder, Rowlandâ??s Office is your home for all things Braves: past, present and future.</P>
<P><A href="http://thechopstop.com">The Chop Stop</A><BR>
An all-around Braves?? fan haven, with daily articles, monthly polls, commenting, multimedia, standings, schedules, recent scores, headlines, rosters, statistics, blogs, photos, and an active forum.</P>
<P><A href="http://velcroblog.com">Velcro Vernacular</A><BR>
Irrelevant commentary on the average fan's experience, focusing on media coverage and advertising along with game highlights and extracurricular antics.</P>
</DIV>

</BODY></HTML>

jng · May 5, 2007

furcalchick said:
can you give me the corrected code please? and i also need the code for hyperlinks. thanks.

Just do "view source" and you'll have the proper code.

Just for reference:

HTML:

<!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>Atlanta Braves Links</title>
<style type="text/css">
<!--
body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}
#site {
	width: 681px;
	margin: 0 auto;
}

#nav ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;

}



#nav li {
	float: left;
	width: 150px;
	background-color: #036;
	color: #fff;
	margin: 2px;
	text-align: center;

}

#nav li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px;
}

#nav li a:hover {
	background-color: #06c;
	color: #fff;
	text-decoration: none;
}

a:link {
	color: #036;
}

a:visited {
	color: #03c;
}

a:hover, a:active {
	color: #f00;
}
-->
</style>
</head>

<body>
<div id="site">
<h1>ATLBravesLinks</h1>
<div id="nav">
	<ul>

    	<li><a href="#">Home</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Add Link</a></li>
     </ul>

</div>
<p><img src="braves.jpg" width="681" height="399" alt="ATLBravesLinks" /></p>
<p><span class="paragraph Heading_1_Gray" style="line-height: 25px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; padding-top: 0pt; color: #000000; line-height: 25px; opacity: 1.00;"><strong>ATLBravesLinks</strong> is a web portal connecting fans of the Atlanta Braves to quality fan sites, blogs, forums and pages related to the Braves and their players. Sites are listed in Alphabetical order.</span></p>

<p><a href="#">Braves-Nation</a><br />
Braves-Nation.com: Independent fan site where Braves fans can find team coverage, game recaps and the web's most active forums dedicated to the Atlanta Braves.</p>
<p><a href="#">Braves Report</a><br />
Want to talk knowledgeable Braves baseball? Then this is the forum for you. Come and join the team.</p>
<p><a href="#">Chop-N-Change</a><br />
Daily news, insight and opinion on all aspects of the Atlanta Braves, covering the superstars of today and tomorrow.</p>
<p><a href="#">Rain Delay</a><br />
Two Teams, Two Coasts, One Obsession.  Braves and Mariners coverage.</p>
<p><a href="#">Rowland's Office</a><br />

Named after the former Atlanta Outfielder, Rowland's Office is your home for all things Braves: past, present and future.</p>
<p><a href="#">The Chop Stop</a><br />
An all-around Braves?? fan haven, with daily articles, monthly polls, commenting, multimedia, standings, schedules, recent scores, headlines, rosters, statistics, blogs, photos, and an active forum.</p>
<p><a href="#">Velcro Vernacular</a><br />
Irrelevant commentary on the average fan's experience, focusing on media coverage and advertising along with game highlights and extracurricular antics.</p>
</div>
</body>
</html>

As for links, I would recommend just inputting them by hand. Before you embark on a web project, I would recommend learning a little bit HTML, enough at least to be able to read it and figure out what you need to change to manipulate it to your own needs.

I suggest this page: http://w3schools.com/html/default.asp

As for the links, basically I have them all set to "#" if you find the following pieces

HTML:

<a href="#">Link</a>

You can just change "#" to the proper URL.

furcalchick · May 5, 2007

i've since figured that out, but i can't for some reason make the page show up. the index code in my previous post is in the index, but it's just a blank page. help me please....

update: got it. for some reason, iweb doesn't put the full code of the homepage in the index file. that messed me up pretty good for a little bit.

furcalchick · May 5, 2007

okay, i think i got it now....it's just that iweb is very annoying at this...my homepage is up and i'm working to get the "add your link" page up shortly.

apple really dropped the ball on this one big time. took me a while to figure out the problems. i'll try to get the news section in, but that's lower on the priority list.

update: home page and links page are working as they are supposed to be. so that's it for right now, and if you want to grade it, go here: http://www.atlbraveslinks.com/

jng · May 5, 2007

furcalchick said:
apple really dropped the ball on this one big time. took me a while to figure out the problems. i'll try to get the news section in, but that's lower on the priority list.[/url]

Nah, iWeb is really meant for personal use especially in conjunction with .mac. Juding by your content, I would say you don't want to use iWeb to make your website and it woudl be a good idea to learn HTML before embarking on the project.

A dynamic site like that (letting people add links) is best done with some sort of content management system (CMS) or simple php/mysql coding. And to customize any of those, some - although minimal - knowledge of HTML is required.

iHerzeleid · May 5, 2007

Looks like RapidWeaver is a better solution for you.

Wild-Bill · May 5, 2007

iHerzeleid said:
Looks like RapidWeaver is a better solution for you.

Rapidweaver FTW

furcalchick · May 5, 2007

jng said:
Nah, iWeb is really meant for personal use especially in conjunction with .mac. Juding by your content, I would say you don't want to use iWeb to make your website and it woudl be a good idea to learn HTML before embarking on the project.

A dynamic site like that (letting people add links) is best done with some sort of content management system (CMS) or simple php/mysql coding. And to customize any of those, some - although minimal - knowledge of HTML is required.

i know what you mean, but i would think that it would be a bit easier to load it under .mac if it was under ilife. but i think it was poorly marketed, but you know what i mean.

and i'm the only one that can add links, they can submit their site for my approval (a form of quality control to keep the site from being overloaded with low quality sites). but i get what you mean...at least the site is just two pages, so it won't be too hard to work on (the news section will have to be axed for the time being). i'll still use iweb as a template of sorts to base my site on (i'm working on a player site for my cousin who's going to be in the nfl this season, and that's alot more than two pages). but i'm not going to upload the site straight from iweb. too much headache.

but at least i got the site up and it's working at least decently, which is good enough for right now (i will be working on the site though to change some stuff).

Search

Search

bad iweb!!

furcalchick

macrumors 68020

Attachments

jng

macrumors 65816

furcalchick

macrumors 68020

furcalchick

macrumors 68020

jng

macrumors 65816

furcalchick

macrumors 68020

furcalchick

macrumors 68020

jng

macrumors 65816

iHerzeleid

macrumors 6502a

Wild-Bill

macrumors 68030

furcalchick

macrumors 68020

Our Staff