HTML - Txt Align Prob
i am having a headache with a text align issue. when viewed in IE it is fine. In firefox it gets messed up. I cant figure out what is wrong. I am trying to wrap text around the pic so i got one table with 2 columns. the left column has a pic, the right the font. i then have another table under this containing the rest of the text so that it goes under the pic. in ie this views fine...it firefox there is a pretty big space...making it not look seamless. can anyone give me an idea on how to fix this. my style sheet for the font doesnt only has justified command...the rest of the alignment is being done with html. i have included a link if you want to take a looksie. thanks
www.studenberg-law.com/profile.htm Similar TutorialsHi folks Just upgraded to firefox 3 and am having problems with a webpage. It is an html table website and firefox 3 is wrecking it. firefox 2 worked fine. I was wondering if anyone could give me an idea what is happening and how to fix it. It looks as if it is repeating some of td code. I know i should switch this over to full on css coding but until then how can i fix it!!?? the web site is http://www.studenberg-law.com Hi. Little Help Please. In a plain old html page when referencing files the absolute path should be from the DocumentRoot right? so: /images/blah.gif should point to /var/www/html/images/blah.gif from a local point of view if DocumentRoot='/var/www/html' right? how come when i try the first i cant find the image, but the second way works? Shouldnt everything above DocumentRoot be invisible to a html file?? Cheers. I am having a problem in FF and IE when resizing the screen on this site:- http://www.parentk12.com/wnp/ The two right hand divs drop off when the screen size is reduced. This does not happen in Opera. I realise that Opera is the most CSS standards compliant browser but I'm fairly new to this game and dont know how to work the CSS magic to fix the problem in FF and IE. The pages all validate so I dont know what else I should do. Any help would be GREATLY appreciated. Best Regards CS Hey guys In internet explorer, in a computer that has Skype installed on it, Skype makes all telephone numbers in webpages into Skype buttons with a Skype menu! Here is an example. http://thebrowserhighlighter.com/images/tool_skype.gif There are two problems with this: As a result, Skype takes control of the graphics, it changes the font, the size, and adds a Skype button near it! The second problem is that Skype also "thinks" IDs and or catalog numbers are PHONE numbers, and does the same thing to them! Is there a way to disable Skype from doing this (not in MY computer, in the HTML itself)? Hey guys, im a noob at html, but im a graphic designer so decided to put my own site together. i used dreamweaver to make the code but have come across a problem. www.londonjam.co.uk in firefox, everything is ok, but in explorer there are gaps. just below the email address and at the bottom of the p on portfilio. Could someone please help me as i need to promote my site, but want it looking correct before i do Thanks Dan have developed a basic site for our PTA i have included a passworded page where i can upload information in private this all seems to work fine BUT i have found a problem to which i need advice on from you guys and that is when you go through the password log in bit (all fine works) i am in then you hit the home page link i(its fine works) but then when you go back to re log in after homing it returns you not to the password area but directly to the passworded page . i used html password lock to do my pass wording any help most welcome thanx hey guys .. lil help if you could .. iv jst began to put some of my work online and just breakin into html .. iv uploaded a splash for my website but i seem to be gettin a white bar along the right hand side and bottom .. the 1st time u veiw the site its fine .. but then u click back or refresh . and this white appears !! its prob a simple mistake in the code im thinkin .. but i dont know wat .. if someone can look and hopefully tell me how to fix .. much appreciated cloud9.mythicx.com I have this site I designed, of course I like it perfectly in Internet Explorer but when I tried it in FIREFOX something gets messed up. http://idesrecordings.com/testindex.htm Basically, you scroll over the cagalogue numbers [ID03] etc. If you click on one, a new smaller window opens. This works perfectly in IE for me. In Firefox, when I click on it, the smaller window opens, and the background window a few seconds later follows and displays the small page fullscreen as well. Basically, I want the homepage to always be in the background, and these seperate pages to always be in the smaller windows. I'm on a PC, I notice in Firefox it works properly if you RIGHT click on the items, but most people are going to LEFT click, so... I need it to work the same as it does in Internet Explorer. What do I do?! Code: <div id="Layer2" style="position:absolute; width:394px; height:291px; z-index:2; left: 93px; top: 165px" class="greenlinks"> <p><font face="Segoe Media Center"><font size="2"><b><font face="Arial Unicode MS">TAPE SERIES DISCOGRAPHY <br> </font></b><font face="Arial Unicode MS">[click on cataglogue number for more info]</font><font face="Arial Unicode MS" size="2"><br> </font></font></font></p> <p class="links"><font face="Arial Unicode MS" size="2"><a href="01cribdeath.htm" class="hoverlink" onMouseDown="MM_openBrWindow('01cribdeath.htm','','width=350,height=450')">[ID01]</a> CRIB DEATH "Nursery" c26<br> <a href="02climaxdenial.htm" class="hoverlink" onMouseDown="MM_openBrWindow('02climaxdenial.htm','','width=350,height=450')">[ID02]</a> CLIMAX DENIAL "Sexuality is Curse" c32<br> <a href="03skullerection.htm" onMouseDown="MM_openBrWindow('03skullerection.htm','','width=350,height=450')" class="hoverlink">[ID03]</a> SKULL ERECTION "Towards Failure" c20<br> <a href="04panicsville.htm" onMouseDown="MM_openBrWindow('04panicsville.htm','','width=350,height=450')" class="hoverlink">[ID04]</a> PANICSVILLE "Psychosexual" c40<br> <a href="05waltercarson.htm" onMouseDown="MM_openBrWindow('05waltercarson.htm','','width=350,height=450')" class="hoverlink">[ID05]</a> WALTER CARSON "Three Ellipticals" c30<br> <a href="06glassbath.htm" onMouseDown="MM_openBrWindow('06glassbath.htm','','width=350,height=450')" class="hoverlink">[ID06]</a> GLASS BATH "Grey Gardens c40<br> <a href="07chambers.htm" onMouseDown="MM_openBrWindow('07chambers.htm','','width=350,height=450')" class="hoverlink">[ID07]</a> N. CHAMBERS "Reciprocity" c30<br> <a href="08sixes.htm" class="hoverlink" onMouseDown="MM_openBrWindow('08sixes.htm','','width=350,height=450')">[ID08]</a> SIXES "Slit Ritual" c30<br> <a href="09caves.htm" class="hoverlink" onMouseDown="MM_openBrWindow('09caves.htm','','width=350,height=450')">[ID09]</a> CAVES "My Kingdom" c60<br> <span class="hoverlink"><a href="10kites.htm" class="hoverlink" onMouseDown="MM_openBrWindow('10kites.htm','','width=350,height=450')">[ID10]</a></span> KITES "Deny 1" c40<br> <a href="11raglani.htm" onMouseDown="MM_openBrWindow('11raglani.htm','','width=350,height=450')" class="hoverlink">[ID11]</a> RAGLANI "Oneism" c30<br> <a href="12sabuse.htm" onMouseDown="MM_openBrWindow('12sabuse.htm','','width=350,height=450')" class="hoverlink">[ID12]</a> SECRET ABUSE "Master I Have Desire" c30</font></p> hoverlink is the name of my CSS for rollover links. Hopefully this makes sense. Hi, Can anyone tell me how i can accomplish this: http://www.tendervendors.com/dev/index-table.html without using display: table-cell. Atm, the exact same code, just without display: table-cell displays: http://www.tendervendors.com/dev/index.html Anyone got any ideas? TIA Matthew Millar I'm learning HTML and the teacher has us learning deprecated tags - Just to let you. If I want to center this tag, where do I put the align code? <h1><font color="#4f4fc1">HTML Forums</font></h1> HELP! why can't i align my texarea and my three side panels? http://www.hottunaint.com/press7test.html i have this 2 images firefox ie7 how can i make the page in in intenret excplorer to look like in firefox? here is the code PHP Code: <?php include("muzica/config.inc"); $link = mysql_connect($mysql_host, $mysql_username, $mysql_password); $result = mysql_query("SELECT id, name, artist, catagory, size FROM ".$mysql_database.".songs ORDER BY id DESC LIMIT 5;"); for($i = 0; $i < mysql_num_rows($result); $i++) { echo "<br style=\"line-height:3px\">"; echo "<table width=\"100%\"><tr><td width=\"80%\"><img src=\"images/marcer.gif\" align=\"left\" style=\"margin-left:6px; margin-right:6px\"><span class=\"orange\"><a href=\"muzica/browse.php?catagory=".mysql_result($result, $i, "catagory")."\" class=\"orange\">".mysql_result($result, $i, "artist")." - ".mysql_result($result, $i, "name")."</a></td> <td>".mysql_result($result, $i, "size")."</td> </tr></table></span>"; echo " <br style=\"line-height:9px\">"; echo "<img src=\"images/hl2.gif\"><br>"; } mysql_free_result($result); mysql_close($link); ?> Hi, I wonder if anyone could help me solve what is probably a very simple problem. My website is www.danmondayeteaching.com In Chrome and Safari it displays how I want it. However, in IE my e-mail address will not align right. In Firefox there is a thin black border to the cell with my e-mail address in. I've tried lots of ways to solve the problem to no avail. Here is the offending code: <tr> <td nowrap width="80%" border= "0" style="border-style: none; border-width: medium" height="102"> <p style="margin-left: 6; margin-top: 0; margin-bottom: 0"><b><font color="#FFFFFF" size="6" face="Verdana">Dan Monday E-teaching</font></b> </p> <p style="margin-left: 6; margin-top: 0; margin-bottom: 0; horizontal-align: middle"><b><i><font color="#A8E1F2" face="Verdana"> <img src="skypelogo.png" alt="Skype" img style="vertical-align:middle"> your way to better English</font></i></b> </td> <td width= "20%" border= "0" style="border-style: none; border-width: medium" height="102"><td align= "right"> <p style= "text-align: right; margin-right: 28;"><b><font color="#FFFFFF" size="4" face="Verdana">monday.daniel@gmail.com</font></b></p></td> </tr> tldr - IE won't align my e-mail address to the right. Thanks in advance for any suggestions. I'm trying to make this page/table align to the top of the page so that when the entire page is maximized, it will still "stick" to the top rather than in the middle of the page. The editor I am using (Visual Studio 2003) shows that it is at the top of the page but when running it and maximized the page, the content is centered to the middle of the page. Any ideas on how to resolve this? It is using a bit of CSS too..... Code: <body bottomMargin="0" rightMargin="0" MS_POSITIONING="GridLayout"> <form class="crm" id="crmForm" method="post" runat="server"> <table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0"> <tr> <td> <table height="100%" cellSpacing="0" cellPadding="0" width="100%"> <TBODY> <tr> <td> <div class="simon"> <table style="TABLE-LAYOUT: fixed" cellSpacing="0" cellPadding="0" width="100%" border="0"> <COLGROUP> <col width="110"> <col> <col> <col width="120"> <TBODY> <tr> </tr> <tr> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24"> </td> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Candidate Details</td> <td style="FONT-WEIGHT: bold; WIDTH: 299px; BORDER-BOTTOM: black 1px solid" height="24">Vacancy Details</td> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Filtering Options</td> </tr> <!--etc..... --> css: Code: formButton { background-color: #6699cc; padding: 2px 4px 3px 4px; color: #000000; font-size: 8pt; font-family: tahoma; height: 17px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B4C5DF, EndColorStr=#91A9D0); border-width: 0px; } TEXTAREA { font-size: 8pt; font-family: tahoma; width: 100%; height: 100%; border: 1px solid #7b9ebd; } .inputfields { font-size: 8pt; font-family: tahoma; width: 100%; height: 19px; border: 1px solid #7b9ebd; } INPUT.rad { width: 15px; border: 0px; cursor: hand; } DIV.tab { overflow-y: auto; padding: 10px; } TD.sec { width: 100%; color: #000000; font-weight: bold; padding-left: 0px; padding-bottom: 2px; text-overflow: ellipsis; overflow: hidden; } TD { font-size: 11pt; font-family: tahoma; } TD.bar { border-bottom: 1px solid #000000; } TD.req { font-weight: bold; color: #9F2409; overflow: hidden; text-overflow: ellipsis; padding-top: 5px; } TD.statusBar { background-color: #63769B; color: #ffffff; padding-left: 5px; height: 24px; border-bottom: 1px solid #485673; font-weight: bold; } LABEL { cursor: hand; } TD.radioLabel { padding-left: 2px; padding-right: 10px; } TABLE.layout { table-layout: fixed; width: 100%; height: 100%; } div.tab { width: 100%; height: 100%; border: 1px solid #466094; background-color: #EEF0F6; display: none; } body { font-size: 11px; margin: 0px; border: 0px; background-color: #EEF0F6; cursor: default; } td { font-size: 11px; } table { cursor: default; } a { color: #0000ff; font-weight: bold; } span.menu { height: 100%; padding: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #7288AC; } table.mnuBar { color: #000000; height: 22px; width: 100%; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#DCDFE5, EndColorStr=#BDC2CB); } td.mnuTitle { font-size: 11px; font-weight: bold; letter-spacing: 1px; cursor: default; color: #000000; } td.mnuRight { width: 100%; text-align: right; padding-right: 5px; } DIV.header { font-size: 20px; font-weight: bold; color: #000099; margin-bottom: 20px; border-bottom: 1px solid #000044; } TR.header { font-weight: bold; background-color: #E0E3E8; } th { border-right:0; border-left:0; background:url(imgs/bar_line.gif) left center no-repeat; } dataGrid.Table { border-collapse: collapse; border-spacing: 0; background-color: #000000; } dataGrid.td, th { margin:0; padding:0; } .Glass { background-image:url(Img/Blank.gif); background-repeat:repeat-x; } .Glass:hover { background-image:url(Img/GradientBlue.gif); background-repeat:repeat-x; } i have a javascript running a scrolling text on my site and im trying to position it to either align to the right or set x,y coordinates... i already tried putting align =right in the tag and it didnt work here is what im working with... http://www.freewebs.com/fallingrain11/1.html here is the call up im using i also <iframe width="165" height="215" src="irawr-scrollernewstic.html" SCROLLING="no" FRAMEBORDER="0" border=0></iframe> <td valign="top" background="" rowspan="9" width="666"><div style="width: 200; height: 200; background-color: transparent; font-family: arial; font-size: 11px; color: FF2222; font-weight: normal; font-style: normal; text-align: left; border-width: 1px; border-style: solid; border-color: 952716; overflow: auto; padding: 5px;">Test</div> This is the code i have. How would i move it away from the top and left side by a certain amount of pixles? For example, 100 pixles from top and 50 from left side. Hi every one. Well i have a problem with align="center" In tow PCs this align not working (its not coming to center) In one PC that i tried somehow its work. I did the same in all 3 PCs. So my question is why ??? Thanks I have three DIV: <!-- Top 5 Hotels --> <div id="top5container"> HOTELS/RESORTS<br /> </div> <!-- Top 5 Restaurants --> <div id="top5container"> RESTAURANTS </div> <!-- Top 5 Shows --> <div id="top5container"> ENTERTAINMENT </div> I want to wrap those three DIVs (most likely in another DIV) and have them centered in this DIV. See www.vegastraveling.com and see on the welcome page. I want the 3 "top 5" to be centered... but I can't seem to have it work So it's basically centering 3 DIVs within a DIV. I have a list of items and I want to display image on the right side of one list item. How can i do it? For example: <ul> <li>Coffee</li> <li>Tea</li> </ul> I want to display a rectangle figure on the right side of 'Coffee' text. On the following page, i am trying to align the freewebs button in the bottom corner of the page: http://www.freewebs.com/jaceyanimation/ i can only figure the align right, so when i want it in the bottom corner of the page, i'm having to add alot of <br>'s. Is there a way the make a vertical wrapper, and align it that way? |