HTML - Html Output Error
Hello All,
I'm working in SAP . I've a HTML File in my SAP Server. The content of that file is in Spanish. When I see the output of it from my SAP Server it's correct. But when I import that file in my SAP ABAP Program and then chk the output then I'm getting some junk values in it. I guess this is a UNICODE Problem. Request you guys to help me out ! Regards, Sandy. Similar TutorialsI need a simple example to take input, and give an output, such as input: height weight output: body BMI thanks Hi everyone , my boss asked me to make our email address in our webpage and change it to a picture because of spammers. (cant copy and paste)Is there an easy way to do this because I am trying to create a gif in photoshop but it is not displaying exactly the same way that it looks now. At the bottom of www.meshoxford.com their is a link for email I want to to be an image file that looks just like the current page info@meshoxford.com Is there a way dreamweaver can make this easy? I've gotten this error even though I do have all the objects declared: Line384 Error: 'window.document.patentfrm.patentList' is null or not an object patentfrm: refers to the form name patentList: refers to the name of the list this error occurs when ever I try to add a patent a the list any possible reasons? Hello, I am new here and pretty new to the HTML world. I am trying to post something on a website using DreamWeaver. I keep getting an error that looks like an A with a carrot pointing upward. How do I get rid of this or what does this mean? THANKS! it says that end tag for table is not finished. here is the sequence <form action="$vboptions[forumhome].php" method="get"> <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center"></table> <div align="center"> apreciate any help you can give me I am currently working on a home page for my new website. so far it is going quite well other than one problem. Basically my template which i downloaded is not doing what i want it to do. The problem is positioning, i am tryning to position my navigation bar, so that it is on the left side and my content container on the right. However i do not want my container on the very right as i am planning to use an advertising service such as google adsense. This is what i would like it to look like: Whenever i type in my css file in the code for the content "margin-left:"250px"; (my navigation is 220px). it causes my navigation bar to move down. Whenever i type in "margin-right:700px;" the content column clings to the left no mater how many pixels i type in, it always cligns to the left as if it is afraid of the right side! The html, css files and images are placed at the bottom of this post in a zip file incase the following css code is not enough. Code: My css code for navigation(#left) and content(#right). #left { width: 220px; float: left; margin-left: 20px; } #right { width: 450px; margin-right: 250px; } Can someone tell me how to fix this error: http://validator.w3.org/check?uri=ww...Inline&group=0 So here's my problem: I had to create an HTML newsletter for a client to send on a monthly basis. I've tested it in several browsers and everything seemed to be working fine, until she received a reply from one of her subscribers, (from an AOL account) with a screenshot of what the newsletter looked liked on her screen. Everything was wrong! The newsletter didn't display pictures at all, some HTML comments were showing up and extra characters and no spaces had been placed between the text. I'm pretty new to HTML and CSS, so I tried to keep it as simple as possible to not compromise browser compatibility. And in different computers and browsers it was working perfectly fine. But now with this, I've no clue how to fix it! Help?? to view the source code: www.offinterarts.org/newsletter.html Hi, I'm working for a client, and altered code in their wordpress, but something has been altered and I can't undo or look at a previous version to work out what I've done wrong. The header on this site http://vevant.com/category/life/ should be a live link to the homepage, where the text v e v a n t appears, and also that strange other bit of header shouldn't be there either. I've attached the altered header code and how the site should look originally to assist. Any help would be GREATLY appreciated, and the speed would also help since the client is pissed at me! Thanks so much! 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" <?php language_attributes(); ?>> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <meta name="google-site-verification" content="prqriBk3SYOMV1xUYJ5FYZ3-pBV-BEQB1nmKzmnCNs0" /> <meta name='robots' content='index,follow' /> <script type="text/javascript" src="/wp-content/themes/Vevant/Vevant/flash/swfobject.js"></script> <title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?></title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" /> <style type="text/css" media="screen"> #search { height: 20px; padding-top: 7px; } </style> <?php // Turn off all error reporting error_reporting(0); ?> <?php if (is_single()) { ?> <?php while (have_posts()) : the_post(); ?> <link rel="alternate" type="application/rss+xml" title="<?php the_title(); ?> Comments" href="<?php bloginfo('url'); ?>/?feed=rss2&p=<?php the_ID(); ?>" /> <?php endwhile; ?> <?php rewind_posts(); ?> <?php } ?> <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <div id="page"> <div id="content-space"> <div id="header"> <div id="headerimg-left"> <div id="headerimg"> <span id="header-left"> <a href="/" style="display:block;"></span></a> <div id="header-right"> <div id="top-menu-background-left"></div> <div id="top-menu-background"> <ul id="top-menu"> <li><a href="/category/life/">Life</a></li> <li><a href="/category/men/">Men</a></li> <li><a href="/category/women/">Women</a></li> <li><a href="/category/still/">Still</a></li> <li><a href="/category/film/">Film</a></li> </ul> </div> <?php get_search_form(); ?> </div> </div> </div> <div id="headerimg-right"></div> </div> <hr /> I really feel like I've messed up around the 'SPAN' area, but I'm really stuck as to how to remedy this. Thanks so much guys! I am having an IE6 rendering error for http://cyanocide.com The layout is the way I want it in firefox and IE7. I am willing to change my CSS as long as I can keep this layout. can you please help me find what is wrong? I am including the css code hereunder: PHP Code: body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #708F82; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; } p { text-align: left; } .twoColFixLtHdr #container { width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #8BB0A1; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #000000; text-align: left; /* this overrides the text-align: center on the body element. */ } .twoColFixLtHdr #header { background: #DDDDDD; padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ } .twoColFixLtHdr #header2 { background: #DDDDDD; padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ } .twoColFixLtHdr #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ } .twoColFixLtHdr #sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 350px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 20px; height: 250px; } .twoColFixLtHdr #sidebar2 { float: left; /* since this element is floated, a width must be given */ width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 20px; height: 250px; } .twoColFixLtHdr #sidebar3 { float: left; /* since this element is floated, a width must be given */ width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 20px; height: 430px; } .twoColFixLtHdr #sidebar4 { float: left; /* since this element is floated, a width must be given */ width: 470px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 20px; height: 430px; } .twoColFixLtHdr #sidebar5 { float: left; /* since this element is floated, a width must be given */ width: 350px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 20px; height: 250px; } .twoColFixLtHdr #sidebar5 p { text-align: center; } .twoColFixLtHdr #sidebar5 h3 { text-align: center; } .twoColFixLtHdr #sidebar6 { float: left; /* since this element is floated, a width must be given */ width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 20px; height: 250px; } .twoColFixLtHdr #sidebar6 p { text-align: center; } .twoColFixLtHdr #sidebar6 h3 { text-align: center; } .twoColFixLtHdr #sidebar7 { float: left; /* since this element is floated, a width must be given */ width: 750px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 20px; height: 600px; } .twoColFixLtHdr #sidebar8 { float: left; /* since this element is floated, a width must be given */ width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 20px; height: 650px; } .twoColFixLtHdr #sidebar9 { float: right; /* since this element is floated, a width must be given */ width: 470px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 20px; height: 650px; } .twoColFixLtHdr #mainContent { margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ background: #EBEBEB; padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ } .twoColFixLtHdr #footer { padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:#DDDDDD; } .twoColFixLtHdr #footer p { text-align: center; margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ } .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } div#navbar2 { height: 30px; width: 98%; margin-left: 1%; padding: 0px; background-repeat: repeat-x; text-align: center; background-image: url(navbar.jpeg); } div#navbar2 ul { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: small; color: #FFFFFF; line-height: 30px; white-space: nowrap; font-weight: bold; } div#navbar2 li { list-style-type: none; display: inline; } div#navbar2 li a { text-decoration: none; padding: 0px 10px; color: #FFFFFF; font-weight: bold; } div#navbar2 li a:link { color: #FFFFFF; } div#navbar2 li a:visited { } div#navbar2 li a:hover { font-weight: bold; color: #FFFFFF; background-color: #003D6B; line-height: 30px; } div#navbar2 li a:active { font-weight: bold; color: #FFFFFF; background-color: #33CC66; } a { color: #1346C2; text-decoration: none;} a:hover { color: #AAAAAA;} Hi there, Im trying to figure out the following error: Validation Output: 1 Error 1. Error Line 28, Column 48: Stray script start tag. <script type="text/javascript" src="js/base.js" > </script> Any thoughts ? Thanks I am making custom error pages on my site and it works perfectly but on them I have flash games like tic tac toe... but how can I make it randomly switch between that and some other .swf games??? I used Coffee cut as HTML editor but there is no error checking. Can someone recommend a editor with error checking? My html is attached, I was wondering what I can do to fix what is wrong with my website! I can't see anything, but I do know that two of the buttons don't work, most likely because of the website not being validated. Any help is appreciated! BTW, just remove the .txt for it to become an html doc. to validate it just try this: http://validator.w3.org/ I don't know what the errors mean: HTML Code: No Character Encoding Found! Falling back to UTF-8. None of the standards sources gave any information on the character encoding labeling for this document. Without encoding information it is impossible to reliably validate the document. As a fallback solution, the "UTF-8" encoding was used to read the content and attempt to perform the validation, but this is likely to fail for all non-trivial documents. Read the FAQ entry on character encoding for more details and pointers on how to fix this problem with your document. Unable to Determine Parse Mode! The validator can process documents either as XML (for document types such as XHTML, SVG, etc.) or SGML (for HTML 4.01 and prior versions). For this document, the information available was not sufficient to determine the parsing mode unambiguously, because: the MIME Media Type (text/html) can be used for XML or SGML document types No known Document Type could be detected No XML declaration (e.g <?xml version="1.0"?>) could be found at the beginning of the document. No XML namespace (e.g <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">) could be found at the root of the document. As a default, the validator is falling back to SGML mode. No Character encoding declared at document level No character encoding information was found within the document, either in an HTML meta element or an XML declaration. It is often recommended to declare the character encoding in the document itself, especially if there is a chance that the document will be read from or saved to disk, CD, etc. See this tutorial on character encoding for techniques and explanations. Validation Output: 1 Error Line 1, Column 1: end of document in prolog ✉ This error may appear when the validator receives an empty document. Please make sure that the document you are uploading is not empty, and report any discrepancy. Hi there im trying to make a menu sytem for a website and keep coming across the same problem it seems to work fine in IE but in firefox has a 4/5 pixel margin underneath that its really irritating me http://danielbourne.net/pdwcs/1/aboutest.html can anyone see any errors within there that i may have missed ? the menu css is within http://danielbourne.net/pdwcs/1/default.css any help is much apreciated thankyou Daniel Bourne Hey i recently opened a blogged and wanted to begin customizing it with shoutboxs , games, etc Blog is runned by Mac OSx , it allows u to post html as well, but 98% of the html codes i put in there doesnt work...the ones that do work , well they seem to have <table> inserted in them...and strangly one of my posting options is to insert a table, so when i click on that *insert table* i paste my html code(shoutbox) and click insert (for table) and all the codes seem to work fine and shoutbox looks great, until i cllick the <>(htmlm mod) everything seems to go back to where it was before i started testing with table (which is that it doesnt work), this is only if switch from normal to html and back after i insert html codes through table...but if i just paste the Html codes for the shoutbox into *HTML* section, it shows up as the link that i use to gernate these codes...this happens with every one of my html codes including the ones that do work for the blog and dont work for the blog....So im stuck with HTML codes that only show up when the *insert table dialog box pops up and i insert html from there to blog.(which cancels html codes in the end)..From the table with the successful HTML, if i click Save,HTML mode, or Preview, it just makes the codes void..I think that when iclick any of those commands, the blog messes with codes Does anyone know any great codes to bypass w/e the blog is doing to my codes or simulating the table forever with the codes? TY Friend said that blog has ScriptTags, and by using table i can bypass that...Unfortunatly ive tried inserting <table> and </table> around it...nothing works.. heres an example of one of the few that does work for the blog(had table tags when i copied it from generator): <div class="wiki_entry"> <div> <div> <div><br /></div> <table><tbody> <tr> <td><a href="http://www.website-hit-counters.com"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=109386-8813" alt="www.website-hit-counters.com" /></a></td> </tr> <tr> <td><a href="http://www.website-hit-counters.com/search-engine-optimization.html" title="search engine optimization firm">This many People saw this</a></td> </tr></tbody> </table></div><br /></div></div> HEre is one that doesnt(after i placed tables around it myself) <div class="wiki_entry"> <div> <div> <div><br /></div> <table><tbody> <tr> <!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe title="jimbaler" src="http://www.shoutmix.com/?jimbaler" width="100" height="130" frameborder="0" scrolling="auto"> <a href="http://www.shoutmix.com/?jimbaler">View shoutbox</a> </iframe> <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /> <!-- End ShoutMix --> </tr> </tbody> </table></div><br /></div></div> <HTML> <HEAD> <TITLE> Jogging Summary </TITLE> <LINK REL="stylesheet" TYPE="text/css" HREF="tma03.css"> <SCRIPT LANGUAGE = "JavaScript"> //days of the week var dayArray = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri','Sat', 'Sun']; //date of a sample week var weekBeginning = '12 July 2010' //distance in kilometres run each day in the sample week var distanceArray = [2,4,2,1,5,4,3]; //Part (i) //Add code to display a heading, then a blank line, // then the information for each of the seven days. document.write('Summary for week beginning 12 July 2010'+ '<BR>'); document.write('<BR>'); for (var day = 6; day < dayArray.length; day = day +1 ) { document.write('Mon ' + - + '2'+ 'km' + '<BR>'); document.write('Tue ' + - + '4'+ 'km' + '<BR>'); document.write('Wed ' + - + '2'+ 'km' + '<BR>'); document.write('Thu ' + - + '1'+ 'km' + '<BR>'); document.write('Fri ' + - + '5'+ 'km' + '<BR>'); document.write('Sat ' + - + '4'+ 'km' + '<BR>'); document.write('Sun ' + - + '3'+ 'kn' + '<BR>'); document.write('<BR>'); } //Variable to hold the maximum value in distance array. var maximumDistance; //Part (ii) //Add code to find the maximum distance. maximumDistanceindex = 0; for (var distance = 0;distance<distanceArray.length ; distance = distance + 1 ) { if (distanceArray[day] > distanceArray[maximumDistanceindex]) { maximumDistanceindex = day; } } //Part (iv) //Add code that will write out the maximum distance and the days it was run on in a suitable message. document.write('The maximum distance was '+ maximumDistanceindex + ' km ' + 'run on ' + dayArray[maximumDistanceindex]); </SCRIPT> </HEAD> <BODY> </BODY> </HTML> Can anyone help me with this i can not find out how to output the correct maximum distance please? think i've cracked it. <HTML> <HEAD> <TITLE> Jogging Summary </TITLE> <LINK REL="stylesheet" TYPE="text/css" HREF="tma03.css"> <SCRIPT LANGUAGE = "JavaScript"> /* * M150 TMA03 2010J Q3. * Program to analyse the distances run by a jogger each day over the course of a week. */ //days of the week var dayArray = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri','Sat', 'Sun']; //date of a sample week var weekBeginning = '12 July 2010' //distance in kilometres run each day in the sample week var distanceArray = [2,4,2,1,5,4,3]; //second sample week //Part (v) uncomment the next two lines. //weekBeginning = '19 July 2010' //distanceArray = [2,6,3,1,6,4,2]; //Part (i) //Add code to display a heading, then a blank line, // then the information for each of the seven days. document.write('Summary for week beginning '+ weekBeginning + '<BR>'); document.write('<BR>'); for (var day = 6; day < dayArray.length; day = day +1 ) { document.write('Mon ' + - + '2'+ 'km' + '<BR>'); document.write('Tue ' + - + '4'+ 'km' + '<BR>'); document.write('Wed ' + - + '2'+ 'km' + '<BR>'); document.write('Thu ' + - + '1'+ 'km' + '<BR>'); document.write('Fri ' + - + '5'+ 'km' + '<BR>'); document.write('Sat ' + - + '4'+ 'km' + '<BR>'); document.write('Sun ' + - + '3'+ 'kn' + '<BR>'); document.write('<BR>'); } //Variable to hold the maximum value in distance array. var maximumDistance; //Part (ii) //Add code to find the maximum distance. maximumDistance = distanceArray[0]; for (var day = 1; day < distanceArray.length ; day = day + 1 ) { if (distanceArray[day] > distanceArray[maximumDistance]) { maximumDistance = day; } } //Part (iv) //Add code that will write out the maximum distance and the days it was run on in a suitable message. document.write('The maximum distance was '+ distanceArray[maximumDistance] + ' km ' + 'run on ' + dayArray[maximumDistance]); </SCRIPT> </HEAD> <BODY> </BODY> </HTML> Seems to work mostly anyway. I don't know what is going wrong with this code. Showing well formatted in IE but not in firefox <ol start="1" style="font-size: 10pt; font-family: Arial; margin-left:50px; " type="1"> <li> <p style="font-size: 10pt; font-family: Arial; margin-left: 50px;padding-left:-5px;">text1 </li> <li> <p style="font-size: 10pt; font-family: Arial; margin-left: 50px;">text2</li> <li><p style="font-size: 10pt; font-family: Arial; margin-left: 50px;"> text3</li> </ol> I am using PHP to generate the headers to output a PDF file. The PDF file on every browser (IE, FF, Saf) exports with no content (0 bytes) whether it is opened or saved. This works correctly on my local development machine, but not on the actual server. The server requires credentials to access it, so I can't provide a link for demonstration. <? if( $format == 'csv' ) { header( 'Content-type: text/csv' ); header( "Content-Disposition: attachment; filename=\"Report Export.csv\"" ); include "userfiles/$loginid.csv"; } if( $format == 'pdf' ) { header( 'Content-type: application/pdf' ); header( "Content-Disposition: attachment; filename=\"Report Export.pdf\"" ); include "userfiles/$loginid.pdf"; } ?> Basically the referring page determines what format the user is requesting. "$loginid" is a cookie with the user's ID, so the system can locate that users specific file in the 'userfiles' directory. The CSV outputs perfectly. (exact same code with respective formats changed) I've validated that the PDF file is in the directory and does have content. The PDF content does export to file when attached to an email sent by the server. Any help is appreciated. I have a theory this may be an issue with the server configuration... I have a series of checkboxes and the user can check one or more of them. When I display their submission back to them for verification, I want to display only those which have been checked. I have a form processor (FormProcessorPro) and they tell me that they can't guarantee that PHP code will parse correctly. And they're correct, it isn't parsing correctly - unless I'm missing something. Here's an example of what I'm trying to do: <?php $blmc = "[blmc-gp]"; // [blmc-gp] FPPro's access to field names if ($blmc == "YES") { echo "<tr>"; echo "<td align="right" class="maintext">General Pastor :: </td>"; echo "<td><font size="2">[blmc-gp]</font></td>; echo "</tr>"; } ?> First question, should the above work in suppressing the table row if the checkbox hasn't been checked? Second question, is there a way in pure HTML (no PHP, PERL or JAVA) to accomplish my goal of suppressing any table rows where the checkbox hasn't been checked? Thank you, Roy |