|
HTML - Need Help With Insering A Vertical Adsense Unit In Table & Scale Image To Fit Page
The first part , this page i need to put an widesky ad on both sides of the image & also want something that will rescale image to fit page as i need to fit in large images on the page , can this be done people?
Similar TutorialsHi, I'm looking for a way (any way, could be html, css or javascript) to make an image to be scale down only. Here is what I means: if I have something like Code: <img src="picture.jpg" width="100%" alt=""/> it will fill the full space it can occupy (let say the whole viewport). Now if I have image with width resolution of 800px, and my viewport is 1024px, it will be scaled up, and if the viewport is 640px, it will be scaled down. What I want is that if the viewport is 1024px, it is not scaled at all (remain at the original resolution, that is 800px). But if the viewport is less than 1024px, than it will be scaled down to fit. Is there a way to do this? Basically I want to put this page "http://3d-story.com/Old-Afgan.html" into a 3rd party widget. When I place this 3rd party widget on my page I can scale the widget frame to any size I want, but the page within it doesn't scale. Looks like this "http://www.wix.com/mettam/test" What code do I need to put into my HTML code so that it will scale to the frame of the widget ? Here is an example of my code with in the widget. Code: <html>
<head>
<title>Old Afgan</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Old Afgan.jpg) -->
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
Old_Afgan_03_over = newImage("images/Old-Afgan_03-over.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (Old Afgan.jpg) -->
<table id="Table_01" width="977" height="695" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://3d-story.com/images/Old-Afgan_01.gif" width="977" height="82" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://3d-story.com/images/Old-Afgan_02.gif" width="190" height="613" alt=""></td>
<td>
<a href="#"
onmouseover="changeImages('Old_Afgan_03', 'http://3d-story.com/images/Old-Afgan_03-over.gif'); return true;"
onmouseout="changeImages('Old_Afgan_03', 'http://3d-story.com/images/Old-Afgan_03.gif'); return true;"
onmousedown="changeImages('Old_Afgan_03', 'http://3d-story.com/images/Old-Afgan_03-over.gif'); return true;"
onmouseup="changeImages('Old_Afgan_03', 'http://3d-story.com/images/Old-Afgan_03-over.gif'); return true;">
<img name="Old_Afgan_03" src="images/Old-Afgan_03.gif" width="497" height="251" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://3d-story.com/images/Old-Afgan_04.gif" width="290" height="613" alt=""></td>
</tr>
<tr>
<td>
<img src="http://3d-story.com/images/Old-Afgan_05.gif" width="497" height="362" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
I have a quirky problem, and it exists with many of my sites. It involves Firefox browser, as well as Chrome. Here are the conditions of the website pages that have problems: 1. Page is fixed width, centered in the browser 2. Google AdSense is present on the page 3. Browser is either Firefox or Chrome. Internet Explorer doesn't present any problems. When the page with the above conditions is loaded, the page shows up at the RIGHT of the browser, then shifts to it's proper location in the center of the browser. This occurs every time a page with adsense is loaded, and can be irritating going page to page. An example for my site is he AdSense Page Shift Test Please use Firefox browser, maximized on a monitor with a greater width than 1024. There are five working tabs with examples, four of them have adsense on them. The one without adsense does NOT jump, and I'd like all the pages to emulate it. I"d appreciate any direction to solving the problem. Firefox and Chrome are rapidly increasing in popularity, and I'd like to solve this rather quirky problem. I need help with making a vertical scroll box w/ table just dont know the html code for a vertical scroll box.. I know the table but i dont think its right. ___ <table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> ___ Thanx in Advance! Hi, I just thought I'd jump right in with my query. I'm looking to make Text in a table cell vertical, I've come up with solution of inserting <br />'s after each letter <table> <tr><th class="green">O<br />n<br />e</th> <th>Two</th> <th>Three</th></tr> </table> but I just wanted to know, is there a way of achieving this without doing this, can I control the size of the cell with css? thanks htmlhex I'm trying to create a table with two rows, the first row would align to the top of the table and the second row would align to the bottom. I don't have any problems getting the rows to align correctly, but I can't get the table to fill 100% of the allotted space (it works in firefox, but not in IE or Safari). I've read that height isn't a valid piece of code, so this is why it won't expand vertically, but does anybody have any other ideas on how I could get my rows to do what I need them to? The code I'm using basically looks like this ... <table> <tr> <td valign="top"> </td> </tr> <tr> <td valign="bottom"> </td> </tr> </table> Thanks I wanted to have the scrollbar in my table inside my web page instead of extending the page making it longer when I have plenty of text... This is what I have at the moment: [code]<td height="420px"> </td> <td height="420px"> <table width="100%" height="420px" border="1"> <tr> <td width="70%" valign="top" height="400px" overflow:"auto"; class="component"><jdoc:include type="component" /> </td> <td class="valign"> <table class="table1" border="0"> <tr> <td height="10px"> <div id="recent"> Recent Project </div> </td> </tr> <tr> <td> <jdoc:include type="modules" name="recentproj" /></td> </tr></table> </td> </tr> </table> [code] i have script that shown image in table, i want the table shown in horizontal not vertical this is the entire script, and the table that influence is in the red i think below any idea guys what i need to edit? Quote: # Photo Album # 1.1 # # Displays a members photos class user_photoplog_album extends z_module { # Set the maximum amount of images any users are allowed to display var $max_images = 5; function contents() { $content = $this->content; $vbulletin = $this->_zoints->external->vbulletin; # If limit hasnt been set or is over the admin set maximum, set it to the admin max if(empty($content['max_pics']) OR $content['max_pics'] > $this->max_images) { $limit_sql = 'LIMIT ' . $this->max_images; } # Otherwise, let them set it else { $limit_sql = 'LIMIT ' . $content['max_pics']; } # Get all photos the user has $getphotos = $vbulletin->db->query_read(" SELECT * FROM " . TABLE_PREFIX . "photoplog_fileuploads WHERE userid=" . $this->zuser . " AND moderate=0 ORDER BY dateline DESC " . $limit_sql . " "); $html .= '<div class="' . $this->style['pmain1'] . '" style="padding: 0;">'; # Does the user have any photos? if ($vbulletin->db->num_rows($getphotos)) { # Display the top of the table $html .= ' <table border="0" width="100%"> <tr> <td width="100" overflow-x: scroll; overflow-y: hidden; align="center" class="phead"> Image </td>'; # Display the details? if(!$content['details']) { $html .= ' '; } $html .= ' </tr>'; # loop and display all that have been fetched from the DB while($photo = $vbulletin->db->fetch_array($getphotos)) { # Display image cell $html .= ' <tr> <td width="100" align="center" class="pmain2"> <a href="' . $this->_zoints->external->url() . 'imagehosting/image' . $photo['fileid'] . '.html" target="_blank""> <img src="' . $this->_zoints->external->url() . 'imagehosting/images/' . $photo['userid'] . '/small/' . $photo['filename'] . '" /> </a> </td> '; # Display the image details? if(!$content['details']) { $html .= ' '; } $html .= '</tr>'; } $html .= '</table> <p><a href="index.php?u=' . $this->zuser . '" target="_blank">View All Photos</a> </p> <div> <p>'; } # Nope, tell them they have none else { $html .= 'You don\'t have any photos. <a href="upload.php" target="_blank">Upload photos now!</a>'; } $vbulletin->db->free_result($getphotos); $html .= '</p> </div>'; return $html; } function update($content) { return $content; } function edit() { $content = $this->content; if($content['max_pics'] AND $content['max_pics'] < $this->max_images) { $limit = htmlspecialchars($content['max_pics']); } else { $limit = $this->max_images; } $html .= '<div class="pmain1">'; # Disable description checkbox $html .= 'Disable image details? '; $html .= '<input type="checkbox" name="mod[content][details]" ' . ($content['details'] ? 'checked="checked"': '') . ' /> <br />'; # Max pictures textbox $html .= 'Max pictures to display '; $html .= '<input type="text" name="mod[content][max_pics]" value="' . $limit . '" size="5" /> '; $html .= '<span style="font-size: 7pt; color: #848484;">(max ' . $this->max_images . ' allowed)</span> '; $html .= '</div>'; return $html; } } Hi everyone, I am working on a table for a future website and I need some help. I need to make the text at the top vertical, as in taking the word and turning it 90 degrees to the left. The best way for me to explain this is to show u the problem/test page. http://aquariachat.com/bigchangesare...chartfeb23.php I am making the chart/table in a simple html editor if that information is of any use. Thanks a lot, Drew Hiya, I have a simple table with no borders, two columns wide. The only part of the table I want to make visible is the central vertical line that separates the two columns (no other vertical lines showing, and no horizontal lines showing). If it's possible, how can I do this? Thanks, James Hello to all Forum members. It's my first post here. I have a problem on my site using FF 2.0 and opera. When you open http://review4dummies.com/test/index.php you see it has horizontal alignment = center, but when you click on link About Us the site will move about 10 pixels to the right and of course its centered but... huh not exactly. When you browse and click on link Contact Us its back to normal. Clicking on report-a-bug does not move site too. I was checking whole code and noticed that if i add some paragraphs and blank tables to the about-us.php file everything seems to be ok. This is driving me nuts, any help will be apreciated. PS: in ie6 everyting seems to be ok. PS2: I also noticed this bug on some sites: eg. home.pl when you click on menulink "Praca" it will move horizontaly too. eg2. nazwa.pl when you click on menulink "KONTAKT" it will move too. Anybody? Best Regards! Hi I am creating a website template for a content management system, so i need to ensure that the content area can vertically stretch to any height, But i am currently having some trouble with the tables. I was wondering if anyone has a solution that would allow the content area to stretch without showing the grey background behind the surrounding images, as shown in the screenshot. The bottom row can be extended without issue, but by default when content is added to the content area its the middle row that is extending. How can i stop this? Also i need to centre both the tables, but one is an absolute div. Is there someway i can centre these but ensure that both tables are always aligned on top of each other? Thanks in advance for your help. HTML Code: <html> <head> <meta http-equiv="Content-Language" content="en-au"> <title>NewcastleRoofingWebsite1024x768</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body bgcolor="#C0C0C0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (NewcastleRoofingWebsite1024x768.psd) --> <div > <table id="Table_01" width="1015" height="761" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="12"> <img src="images/index_01.jpg" width="1015" height="229" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"> <img src="images/index_02.jpg" width="282" height="47" alt=""></td> <td> <img src="images/index_03.jpg" width="116" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_04.jpg" width="2" height="47" alt=""></td> <td> <img src="images/index_05.jpg" width="117" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_06.jpg" width="2" height="47" alt=""></td> <td> <img src="images/index_07.jpg" width="117" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_08.jpg" width="2" height="47" alt=""></td> <td> <img src="images/index_09.jpg" width="117" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_10.jpg" width="2" height="47" alt=""></td> <td> <img src="images/index_11.jpg" width="119" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_12.jpg" width="139" height="47" alt=""></td> </tr> <tr> <td> <img src="images/index_13.jpg" width="116" height="11" alt=""></td> <td> <img src="images/index_14.jpg" width="117" height="11" alt=""></td> <td> <img src="images/index_15.jpg" width="117" height="11" alt=""></td> <td> <img src="images/index_16.jpg" width="117" height="11" alt=""></td> <td> <img src="images/index_17.jpg" width="119" height="11" alt=""></td> </tr> <tr> <td> <img src="images/index_18.jpg" width="10" height="9" alt=""></td> <td colspan="11" rowspan="2"> <img src="images/index_19.jpg" width="1005" height="484" alt=""></td> </tr> <tr> <td> <img src="images/index_20.jpg" width="10" height="475" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="10" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="272" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="116" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="117" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="117" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="117" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="119" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="139" height="1" alt=""></td> </tr> </table> <p> </p> <div style="position: absolute; width: 1020px; height: 100%; z-index: 1; top: 288px; left:0" id="layer2"> <table id="Table_01" width="1015" height="477" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="50" colspan="2"> </td> <td colspan="5"> <img src="images/index_05.png" width="806" height="50" alt=""></td> <td> </td> </tr> <tr> <td height="257" colspan="2"> </td> <td colspan="2" background="images/index_08.png" height="257"> </td> <td rowspan="2" bgcolor="#FFFFFF"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> <p> <p> </td> <td colspan="2" background="index_10.png" height="257"> </td> <td height="257"> </td> </tr> <tr> <td colspan="3" background="index_12.png"> <p>h</td> <td background="images/index_13.png"> </td> <td background="images/index_14.png"> </td> <td colspan="2" background="index_15.png"> </td> </tr> <tr> <td height="41" colspan="2"> <img src="images/index_16.png" width="96" height="41" alt=""></td> <td colspan="5"> <img src="images/index_17.png" width="806" height="41" alt=""></td> <td> <img src="images/index_18.png" width="113" height="41" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="10" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="86" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="33" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="716" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="39" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="113" height="1" alt=""></td> </tr> </table></div></div> <!-- End ImageReady Slices --> </body> </html> Something in this page is causing a vertical white line on the right hand side of the main table. Can anyone help me figure this out? www.massagelaunch.com Thanks. So I have a table: HTML Code: <table width="800" height="600" border="0" align="center" cellpadding="0" cellspacing="0"> ... </table> I want to have the table be both horizontally and vertically centered in the browser window... How can I do this. I've looked at all sorts of html and css methods, but nothing has worked yet! Thanks Hello! I am new here, I know CSS and HTML basics and would like to ask you how to put a vertical slider inside a table cell. Thank you! www.ssties.com/product.html I have fought with this all weekend and cannot find the offending piece of code. I want each of the product rows to be about 20 pixels high, just enough to fit the image graphic and text without additional blank space in the cell. For some reason I cannot seem to shrink these table cells beyond 45 points. Also, this site is a WIP, so I realize there will likely be other errors. But this is the one that has me stumped. Thanks Good day, I am brand new here in this forum. So many knowledgeable folks here. I am relatively new to web design. I typically use templates and themes and tweak them. I can navigate a CSS doc and html to make changes, etc. However, I have a client who has an existing site that she wants to keep the aesthetic of and so I am using what the previous designer left. It is a simple html page with tables. Simple enough. Very elegant visually. No need to SEO really so it works. She has asked if we can make the left column of a two column table scroll independently. The page content is about over 6000px. The scroll column will contain a page outline and other text that will include internal targeted links. This is outside my skill set, but I want to learn. Have searched the net and found some suggestions but want it to be clean and ended up here. There is no style sheet other than the ie6 sheet. Page is he http://www.themedeaproject.com/proposaltestpage.html no graphics are loaded. Can anyone point me to a good tutorial or have any suggestions? Thanks! BlueEyedMonkey aka Tatyanna Hi I want to put this the firefox button on my page <a href="http://www.mozilla.com/en-US/firefox/"><img border="0" alt="Firefox 2" title="Firefox 2" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/firefox-spread-btn-1b.png"/></a> this image displays horizontally I want it to display vertical how do I do that? Thank you FSY I need to apologize beforehand for asking help with such a aimple process. I'm doing a site exclusively in HTML. It looks pretty good for my first attempt, but I can't find data ANYWHERE online to vertically align images. The site is frames, the top frame just displays an image, I need the image to self-center to accommodate other screen resolutions. Perhaps I need to align the text(that isn't there), and then align the image to it? Thanks in advance, Tom you can view the page: www.yanglihao.com <!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" > <title>浩</title> <head id="ctl00_Head1"> <style type="text/css"> <!-- A:link {color:#993333;text-decoration:none} A:visited {color:#993333;text-decoration: none} A:hover {color:#778833;background:#553333;text-decoration: none} body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #111122; margin: 0; padding: 0; text-align: center; color: #000000; } .thrColFixHdr #container { width: 780px; background: #CCCCDD; margin: 0 auto; border: 1px solid #000000; text-align: left; } .thrColFixHdr #header { background: #221122; padding: 0 10px 0 20px; } .thrColFixHdr #header h1 { margin: 0; padding: 10px 0; width: 780px; } .thrColFixHdr #sidebar1 { float: left; width: 150px; background: #111522; padding: 15px 10px 15px 20px; } .thrColFixHdr #sidebar2 { float: right; width: 160px; background: #111522; padding: 15px 10px 15px 20px; } .thrColFixHdr #mainContent { margin: 0 200px; padding: 0 10px; } .thrColFixHdr #footer { padding: 0 10px 0 20px; background:#111122; } .thrColFixHdr #footer p { margin: 0; padding: 10px 0; } .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .STYLE3 { font-size: xx-small; color: #999966; } --> </style> <title> Untitled Page </title></head> <body class="thrColFixHdr"> <form name="aspnetForm" method="post" action="default.aspx" id="aspnetForm"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMDUyNjYzMjgPZBYCZg9kFgICAw9kFgICAw88KwAJAQAPFgQeCERhdGFLZXlzFgAeC18hSXRlbUNvdW50AghkFhBmD 2QWAgIBDw8WBB4EVGV4dAUG5a2k54usHgtOYXZpZ2F0ZVVybAUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTFkZAIBD2QWAgIBDw8WBB8CBRjmsqHmnInml6DnvJjml6DmlYXnmoTniLEfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTJkZAICD2QWAgIBDw8WBB8CBQzpvJPlkLnoh6rnlLEfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTNkZAIDD2QWAgIBDw8WBB8CBQblir/liKkfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTRkZAIED2QWAgIBDw8WBB8CBQPniLEfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTVkZAIFD2QWAgIBDw8WBB8CBQzpvJPlkLnoh6rnlLEfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTNkZAIGD2QWAgIBDw8WBB8CBQnlpbPlranlrZAfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTZkZAIHD2QWAgIBDw8WBB8CBQ/kuI3lj5HnmoTmg4XkuaYfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTdkZGSwWPnKc69cmrv7vR5KoJ9/RM55iA==" /> </div> <div id="container"> <div id="header"> <table width="100%" border="0" background="image/yanglihaobarner.jpg" style="height: 40px"> <tr> <td></td> </tr> </table> <div id="sidebar2"> <div id="tip" style="font-size:medium;color:#FFCC00;height:400px"> <span style="color: #ccff33; font-size: 16pt;"><a target="_blank" href="Default.aspx">首页</a></span> | <br /> <br /> <span style="color:#9933cc"> <span style="font-size: 16pt"><a target="_blank" href="album.aspx">相册</a></span></span> | <br /> <br /> <span style="color: #cc9933; font-size: 16pt;"><a target="_blank" href="uploadPhotoes.aspx">上传</a></span> | <br /> <br /> <span style="color: #cc9933; font-size: 16pt;"><a target="_blank" href="liuyan.aspx">留言</a></span> | <br /> <br /> <span style="color: #cc9933; font-size: 16pt;"><a target="_blank" href="Login.aspx">聊天</a></span> | <br /> <br /> </div> </div> </div> <div id="sidebar1"> <table width="100" border="0"> <tr> <td><span class="STYLE3">用户名</span></td> <td> <input name="username" type="text" id="username" size="10" /></td> </tr> <tr> <td><span class="STYLE3">密码</span></td> <td><input type="password" id="password" size="10" /></td> </tr> <tr> <td> </td> <td><input type="button" onclick="validate" value="确定" /></td> </tr> </table> <br /> <br /> <table id="ctl00_DataList1" cellspacing="0" border="0" style="border-collapse:collapse;"> <tr> <td> <a id="ctl00_DataList1_ctl00_HyperLink1" href="article.aspx?articleID=1" style="text-decoration:underline;">孤独</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl01_HyperLink1" href="article.aspx?articleID=2" style="text-decoration:underline;">没有无缘无故的爱</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl02_HyperLink1" href="article.aspx?articleID=3" style="text-decoration:underline;">鼓吹自由</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl03_HyperLink1" href="article.aspx?articleID=4" style="text-decoration:underline;">势利</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl04_HyperLink1" href="article.aspx?articleID=5" style="text-decoration:underline;">爱</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl05_HyperLink1" href="article.aspx?articleID=3" style="text-decoration:underline;">鼓吹自由</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl06_HyperLink1" href="article.aspx?articleID=6" style="text-decoration:underline;">女孩子</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl07_HyperLink1" href="article.aspx?articleID=7" style="text-decoration:underline;">不发的情书</a> </td> </tr> </table> </div> <div id="mainContent"> <div style="height: 890px; width: 344px"> <blockquote> <br /><br /> <center><strong>女孩子 </strong> <p>我爱着自由，爱着孤僻。 </p> <p> 在学校，我认识很少的女孩子。 曾经感觉她们会如我想象中的那么热情，又知情达理。 很想知道她们有什么奇怪的想法，深邃的感情。 男女不会像爱情电影中的主人公可以天天躺在缀着玫瑰花的炕上，也不会只有如毛片中机械的亢奋。 </p> <p>我爱走在遥远的后面望着她们的背影，略去她们的妍媸，幻想她们一定有什么秘密的故事。</p> <p>我幼稚地去试着和她们搭讪，像素面的姐姐或妹妹。她们应该会忽视我所有的缺点吧。</p> <p>现在，我才感觉到我想的很可能是错的，或多或少。</p> <p>我有时在她们面前说出有关性这些被忌讳的话题。 她们惊讶地沉默，不知道是否嗤之以鼻过。想去问一问她们对低俗的理解，却心思疲惫。</p> <p>我对于她们也许只是太普通的人，不是爱人，不是兄弟，不是朋友。人似乎只是为了直接的好处或潜在的利益在伪善与高贵中徘徊。</p> </center> </blockquote> </div> </div> <br /> <table width="779" border="0" align="center"> <tr> <td> </td> </tr> <tr> <td> <div align="center"> </div> </td> </tr> </table> <br class="clearfloat" /> <div id="footer"> <table width="100%" border="0"> <tr> <td> </td> </tr> </table> </div> </div> </form> </body> </html> |
|||||||