HTML - When Editing Text In A Table...
Hello! I'm using tables to make a neat organized version of a menu online. I am trying to get the prices to align from the right side of the column, in the same line as their respective product, as in
One egg .......... $<--I want this to align from the right of the column I tried using the <p align=right>TEXT</p> but when I do this the TEXT I include in the code ends up where I want it, but on the next line. Am I doing something wrong or is there another way to do this? I tried the same code outside of a table and it does the same thing. What can I do to just make the last bit of the line align from the right? Thank you immensely for any help, its been a while since I've buffed up my slightly above beginner level understanding of HTML so I'm a bit rusty Similar TutorialsHey all, I am working on launching a new website for a gaming clan, and I am curious if there is a way to or a code to make other pages retrieve text from the main page. The way the template was set up, I have to copy and paste some of the same info on 5 or 6 pages each time its updated. So my question is: is is possible to get all the other pages to just automatically copy what the main page has Hello chaps, I have a .php page and for some unknown reason the text will not centre itself in each of the cells. It's centred in the horizontal aspect, but vertically it always starts at the top. I thought that one only had to use the align="centre" tag when declaring the table. Interestingly if I convert the .php to .htm then the text does centre itself. What am I missing! Cheers etala Hi everyone, I am an illiterate HTML dummy , and I am hoping someone could help me with some code for a page I am working on. Here is my code: HTML Code: <html> <div align="center"> <br><br> <TABLE border="0" cellpadding="0" cellspacing="10"> <tr> <td width="354" valign="top"> <p><I><font face="Trebuchet MS"><font size="4">Babies & Children...</p></I></font></font> <p><font face="Arial">Each day in the life of your child welcomes new changes, and capturing that ephemeral spirit is one of the great joys of our work. No matter what stage your child is at, we create dynamic and timeless images that will be cherished for generations. We photograph your child / children in a relaxed and fun atmosphere, capturing their spirit and personality. </p></font> <p><font face="Arial">Sessions are available at your choice of location. This includes 15 images on CD-ROM - your choice of colour, black & white or sepia, plus an 11" x 14" enlargement.</p></font> <p><font face="Trebuchet MS"><font size="5">$150</p></font></font> <p><font face="Arial"><a href="mailto: [email]info@brischetto.com.au[/email]">Want something different?</a></li></p></font> </td> <td width="252" valign="top"> <img src="http://brischetto-images.smugmug.com/photos/112098330-M.jpg" alt="Anne bridal" width="400" height="272" hspace="0" vspace="0" border="0" class="smborder" /> </td> </tr> </TABLE> </div> </html> This is the page: http://www.brischetto-images.smugmug...allery/2110958 I really want to move the table / text up so it sits underneath my nav bar. Can anyone tell me how to do this?? Thanks!!! 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 made this table but I don't know how to move the text away from the table 'wall'. I would like it to be about two or three spaces away. I also just noticed the bullets are outside the table in Firefox. I played with making another table inside the table but couldn't get it right. You can see the example here. Thank you. Adam Here is the code: <center><table border="2" cellpadding="2" cellspacing="2" width="61%"> <tr> <td align="left"> <br> <center><a href="http://jimdouglasautosales.com" target="_blank" rel="nofollow"><img src="http://jimdouglasautosales.com/images/Craigslist/CraigslistVehicleListingLogo.jpg" width="400" height="115.4" border="0"></a></center> <hr> <br> <b><font size="5"> <br> <br> <font size="4"> Miles: <br> Options: <font size="3"> <LI type="disc"> <LI type="disc"> <LI type="disc"> <LI type="disc"> <LI type="disc"> <LI type="disc"> </MENU> VIN: <br> <font size="3"> (Ask for a free vehicle history report) <br> <br> Visit our <A HREF="http://www.jimdouglasautosales.com" TARGET="new"> website </A> . Financing and warranties available. We also buy vehicles. </td> </tr> </table> <br> Hi, im fairly new to html, and was wondering how i would go about making a script to submit codes like on worldwaralliancecodes.com any help would be greatly appreciated. ive been searching for hours on google, but dont know what exactly to search for. I wanted to create 2 tables side by side with each other to form 2 columns. What I did was nested 2 tables into 1 table. However when I did this the text of one table is aligned halfway down the column. I tried aligning it to the top but it just stays there. Any idea what the issue is here. I have attached a picture and the source code to show what's going on here. Any help is much appreciated. Jesse Hi On my site, I have a menu on the left hand side. When the mouse is over each option, the inner part of the table turns blue. Once you click on the text inside the mini table-button, it takes you to where you want to go. I would like it so that when you click on any part of the table-button it takes you to where you want to go, instead of having to pin-point the cursor to the text. If you try on my site, I'm sure you will see what I mean. It isn't a major problem, it is just somthing I feel would enhance the user-bility. www.vivalefrench.com Hope you can help, thanks Im hoping someone can help me out on this one im just getting back into coding so im a little rusty but i am somewhat stumped by this issue i have a table that the text refuses to align to top middle unless its divided up into a new cell. The best it will do is align middle left of the cell but refuses to go to the top. The site that it is on with the issue is www.gamersjoy.com the table in question is the center table with updates, as you can see everything is pushed halfway down and aligned to the left Any help would be greatly appreciated as it is slowing me down from finishing my project thanks in advance Tcanuth 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 Hi all. I'm and HTML Newbie and am building a quick and easy site for someone. The way I typically do it for these type of "brochure" style sites is to simply lay everything out in photoshop. Slice it up save as HTML and then edit in Dreamweaver. Here is the HTML as it is now: Quote: <html> <head> <title>JessicaSite</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <p> </p> <!-- Save for Web Slices (JessicaSite.psd) --> <table width="948" height="605" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01"> <tr> <td colspan="5"><img src="images/Services_01.jpg" width="948" height="518" alt=""></td> </tr> <tr> <td><a href="Home.html"><img src="images/Services_02.jpg" alt="" width="176" height="87" border="0"></a></td> <td><a href="Services.Html"><img src="images/Services_03.jpg" alt="" width="178" height="87" border="0"></a></td> <td><a href="Gallery.Html"><img src="images/Services_04.jpg" alt="" width="180" height="87" border="0"></a></td> <td><a href="Designer.Html"><img src="images/Services_05.jpg" alt="" width="193" height="87" border="0"></a></td> <td><a href="Contact.Html"><img src="images/Services_06.jpg" alt="" width="221" height="87" border="0"></a></td> </tr> </table> <!-- End Save for Web Slices --> </body> </html> Pretty simple. In the first Table I'd like to be able to put text in there and have it scroll. How do I do this? I've already tried putting a div style="overflow:auto; tag around the first table but that definitely didn't work. Any suggestions? Bare in mind I know NO CSS and only the basics of HTML. How do I vertically move all of the text (ie Days:Hour:Min:Sec) in the 2nd row of the column that says "Test" to the top of the box? How do I vertically move all of the text (ie Days:Hour:Min:Sec) in the 2nd row of the column that says "Best Time since 2005" to the middle of the box? Thank you. <table border="1"> <tr> <th> </th> <th>Test</th> <th style="color:green">Best Time Since 2005</th> </tr> <tr> <th>Comp X</th> <th> <div id="cpcontainer"> <table><tr class='text' align='center'><td>Days :</td><td> Hour :</td><td>Min :</td><td>Sec</td> </tr><tr class=''text'' align=''center'' style='color:green'> <td>11 :</td><td> 5 :</td><td>0 :</td><td>0</td> </tr></table> </div> </th> <th> <div id="cpcontainer1"> <table><tr class='text' align='center'><td>Days :</td><td> Hour :</td><td>Min :</td><td>Sec</td> </tr><tr class=''text'' align=''center'' style='color:green'> <td>11 :</td><td> 5 :</td><td>0 :</td><td>0</td> </tr></table> </div> </th> </tr> </table> Hi folks, I'm an amateur webpage designer. I've recently set up a page and am trying to see if there's a solution to something I've noticed when I view my page. In Internet Explorer and icab, it shows the way I would like, but in Safari and Firefox, I see a problem. My webpage is: http://www.worldwideaccessiblewashrooms.com At the top, I have the webpage title in a table. In Safari and Firefox, there is more space on the bottom of the text inside the table than on the top. I used a straightforward table html: <center> <table bgcolor="#f2e891" border="0" style="border: 3px solid black;"> <tr> <td><h2>Worldwide Wheelchair Accessible Washrooms</h2></td> </tr> </table> </center> Is there a way I can change this so that there is equal space above and below the text inside the table box? Thanks![/url] Im making a calendar table and i want to be able to change the color of the background depending on the status of the date. and i wanted to know were do i code the conditional statements to determine the color of the background? and hot do i make that text take me to a form when you click on it? thanks for the help, Tavo It seems this is showing in every browser as incorrect. The text is showing below the table when it should be left aligned below the mission tab in the white background. http://billslawnandlandscape.com/test/ Hi, I am new to web design and am trying to design company website without using a site builder. I have built up my container with 3 boxes inside. In the largest I want text on the right and a 1 column 2 row table on the right - to be adjacent to each other but I can't get it to work. I don't want the text to wrap around the table. Please help. G'day guys, This will probably be a simple one for you. I have a table set to 150px, it has to be this width, and I need to have text indented in each cell. Trouble is, when the text wraps to the next line in the cell, it doesn't stay inline or indented. How do I get the text to stay indented when it travels to the next line? Thanks very much for any help you can give me. Cheers, Jamie When you format some text in a table cell (at least with <p> or <li> tags), some browsers drop it down one line, so that it can't fully valign top. Apparently Safari and Firefox do this. (IE seems to not do it - it valigns it to the top). Others may exhibit this behaviour, but these are all I've tested. Here is an example (view with Safari or Firefox to see problem): http://www.fisheyemedia.net/test/ Is there any way around this? Maybe with CSS? I have a more complex table in 2 columns and am trying to get vertical alignments to match. Thanks. Hi, I need to write text in different colors in the cells of a table... for now i use <FONT> but since it is deprecated how can i do this without FONT? HTML Code: <TABLE> <TR> <TD><FONT COLOR=BLUE>BLUE</FONT></TD> <TD><FONT COLOR=RED>RED</FONT></TD> <TR> <TD><FONT COLOR=BLACK>BLACK</FONT></TD> <TD><FONT COLOR=YELLOW>YELLOW</FONT></TD> </TABLE> |