The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help with XML (I think), I need to get a link to open a new window.
newguy
post May 10 2008, 08:11 PM
Post #1





Group: Members
Posts: 2
Joined: 10-May 08
Member No.: 5,622



Background:
I am teaching myself HTML using the resources available on the web. I tried creating my own HTML sites from scratch, which was fun but time-consuming to learn and I needed to get this website up sooner rather than later. So, I created a website using a template and a site builder made available to me by my web host, but I wasn't satisfied with the fact I couldn't replace the stock photos. I resorted to using iWeb on my Mac, which is currently in test mode right now. What I would like to do is make the links on the page for the contact me form and sibeliusmusic.com open in a separate window. I think iWeb creates XML, which I don't know at all. So all I am really looking for is XML code that would open the link in a new window.

Here's the code for the page (section in question is at the bottom), and the address is www.test.carlsauter.com/About.html

<?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>About</title>
<link rel="stylesheet" type="text/css" media="screen" href="About_files/About.css" /><script type="text/javascript" src="About_files/About.js"></script>
</head>
<body style="background: transparent url(Images/Wall%20Texture.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();">
<div style="text-align: center; ">
<div style="margin-bottom: 50px; margin-left: auto; margin-right: auto; margin-top: 50px; overflow: hidden; position: relative; background: transparent url(About_files/CF7FEA3CC.png) repeat scroll center; 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: 75px; 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: 75px; left: 0px; position: absolute; top: 0px; width: 700px; z-index: 1; " class="graphic_navigationbar_style_default">
<div style="background: transparent url(About_files/navbar_separator_0.png) no-repeat scroll center; height: 29px; left: 327px; position: absolute; top: 10px; width: 11px; z-index: 1; "></div>
<div style="background: transparent url(About_files/navbar_separator_1.png) no-repeat scroll center; height: 29px; left: 396px; position: absolute; top: 10px; width: 11px; z-index: 1; "></div>
<div style="background: transparent url(About_files/navbar_separator_2.png) no-repeat scroll center; height: 29px; left: 494px; position: absolute; top: 10px; width: 11px; z-index: 1; "></div>
<div style="background: transparent url(About_files/navbar_separator_3.png) no-repeat scroll center; height: 29px; left: 551px; position: absolute; top: 10px; width: 11px; z-index: 1; "></div>
<div style="background: transparent url(About_files/navbar_separator_4.png) no-repeat scroll center; height: 29px; left: 417px; position: absolute; top: 39px; width: 11px; z-index: 1; "></div>
<div style="background: transparent url(About_files/navbar_active.png) no-repeat scroll center; height: 36px; left: 334px; position: absolute; top: 7px; width: 66px; z-index: 1; "></div>
<div style="background: transparent url(About_files/navbar_0_normal.png) no-repeat scroll center; height: 36px; left: 56px; position: absolute; top: 7px; width: 275px; z-index: 1; " id="navbar_0_normal"></div>
<div style="background: transparent url(About_files/navbar_0_rollover.png) no-repeat scroll center; height: 36px; left: 56px; position: absolute; top: 7px; visibility: hidden; width: 275px; z-index: 1; " id="navbar_0_rollover"></div>
<a style="display: block; height: 29px; left: 60px; position: absolute; top: 10px; width: 268px; z-index: 2; " onmouseout="NBmouseout('0');" href="Weddings%20and%20Special%20Occasions.html" onmouseover="NBmouseover('0');"></a>
<div style="background: transparent url(About_files/navbar_1_normal.png) no-repeat scroll center; height: 36px; left: 403px; position: absolute; top: 7px; width: 95px; z-index: 1; " id="navbar_1_normal"></div>
<div style="background: transparent url(About_files/navbar_1_rollover.png) no-repeat scroll center; height: 36px; left: 403px; position: absolute; top: 7px; visibility: hidden; width: 95px; z-index: 1; " id="navbar_1_rollover"></div>
<a style="display: block; height: 29px; left: 407px; position: absolute; top: 10px; width: 88px; z-index: 2; " onmouseout="NBmouseout('1');" href="Examples.html" onmouseover="NBmouseover('1');"></a>
<div style="background: transparent url(About_files/navbar_2_normal.png) no-repeat scroll center; height: 36px; left: 501px; position: absolute; top: 7px; width: 54px; z-index: 1; " id="navbar_2_normal"></div>
<div style="background: transparent url(About_files/navbar_2_rollover.png) no-repeat scroll center; height: 36px; left: 501px; position: absolute; top: 7px; visibility: hidden; width: 54px; z-index: 1; " id="navbar_2_rollover"></div>
<a style="display: block; height: 29px; left: 505px; position: absolute; top: 10px; width: 47px; z-index: 2; " onmouseout="NBmouseout('2');" href="FAQ.html" onmouseover="NBmouseover('2');"></a>
<div style="background: transparent url(About_files/navbar_3_normal.png) no-repeat scroll center; height: 36px; left: 558px; position: absolute; top: 7px; width: 86px; z-index: 1; " id="navbar_3_normal"></div>
<div style="background: transparent url(About_files/navbar_3_rollover.png) no-repeat scroll center; height: 36px; left: 558px; position: absolute; top: 7px; visibility: hidden; width: 86px; z-index: 1; " id="navbar_3_rollover"></div>
<a style="display: block; height: 29px; left: 562px; position: absolute; top: 10px; width: 79px; z-index: 2; " onmouseout="NBmouseout('3');" href="Services.html" onmouseover="NBmouseover('3');"></a>
<div style="background: transparent url(About_files/navbar_4_normal.png) no-repeat scroll center; height: 36px; left: 149px; position: absolute; top: 36px; width: 272px; z-index: 1; " id="navbar_4_normal"></div>
<div style="background: transparent url(About_files/navbar_4_rollover.png) no-repeat scroll center; height: 36px; left: 149px; position: absolute; top: 36px; visibility: hidden; width: 272px; z-index: 1; " id="navbar_4_rollover"></div>
<a style="display: block; height: 29px; left: 153px; position: absolute; top: 39px; width: 265px; z-index: 2; " onmouseout="NBmouseout('4');" href="Wedding%20Music%20Advice%20and%20Ideas.html" onmouseover="NBmouseover('4');"></a>
<div style="background: transparent url(About_files/navbar_5_normal.png) no-repeat scroll center; height: 36px; left: 424px; position: absolute; top: 36px; width: 127px; z-index: 1; " id="navbar_5_normal"></div>
<div style="background: transparent url(About_files/navbar_5_rollover.png) no-repeat scroll center; height: 36px; left: 424px; position: absolute; top: 36px; visibility: hidden; width: 127px; z-index: 1; " id="navbar_5_rollover"></div>
<a style="display: block; height: 29px; left: 428px; position: absolute; top: 39px; width: 120px; z-index: 2; " onmouseout="NBmouseout('5');" href="Sauter%20Pianos.html" onmouseover="NBmouseover('5');"></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>
<div style="height: 1px; line-height: 1px; " class="tinyText"> </div>
<div class="graphic_generic_body_textbox_style_default" style="margin-left: 279px; margin-top: 82px; position: relative; width: 390px; z-index: 1; ">
<div>
<div style="padding: 4px; " class="Normal">
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; padding-top: 0pt; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00;">Carl Sauter began music lessons at a young age, beginning on trumpet and starting piano a year later. By the time he was 16, he was teaching piano lessons to several students and studying with Lincoln Mayorga (a pedagogical descendent of Beethoven and Czerny, among his many credentials). After high school, Carl went to Bible school, where he was the accompanist for the choir his first year and intern to the music department for the second year. After graduating with a two year diploma he continued his studies at Philadelphia Biblical University. While there, he studied composition with Dr. Daniel Barta, ultimately completing a Bachelor of Music in Composition and a Bachelor of Science in Bible. Carl helped to fund his education by working for the university as the Music Theory Teaching Assistant, and also in the Audio-visual department, providing the music department with recordings of all their concerts and recitals, not to mention running live sound for many of the University events. </div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00; text-decoration: none;"> </div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00;">In his final year, his string quartet won the Commencement Musicale Competition (Composition division), and his piece “Grace” was performed by the PBU Symphony Orchestra. At his senior recital, the PBU Chorale performed two of his choral works under his direction. </div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00; text-decoration: none;"> </div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00;">Since graduation, Carl has joined American Society of Composers, Authors and Publishers (ASCAP).</div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00; text-decoration: none;"> </div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00;">“Raindrops” was written for his own wedding as the processional.</div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00; text-decoration: none;"> </div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00;">Although Carl’s education has been based on classical roots, he enjoys many styles of music. “Blessed Be the Lord Our God”, a modern worship song, was recorded by colleague Rich Curry as a demo in Nashville.</div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00; text-decoration: none;"> </div>
<div class="paragraph Free_Form" style="line-height: 21px; margin-bottom: 0px; margin-top: 0px; "><span style="color: #010003; font-family: 'ArialMT', 'Arial', 'sans-serif'; font-size: 15px; line-height: 17px; opacity: 1.00; ">Currently, Carl lives in central coastal Maine with his wife, Jenna.</span><span style="color: #1700f6; font-family: 'Times-Roman', 'Times', 'Times New Roman', 'serif'; font-size: 13px; line-height: 16px; opacity: 1.00; "></span></div>
<div class="paragraph Body" style="line-height: 20px; padding-bottom: 0pt; text-decoration: none;"> </div>
</div>
<div style="height: 18px; line-height: 18px; " class="tinyText"> </div>
</div>
</div>



