|
HTML - Html Links Alignment Change On Click
hi all,
One strange issue with html <a> tags.We have XP English and Japanese machines and issue is getting only in XP Japanese machines. Issue is tat on clicking any link,link font size gets increased and its comes over other links.Its like a new layer of big font sized links over the old links. Any idea why this happens? Following is my JSP section ============================= <div onselectstart="return false" id="systemMenu" style="position:absolute;top:-75px; left:-20px; "> <label>Screen # : </label> <input tabindex="1" suggest_sel_event="selectScreenIdValue" type="text" title="Provide screenId and Hit Enter key" id="screenIdEntry" name="screenIdEntry"/> <button tabindex="-1" id="SUGGEST_screenIdEntry" onclick="suggestScreenIds()"></button> | <a tabindex="2" href="javascript:selMenu('showHomePage.do','PARENT','')">Home</a> | <a tabindex="3" href="javascript:doHelpFunc()" onmouseover="">Help</a> | <a tabindex="4" href="javascript:aboutiCargo('<%=mainWebBuildVersion%>')" onmouseover="">About</a> | <a tabindex="5" accesskey="o" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','logOffApp')">Lo<u>g</u>off</a> | <a tabindex="6" accesskey="x" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','exitApp')" >E<u>x</u>it</a> </div> =================================================== CSS Used In the page ===================== <STYLE> body{ margin:-1px; scrollbar-base-color: #C6CEDE; scrollbar-arrow-color: #000000; scrollbar-track-color: #C6CEDE; scrollbar-face-color: #C4CED9; scrollbar-highlight-color: #C6CEDE; scrollbar-shadow-color: #C6CEDE; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; } #footer{ position:absolute; left:1%; top:99%; width:97%; text-align:center; font-size : 8pt;font-family : Arial,Verdana,Sans-Serif; /*font:menu;*/ color : #000000; /*background-color:#CCCCCC; */ } .footer{ text-align:center; font-size : 8pt;font-family : Arial,Verdana,Sans-Serif; /*font:menu;*/ /*background-color:#CCCCCC; */ } div.footer table{ border-collapse:collapse; padding:0px; word-spacing : 0px; width: 99%; /*100% of container produces horiz. scroll in Mozilla*/ border: 0px; } div#systemMenu{ color:#ffffff; font-weight:bold; } div#systemMenu button{ border-collapse:collapse; color:#ffffff; font-weight:bold; font-size:12px; border: 0px none; background-color:1F3E6C; width:0px; height:0px; } div#systemMenu input{ /*font-family : Arial,Verdana,Sans-Serif; font-size : 8pt;*/ font:menu; width : 75px; height : 15px; color : #000000; text-transform : uppercase; background : #ffffff; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; border-top-width : 0px; border-top-style : none; border-left-style : none; border-right-style : none; border-bottom-style : none; border-collapse:collapse; } div#systemMenu label{ border-collapse:collapse; color:#ffffff; border: 0px none; background-color:1F3E6C; text-decoration : none; /*font-weight:bold; font-size:12px;*/ /*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/ font:menu; } div#systemMenu a{ border-collapse:collapse; color:#ffffff; border: 0px none; background-color:1F3E6C; text-decoration : none; /*font-weight:bold;font-size:12px;*/ /*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/ font:menu; } div#mainErrorDiv table{ padding:0px; word-spacing : 0px; width: 99%; /*100% of container produces horiz. scroll in Mozilla*/ } /*********************************FONT STYLES********************************/ .iCargoRedText { font-family : Arial,Verdana,Sans-Serif; font-size : 10pt; color : #336666; font-weight : bold; } .iCargoSmallText { font-family : Arial,Verdana,Sans-Serif; font-size : 7pt; color : #000000; } .iCargoPageText { font-family : Arial,Verdana,Sans-Serif; font-size : 10pt; color : #000000; } .iCargoErrorMessage { font-family : Arial,Verdana,Sans-Serif; font-size : 9pt; color : #336666; list-style-position : outside; list-style-type : square; } .iCargoInfoMessage { font-family : Arial,Verdana,Sans-Serif; font-size : 9pt; color : #000000; } div.loadBox { /*font-family: Arial, sans-serif; font-size:9pt;*/ font:menu; color: #FFFFFF; border: 0px none #FF3E3E; background-color: #1F3E6C ; text-align: center; position:absolute; } </STYLE> Similar TutorialsTo briefly explain what is happening.... I can hover over my links on my index.html page. Click any of them which directs me to the proper page... but any remaining licks change to the same as first previously clicked link and stays there Wierd. Therfore clicking does nothing at this point. I can refresh to the index page again and everthing is back to normal. I can hover over any link I want but if I click it it will go to the correct page , but then the remaining link all change to that one. Is the a problem with my html or css file? Thanks Hi, This is my first post I have a website that I've been building and since I've been linking the pages, it goes out of alignment until I refresh the page? It stretches about 6cm to the left although it keeps the left margin at 200. If I click on a link then press the IE back button it uses the full left hand side of the screen. I've not got any margins controlling the left. Would this prevent this, if there is such a thing? Any help or advice would be greatly appreciated Hi, my name is Josh, and I'm fairly new to website design, so therefore, also a little new to HTML. I apologize in advance for the length of my post, but I feel I really need to be specific as much as possible. Let me be honest with you. I have very limited knowledge on the subject, but I am a quick learner. Anyway, I'm creating a directory on my website where the visitor would be able to clink on one of 51 links, aligned in 3 columns, to take them to a page listing businesses within one of the 50 states. The 51st link, of course, would be directing visitors to an international listing page. Then below the links for the different states, there is supposed to be 26 links, one for each letter of the alphabet, so the visitor can find a business by name. Following that, of course, would begin the listing of the businesses. Basically, I've been teaching myself HTML so far by viewing the source code of pages I visit, and I discover a basic idea of how to do different things with web design. Let me show you the format I've been trying to grasp with this project by giving you an example code. The following code places the links for the states all at the bottom, and also they are not aligned properly, as the first column appears higher than the second which is also higher than the third. I'm not sure I quite understand the way this code works, or what mistake I'm making with it. What I would actually rather do is have a code creating a drop-down box which the visitor would just select their option, and be directed to the requested page immediately, but I don't know how to do that either. At any rate, I do also need to figure out how to get those state-by-state links to appear at the top of the business listings instead of at the very bottom of the page the way it is appearing now with this code. If anybody could help me figure out what the heck I'm doing, I would really appreciate it. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0063)[url]http://www.geocities.com/josh**************/connections.html[/url] --> <HTML> <HEAD> <TITLE>Connections</TITLE> <body background="http://www.geocities.com/clipart/pbi/backgrounds/Template_Pages/aboutme_techie_bg2.gif" bgcolor="#000000" link="#ff0000" vlink="#ff00ff" text="#00ff00" > <table border=0 cellspacing=0 cellpadding=0 width=650> <tr valign="top" align="left"> <H1><A name=top>Connections</H1></FONT></A> <P><IMG height=4 src="" width=500></P><FONT color=#0000ff> <H2>Welcome to...</H2></FONT> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="left" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/alabama.html">Alabama</A><br><A href="http://www.geocities.com/josh**************/arizona.html">Arizona</A><br>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="center" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/kentucky.html">Kentucky</A><br><A href="http://www.geocities.com/josh**************/louisiana.html">Louisiana</A><br>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="right" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/northcarolina.html">North Carolina</A><br><A href="http://www.geocities.com/josh**************/ohio.html">Ohio</A>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <P><A href="http://www.geocities.com/josh**************/connections.html#A">A</A> <A href="http://www.geocities.com/josh**************/connections.html#B">B</A>...</P> <P><A href="http://www.geocities.com/josh**************/connections.html#N">N</A> <A href="http://www.geocities.com/josh**************/connections.html#O">O</A>...</P> <P><A href="http://www.geocities.com/josh**************/home.html">Return To Home Page</A></P> <FONT color=#00ff00> <H3>13AD LUC ENT</H3> <ADDRESS>12341 Nellis Street, Springfield Gardens, NY 11413-1440</ADDRESS> <ADDRESS>718.807.8811</ADDRESS>... <H3>Zoom Records</H3> <ADDRESS>19 Embarcadero Cove, Oakland, CA 94606</ADDRESS> <ADDRESS>510.535.9666</ADDRESS> <P><A href="http://www.geocities.com/josh**************/connections.html#top">Return to Top</A></P> <P><A href="http://www.geocities.com/josh**************/home.html">Return to Home Page</A></P> </BODY></HTML> As you can see, my knowledge of HTML is pretty basic, and I'm sure you can tell that I tried to abbreviate this excerpt code as much as possible to conserve space on this post. I placed three dots "..." in many places to signify where large irrelevant portions of the page have been omitted, especially where I eliminated the thousands of business listing codes...lol. It may also have not been necessary to provide as much of the code as I did, but I just wanted to make sure that what I need is understood so perhaps I can get some help. Thank you everyone in advance for your assistance... Is there any way to have one hyperlink change to another once it is clicked? And I want it to change to the link of the page of the member who clicked it. Also, I want it to not change if a someone who isn't a member clicks it. my website has 2 frames that have to change all the time(main content, and news), so sometimes when I click on one link(from navigation), I want it to call two links for me(one of them changes main content, and one of them changes news). for exampe, how to I call two links from below in one click? <a href="index.php?news=hi">Hi</a> <a href="index.php?news=hello">Hello</a> I tried something like this but it doesn't work : <a href="index.php?news=hi" AND "index.php?news=hello">Hi and Hello</a> I also notice there is a way to use "Onclick" function to solve the similar problem, but it does not fit in my code. Please, help me if u know the answer. thank you I was wondering if anyone knew what it means when links have that protocol at the end of them, like &Click=3949? My guess is that it is a way to track links to give the link giver credit. Is that right? Hi, I have a text link, when a user clicks it, I want multiple URLs to open in a new tab/window. I guess it's a javascript solution, yea? After searching the net for 30 mins I can't find anything. Thx in adv hey hotties, I need to know how to get this address line aligned to the right and colored yellow, please help me im already a month behind, any help will be greatly appreaciated. luv ya! Tiff here it is: tell me what i did wrong please! <!--Address--> <td width="620" height="15" colspan="3"; valign="right" style="background-image: url(back2.jpg)"; font-family: sans-serif; font-size: 0.7em"; color: rgb(255,255,0)">dHome Inc. 734 Whisper Lane Ashton, MN 38715 1 (800) 555-7487 </td> </tr> </table> </body> </html> Short Sersion: What the best way to make a link dragabal but not clickable while being dragged? Long Version: I have a bunch of icons links (in layers) that the visitor can drag over the screen and even remove if they want to. (it's totally cosmetic, and everything is reset as soon as the page is refreshed, but it ads a level of detail - hence why am doing it) Since this is an unnecessary function it cannot interfere with the visitor’s ability to use the site smoothly. Therefore my issue; Since the links are dragabal, as soon as you click the link to drag it does what a link does and loads the page (after you release/drop it) Fix 1. The Shift. The quickest fix is to set the top margin of the button to the height of the image of the button. This way when you click it the button is shifted down and the handle becomes the area above the button, this way you can’t click the button while dragging. This does somewhat kill the effects, it looks a little odd when you go to click and drag the link and suddenly the links shifts down and you are holding the empty space above it. But it does solve the problem very simply and there for should be considered. Fix 2. The DblClick This is even a simpler fix to fix1 but it could interfere with the usability of the site… Setting the link to activate on a double click instead of a single click. This way the click to drag the button doesn’t activate the link. http://www.htmlforums.com/showthread.php?t=84281 Fix 3. “Block Layer” Another thought is to show a hidden layer when the drag function is activated this will block the link from being clicked. The “block’ layer can be hid again once the button is dropped, or in my case since I am already using the on drop event and have “only when snapped” checked, set the “block” layer to hide on mouse out, and assign a onclick link to the “block’ layer as well, incase the visitor tries to click the link after dragging it without mouseing off it first. This as far as I can see is the best compromise, however it adds a lot of additional code and mouse events that could effect the performance of the page. The best fix would be to disable the onclick event while dragging but I am not sure how to do that, and if you even can. Additionally I would assume that if disabled, the onclick event would need to be enabled after dragging, and since I am already using the on drop/ when dropped event and have “only when snapped” checked that could pose a problem. Any thoughts? Hey guys, I was wondering if anyone could help me? I wish to produce a website which works in the following way: The header and footer remain the same, and do not reload on page refresh. Then, links on a menu bar stimulate loading a new page, however only the content below the header changes. An example of this, is the CushyCMS website (http://www.cushycms.com). When you click the menu links, the header doesn't reload, only the page content does. How would I do this? My reason for wanting this method, is because I wish to have an image slider present within the header of all of my pages, and I don't wish to have to update every page each time I wish to add an image. Please help? Many thanks, Luke I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! Hi, when I save a word doucment as a html, the Alignment moves from centered to Left alignment. Is this normal? Can i stop this from happening? I am a basic user of a PC. Thanks. SD Can someone help me. If you go to ColinQuinn.Net, you can see all the text is in one column under the pic. I want to get the text to the right of the photo, and proceed the text all the way across in normal form. If I paste it to word, it comes out fine. I dont understand whats wrong with it. Thanks. Hi Everyone, I'm really needing help. I'm taking a stab at building my first webpage to my Dad's business. I am trying to figure out how to put a company logo in the top left corner, but every time I do it moves everything around. Does anyone have any idea on how I can keep the current format but also put a logo in the top left corner? Any and all help is greatly apprecaited as this is the 3rd or 4th forum I have posted on looking for help. The site is www.bennettspainting.com Best Regards, Aetrox In the new website I am building, I have one line that displays at the top of the page out of place. It is similar to 2 other pages that are coded correctly. I think the best way to describe it is for you to take a look. NOTE: ALTHOUGH PAGES ARE .PHP, THEY ARE JUST HTML FILES WITH PHP EXTENSION, SOME PHP IS GOING TO BE IMPLEMENTED IN THE FUTURE BUT THERE IS NONE YET. Page that is wrong: www.heartlandcustom.com/greenproducts.php Similar correct pages: www.heartlandcustom.com/residentialproducts.php www.heartlandcustom.com/commercialproducts.php Code: HTML 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>
<title>insidecontent</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
-->
</style></head>
<body bgcolor="#587652">
<!-- DO NOT MOVE! The following AllWebMenus code must always be placed right AFTER the BODY tag-->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR greentext ******** -->
<script type='text/javascript'>var MenuLinkedBy='AllWebMenus [4]',awmMenuName='greentext',awmBN='DW';awmAltUrl='';</script>
<script charset='UTF-8' src='greentext.js' type='text/javascript'></script>
<script type='text/javascript'>awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR greentext ******** -->
<!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag-->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR residentialtext ******** -->
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="residentialtext",awmBN="730";awmAltUrl="";</script>
<script charset="UTF-8" src="residentialtext.js" type="text/javascript"></script>
<script type="text/javascript">awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR residentialtext ******** -->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** -->
<script type='text/javascript'>var MenuLinkedBy='AllWebMenus [4]',awmMenuName='menu',awmBN='DW';awmAltUrl='';</script>
<script charset='UTF-8' src='menu.js' type='text/javascript'></script>
<script type='text/javascript'>awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->
<!-- ImageReady Slices (insidecontent.psd) -->
<table id="Table_01" width="781" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5"><img id="insidecontent_01" src="images/insidecontent_01.jpg" width="780" height="97" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="97" alt="" /></td>
</tr>
<tr>
<td colspan="4"><div align="center">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="711" height="350" id="CoffeeCup" align="middle">
<param name="movie" value="myalbum3.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<embed src="myalbum3.swf" quality="high" bgcolor="#ffffff" width="711" height="350"
name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<p> </p>
<p> </p>
<p> </p>
<p align="left"> </p>
</div>
<span id='awmAnchor-greentext'> </span></td>
<td rowspan="5"><img id="insidecontent_03" src="images/insidecontent_03.jpg" width="47" height="653" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="575" alt="" /></td>
</tr>
<tr>
<td id="awmAnchor-menu"></td>
<td colspan="3" rowspan="2"><img id="insidecontent_05" src="images/insidecontent_05.jpg" width="193" height="40" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="35" alt="" /></td>
</tr>
<tr>
<td rowspan="3"><img id="insidecontent_06" src="images/insidecontent_06.jpg" width="540" height="43" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="5" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img id="insidecontent_07" src="images/insidecontent_07.jpg" width="20" height="38" alt="" /></td>
<td><img id="insidecontent_08" src="images/insidecontent_08.jpg" width="121" height="22" alt="" /></td>
<td rowspan="2"><img id="insidecontent_09" src="images/insidecontent_09.jpg" width="52" height="38" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="22" alt="" /></td>
</tr>
<tr>
<td><img id="insidecontent_10" src="images/insidecontent_10.jpg" width="121" height="16" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="16" alt="" /></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Thanks, Anders im not sure if this is an issue with html or css but im i have 3 columns in a table of 1 row and im using css to assign a background image to the table columns and the 1st and 3rd column will not top align the background image properly to line up with the background image of the 2nd column (or possibly its the 2nd not lining up with the 1st and 3rd) i will link to the site and post the affecting code here (you can view source on the page to see the html) http://www.wiffleague.com/main.php Code: td.mainBoxTitle
{
background-color: #4d6066;
background-image: url('../images/topmiddleedge.png');
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
font-family: Geneva, Verdana, Tahoma;
color: #000000;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
td.mainBoxTitleLeft
{
background-color: #4d6066;
background-image: url('../images/topleft.png');
background-repeat: no-repeat;
background-position: top left;
font-family: Geneva, Verdana, Tahoma;
color: #000000;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
td.mainBoxTitleRight
{
background-color: #4d6066;
background-image: url('../images/topright.png');
background-repeat: no-repeat;
background-position: top right;
font-family: Geneva, Verdana, Tahoma;
color: #000000;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
note: the 3 background images in question were sliced off of the same original psd file and exported as png files using the same pixel height per slice (35px) and a 35px width for the left and right image with a 3px width for the middle image I have my sidebar to the bottom center. I want it to the left of my content. l-------------l ----------------------------------------------------------------- l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l l------------ l l----------------------------------------------------------------l That's what I want it to look like. Here's my code right now; <center><TR height=*> <TD bgcolor=2f2f2f valign="left"><font color=eaeaae> <CENTER> <BR><BR> <TABLE border=0> <TR width=25%><TD bgcolor=green><CENTER><FONT SIZE="+3"><A HREF="index.html">Home</A></FONT></CENTER></TD></TR> <TR><TD bgcolor=darkgreen><CENTER><FONT SIZE="+3"><A HREF="characters.html">Characters.</A></FONT></CENTER></TD></TR> <TR><TD bgcolor=green><CENTER><FONT SIZE="+3"><A HREF="mguide.html">Mission Guide</A></FONT></CENTER></TD></TR> <TR><TD bgcolor=darkgreen><CENTER><FONT SIZE="+3"><A HREF="contact.html">Contact</A></FONT></CENTER></TD></TR></center> </CENTER> </font></TD> <TD valign="left"> Hi I'm a bit of a newbie to any kind of HTML codes Ive made a Test website so I can try out this piece of software that helps to create mobile web sites using HTML Here's the Website : http://82.45.130.37/atozcouriers/ftp...001/index.html Heres the HTML : http://www.2shared.com/document/XdlY...html?(Password :21) I am using notepad to edit as any web editor messes up the viewing of the website in a Mobile Browser The mobile Browser is Safari on iPad,iPhone or iPod touch My problem only happens on one page , the homepage. It aligns the main body to the right a bit and adds a line I've experimented a bit but as I'm a newbie I'd don't know what to do. Any help would be gratefully appreciated. Thanks keirjohnharry Hi guys, I've created an advert with some affiliate links in that I want to display on my main pages of my website. I have only fairly recently jumped into the world of web design/development so I've probably not made the most efficient page. The advert is layed out inside a table that is 4 columns and 2 rows and everything seems fine when I view that page. Except, when I put this page into my main pages (via an iframe) it shows nearly correctly, but the alignment is slightly off: the second column in is a few pixels down than the others. I have checked the coding over and over to no avail. Is there maybe a reason for this? Or some tips that you could give? I did try yesterday by just copying and pasting the code directly from the advert page to the main pages which require them - but that's a whole new can of worms! The alignment of that attempt was beyond a joke (even then I couldn't work it out...). Many thanks in advance for your ideas. Hi This is what i have: PHP Code: div id="wrapper"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="17%" ><img src="element.png" width="230" height="381" /></td> <td width="29%" align="left">middle</td> <td width="25%" align="left" background="backimg.png"><p>dfg</p></td> <td width="29%"></td> </tr> </table> </div> and this is what i get: Basically i have a table with 3 cells, the left (with the pink effect), the middle, and the right side. What i want is that image effect which is in left side of the page to be always aligned at top. should i create another <div> inside the <td> and put the image in the <div> ? is there a good way to do this ? Thanks |
|||||||