bad iweb!!

Discussion in 'Web Design and Development' started by furcalchick, May 5, 2007.

  1. furcalchick macrumors 68020

    furcalchick

    Joined:
    Dec 19, 2006
    Location:
    South Florida
    #1
    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.
     

    Attached Files:

  2. jng macrumors 65816

    jng

    Joined:
    Apr 6, 2007
    Location:
    Germany
    #2
  3. furcalchick thread starter macrumors 68020

    furcalchick

    Joined:
    Dec 19, 2006
    Location:
    South Florida
    #3
    can you give me the corrected code please? and i also need the code for hyperlinks. thanks.
     
  4. furcalchick thread starter macrumors 68020

    furcalchick

    Joined:
    Dec 19, 2006
    Location:
    South Florida
    #4
    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>
     
  5. jng macrumors 65816

    jng

    Joined:
    Apr 6, 2007
    Location:
    Germany
    #5
    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.
     
  6. furcalchick thread starter macrumors 68020

    furcalchick

    Joined:
    Dec 19, 2006
    Location:
    South Florida
    #6
    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.
     
  7. furcalchick thread starter macrumors 68020

    furcalchick

    Joined:
    Dec 19, 2006
    Location:
    South Florida
    #7
    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/
     
  8. jng macrumors 65816

    jng

    Joined:
    Apr 6, 2007
    Location:
    Germany
    #8
    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.
     
  9. iHerzeleid macrumors 6502a

    iHerzeleid

    Joined:
    May 5, 2007
  10. Wild-Bill macrumors 68030

    Wild-Bill

    Joined:
    Jan 10, 2007
    Location:
    bleep
    #10
    Rapidweaver FTW :D :apple:
     
  11. furcalchick thread starter macrumors 68020

    furcalchick

    Joined:
    Dec 19, 2006
    Location:
    South Florida
    #11
    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).
     

Share This Page