<div class="graphic_generic_title_textbox_style_default" style="height: 49px; left: 35px; position: absolute; top: 22px; width: 630px; z-index: 1; " id="id1">
<div>
<div class="graphic_shape_layout_style_default">
<div class="paragraph Title" style="line-height: 42px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; padding-top: 0pt; color: #000000; line-height: 42px; opacity: 1.00;">About Carl Sauter</div>
</div>
</div>
</div>


<img src="About_files/shapeimage_1.jpg" alt="" style="height: 1px; left: 35px; position: absolute; top: 1px; width: 630px; z-index: 1; " />


<div style="height: 381px; left: 30px; position: absolute; top: 425px; width: 222px; z-index: 1; " id="id2">
<img usemap="#map1" id="shapeimage_2" src="About_files/shapeimage_2.png" style="border: none; height: 381px; left: 0px; position: absolute; top: 0px; width: 222px; z-index: 1; " alt="Email:
carl@carlsauter.com

Contact Me Form
Phone:
(207) 338-0903


Other Websites:
Sheet music for sale at sibeliusmusic.com



Tell a friend about this site!

" title="" /><map name="map1" id="map1"><area href="mailto:carl@carlsauter.com" title="mailto:carl@carlsauter.com" shape="rect" alt="mailto:carl@carlsauter.com" onload="IMpreload('About_files', 'shapeimage_2', '0');" onmouseover="IMmouseover('shapeimage_2', '0');" onmouseout="IMmouseout('shapeimage_2', '0');" coords="10, 24, 150, 41" /><area href="http://www.carlsauter.com/formmail/contact_me_form.htm" title="http://www.carlsauter.com/formmail/contact_me_form.htm" shape="rect" alt="http://www.carlsauter.com/formmail/contact_me_form.htm" onload="IMpreload('About_files', 'shapeimage_2', '1');" onmouseover="IMmouseover('shapeimage_2', '1');" onmouseout="IMmouseout('shapeimage_2', '1');" coords="10, 56, 120, 90" /><area href="http://members.sibeliusmusic.com/carlsauter" title="http://members.sibeliusmusic.com/carlsauter" shape="rect" alt="http://members.sibeliusmusic.com/carlsauter" onload="IMpreload('About_files', 'shapeimage_2', '2');" onmouseover="IMmouseover('shapeimage_2', '2');" onmouseout="IMmouseout('shapeimage_2', '2');" coords="10, 169, 158, 202" /><area href="http://carlsauter.com/srecommender/Include_Method/recommend.php" title="http://carlsauter.com/srecommender/Include_Method/recommend.php" shape="rect" alt="http://carlsauter.com/srecommender/Include_Method/recommend.php" onload="IMpreload('About_files', 'shapeimage_2', '3');" onmouseover="IMmouseover('shapeimage_2', '3');" onmouseout="IMmouseout('shapeimage_2', '3');" coords="10, 312, 191, 330" /></map><img style="height: 17px; left: 10px; position: absolute; top: 24px; width: 140px; " id="shapeimage_2_link_0" alt="shapeimage_2_link_0" src="About_files/shapeimage_2_link_0.png" /><img style="height: 34px; left: 10px; position: absolute; top: 56px; width: 110px; " id="shapeimage_2_link_1" alt="shapeimage_2_link_1" src="About_files/shapeimage_2_link_1.png" /><img style="height: 33px; left: 10px; position: absolute; top: 169px; width: 148px; " id="shapeimage_2_link_2" alt="shapeimage_2_link_2" src="About_files/shapeimage_2_link_2.png" /><img style="height: 18px; left: 10px; position: absolute; top: 312px; width: 181px; " id="shapeimage_2_link_3" alt="shapeimage_2_link_3" src="About_files/shapeimage_2_link_3.png" />
</div>



<img src="About_files/imageEffectsBelow_Carl%20Feb%202001%20Atlantic%20City.png" alt="" id="id3" style="border: none; height: 410px; left: 38px; opacity: 1.00; position: absolute; top: 76px; width: 205px; z-index: 1; " />

<img src="About_files/Carl%20Feb%202001%20Atlantic%20City.jpg" alt="" style="border: none; height: 290px; left: 40px; opacity: 1.00; position: absolute; top: 77px; width: 200px; z-index: 1; " />

<img src="About_files/imageEffectsAbove_Carl%20Feb%202001%20Atlantic%20City.png" alt="" id="id4" style="border: none; height: 410px; left: 38px; opacity: 1.00; position: absolute; top: 76px; width: 205px; z-index: 1; " />
<a href="mailto:carlsauter@yahoo.com" title="mailto:carlsauter@yahoo.com">
<img src="About_files/image.png" alt="" id="id5" style="border: none; height: 36px; left: 81px; position: absolute; top: 372px; width: 119px; z-index: 1; " />
</a>
<div style="height: 11px; line-height: 11px; " class="tinyText"> </div>
</div>
<div style="height: 50px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
</div>
</div>
</div>
</body>
</html>



User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 10 2008, 08:41 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,449
Joined: 9-August 06
Member No.: 6



It's XHTML, an unholy alliance between HTML and XML. For your purposes, there is no difference between HTML and XHTML. You use Transitional so you can use target="_blank".
http://htmlhelp.com/faq/html/links.html#new-window

The use of the XML declaration at the top of the document will put IE6 in Quirks Mode (as will anything before the doctype). If you have problems with how the page displays in that browser, this could be the reason.
http://hsivonen.iki.fi/doctype/



User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
newguy
post May 11 2008, 08:26 PM
Post #3





Group: Members
Posts: 2
Joined: 10-May 08
Member No.: 5,622



Thanks so much, you have helped me a great deal.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 8th December 2019 - 10:15 AM