HTML - Html Table Help Needed
Hi, is there a way to have a table with "0" height. I need a table on my webpage to make the search engines skip the menu column beneath and go straight to the middle column (1, 2, 3, 4) as in: http://www.seoelite.com/Lessons/HTML_SEOLesson2_b.jpg
This is my test site: http://www.monkeygambling.com/new%20...indexnew.shtml I have put the table in just above "casino Bonus" and left the borders on so it is visible (something has happened to the borders of the left hand column and if anyone could tell me how to fix that it would be great). As you can see the table I inserted pushes the menu underneath down a bit. Basically I want to know if I can make it go back level with the top? thanks Similar TutorialsI have the code, as shown in the right side bar at: http://www.actnowseminars.com/ What I need is to create some space below each graphic and also a little space to the right of each graphic. The code I'm using is: HTML Code: <table align="center"> <tr> <td colspan="2"> <a href='http://www.coachinggurus.net/leadershipgurus30.php' target="_blank"> <img src='http://leadershipgurus.net/images/lg-dua.jpg' title='Award of Excellence' border='0'/> <br />Top 30 Coaching Gurus 2011</a> </td> </tr> <tr> <td> <a href="http://www.riabiz.com/a/7638682" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/RIABiz93X26.jpg" width="93" height="26" alt="Featured in Ria Biz Logo" /></a> </td> <td> <a href="http://www.entrepreneur.com/article/219477" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/entrepreneur92x20.jpg" width="92" height="20" alt="Featured in Entreprenur Magazine" /></a> </td> </tr> <tr> <td> <a href="http://www.bottomline.com" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/bottomline96X26.jpg" width="96" height="26" alt="Featured in Bottom Line Personal" /></a> </td> <td> <a href="http://www.financial-planning.com/channels/practice_management.html" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/advisor98X23.jpg" width="98" height="23" alt="Advisor Max" /></a> </td> </tr> <tr> <td> <a href="http://www.nyreport.com/index.cfm?fuseaction=Feature.showFeature&FeatureID=813" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/NYReportSm98X25.jpg" width="98" height="25" alt="Featured in the New York NY Enterprise Report" /></a> </td> <td> <a href="http://money.cnn.com/magazines/moneymag/moneymag_archive/2006/07/01/8380777/index.htm" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/Money92X28.jpg" width="92" height="28" alt="Quoted in Money Magazine" /></a> </tr> <tr> <td> <a href="http://www.marke****ch.com/story/given-the-current-financial-turmoil-nows-the-time-to-pitch-in?dist=news%2CprintMidSection&print=true" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/marke****chlogo98X30.jpg" width="98" height="30" alt="Featured in Market Watch" /></a> </td> <td><a href="http://www.thestreet.com/s/get-ya-noo-yawk-ice-cream-here/newsanalysis/sbmanagement/10395543.html?" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/theStreetmed100X18.jpg" width="100" height="18" alt="Quoted in TheStreet" /></a> </td> </tr> <tr> <td> <a href="http://www.marketingsherpa.com/article-by-person.html?person=Maria+Marsala" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/marketingsherpa97X23.jpg" width="97" height="23" alt="Marketing Sherpa" /></a> </td> <td> <a href="http://www.electronicretailermag.com" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/electronicretailer99X30.jpg" width="99" height="30" alt="Electronic Eretailer" /></a> </td> </tr> <tr> <td><a href="http://nawbo.org/content_9338.cfm" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/nawbo99X31.jpg" width="99" height="31" alt="National Association of Women Business Owners" /></a> </td> <td> <a href="http://www.marketingprofs.com/9/email-tactics-that-can-put-you-out-of-business-moran.asp" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/marketingprofs98X23.jpg" width="98" height="23" alt="Marketing Profs" /></a> </td> </tr> <tr> <td> <a href="http://eblasts.workingmothermediainc.com/newsletter/NAFE_enews/enews142.htm" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/Nafe_Logo75x75.jpg" width="75" height="75" alt="Featured in National Assocation for Female Executives Newsletter NAFE" /></a> </td> <td><a href="http://www.chiroeco.com/chiropractic/news/9100/1217/Build-a-better-practice/" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/chiroeconomics97X33.jpg" width="97" height="31" alt="ChiroEconomics" /></a> </td> </tr> </table> Thanks in advance... Hi all, I love the design of this forum. I have a very annoying HTML problem and really need help. Would REALLY appreciate it. On some of the pages there's too much space between the table cells. I've tried EVERYTHING and couldn't find the source of the problem. Take it as a challenge and please help... Try this: http://www.canaseed.com/Search.aspx?search=csdc I've attached a gif file that describes the problem. Thank you so much for your help... Hi guys, I'm making a newsletter template while volunteering for a charity. I'm very much not an expert in html and I'm really stumped as to how I've gotten the code for laying out cells in such a mess. I managed to make a template with a less complex layout but then modified it and this happened: I've highlighted the areas with a red ring where there is grey and there shouldn't be. It was perfectly fine when the newsletter sections were two per row but when I modified the code so that the first section took an entire row it went downhill Where the grey is there aren't actually cells and when I try to put ones in in the correct place, they turn up somewhere unexpected and wreck the whole layout. Can someone please help me? I have uploaded my work he [now deleted] Thank you for any help you can give! am having problems with a table i need to add a text box of size 3 max length of 3 right next to the Phone number box. but when i added as a new <td> it moves the whole table and it gets broken. you can see it in this link what's the table like http://www.heartofgoldprogram.com/charities/index3.php i need to add the text box right next to the phone number with a little space in between... its actually to add the box for a Extension... so you will have the phone number digits and in case you have an extension in your number you will put it in this box that i am trying to figure out how to do it. if anyone can help me it will be great... the code where that box need's to be is this one <tr> <td valign="middle" height="44"><b>Phone: *</b><br /> <input type="text" name="phone1" id="phone1" value="" size="3" maxlength="3" style="margin-bottom:10px; float:left; border-left:none; padding-left:4px; margin-right:0px;" onKeyUp="autoTab(this,'phone2'); buildPhoneNumber();"/> <input type="text" name="phone2" id="phone2" value="" size="3" maxlength="3" style="float:left; border-left:none; margin-right:0px; margin-left:0px;" onKeyUp="autoTab(this,'phone3'); autoTabBack(this,'phone1'); buildPhoneNumber();"/> <input type="text" name="phone3" id="phone3" value="" size="4" maxlength="4" style="float:left; border-left:none; margin-right:0px; margin-left:0px;" onKeyUp="autoTabBack(this,'phone2'); buildPhoneNumber();"/> <input type="hidden" name="phone" id = "fullPhoneNumber" value="" size="27" /> <td valign="middle" height="40"> </td> <td colspan="1" height="40"> <input name="submit" type="image" src="images/joinbutton2.jpg" alt="joinus" align="right" border="0" style="margin-right:1px; margin-bottom:6px" /> <td width="11" height="39" valign="middle"> </td> </tr> thanks Federico I have made a website and need help with my HTML. What im trying to do is use the Index page as my template and place all the rest of my page on a region on the index page but also change the pages of the site using nav bar. What HTML should i be using and can anyone give me a code?? Many thanks Gem Hello, I would like to have a link on my site which when clicked will change the page into a diffrent cascading style sheet. Just like a Standard css link, Contrast css link. so when clicked it will change into that css. hello, I have recently began making web pages. I understand the basics, however do not use an editor. Is their a good html editor to use, for laying out web sites a little easier? I have basically just always free handed it. Cut and paste in notepad, and altered accordingly. My question is any kind of editors recommended? Free preferably, but any help would be greatly appreciated. -brett- Hello, Does anyone know the Html code which would place a transparent Gif on top of an actual image, to prevent people from copying it? I got the code below from some where, but it dose not work (or I am not using it correctly) <SPAN STYLE="background-image: url(hemcircuit.gif)"><IMG SRC="transparent.gif" WIDTH="195" HEIGHT="190" BORDER="0"></SPAN> * hemcircuit.gif is the name of the actual image. * transparent.gif is the name of the transparent GIF. * The WIDTH and HEIGHT values (in this example 195 and 190) are the width and height of the actual image. I put my image Url in place of hemcircuit.gif, for example <SPAN STYLE="background-image: url(http://mywebsite.com/myimage.gif)"> But this just does not look right to me, and it doesn't work!! Please help... I have the code to my website working perfectly when I view it in dreamweaver or by viewing the html file in internet explorer or firefox. But when I upload it to my server, It is pretty messed up. You can view the problem at larella.org. Code should be fine, and my server displayed the site correctly before. I've tried deleting files on my server and re-uploading the with no result. Any suggestions? Files I may be missing? HI, im trying to self learn HTML, things were going ok until i get to FRAMES. I have an INDEX.HTML, which splits the page into 3 frames. Each of the 3 frames then load other pages(banner, main, and menu .HTML). I have my 3 frames, but there is nothing in then, I think its the path I have wrong, but tryed main alternatives. This is a very basic problem, im sure someone can tell me what ive done wrong. Of course im loading these HTML pages from the same folder on my desktop. HTML files attached.. Thanks in aDvance! Ok so I've come across a problem with my website. It looks fine in Internet Explorer but I downloaded Google Chrome to see what it looks like in that and the text box doesn't position where it's instructed (it uses iframes), it ignores the coding and is just aligned far to the left. First off I was wondering if people could look at it in other web browsers and tell me what it looks like? (I would do it myself but my laptop is volatile and I can't risk downloading anything else at the moment!) The address is http://zmbush.webs.com/Yellow/YellowIndex.html (Before anyone laughs..Ignore the content haha, it's more of a nostalgia website for myself so I can keep track of what I've made if I ever feel the need to show someone..Embarrasing I know) Oh and I apologize if the iframe text box keeps saying it's prohibited, it might come up it might not, it's because my account on freewebs is new and iframes only work after 7days, but if you keep clicking on the navigation the proper pages do show up eventually. I've sifted through the coding but can't find anything wrong with it in my eyes..However I have a Test page for this also and it looks fine in IE aswell as Google Chrome, except that there is no navigation and the text box is not linked to iframes. I've taken out the navigation and iframe codes in the official YellowIndex coding and the position of the text box does not change so in my eyes they are not the problem, I hope. I was wondering if anyone could look at the code for me and see if they can rectify it? Try and ignore the < ! - - - - >notes if you can, they are only there to aid my understanding of what I've actually done haha. And even in some cases I'm not entirely sure what I've done. Ok, so here's the code on the YellowIndex (the Test page one will be after this) Code: <!--top webpage title--> <title>Yellow & Blue Scribbles</title> <!--//--> <!--ondragstart=stops dragging images into addressbar onselectstart=stops highlighting oncontextmenu=stops rightclicking--> <body ondragstart="return false" onselectstart="return false" oncontextmenu="return false"> <!--//--> <!--stops image toolbar appearing when you hover over an image--> <meta http-equiv="imagetoolbar" content="no"> <!--//--> <!--colour background--> <body background=http://zmbush.webs.com/Yellow/MainGraphics/YellowBackground.png> <!--//--> <!--navigation--> <center><a href="http://www.zmbush.webs.com/index.htm"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowArrow.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"><a href="http://zmbush.webs.com/Homepage.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav1.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"><a href="http://zmbush.webs.com/Yourself.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav3.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav4.png"><a href="http://zmbush.webs.com/Myself.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav5.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav6.png"><a href="http://zmbush.webs.com/Website.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav7.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"> </center> <!--//--> <!--position and size of image--> <div align="center"><table border="0" width="565" height="539" background="http://zmbush.webs.com/Yellow/MainGraphics/YellowLayout.png"> <!--//--> <!--position of text from top within the boundries of the set size of image--> <tr> <td width="360" height="8" colspan="3"> </td> </tr> <!--//--> <!--table row code (will contain the text)--> <tr> <!--//--> <!--position of text from left within the boundries of the set size of image (must be inside table row code but don't know why)--> <td width="65" height="290"> </td> <!--//--> <!--this makes sure image does not repeat and text is put over it--> <td width="360" height="290"> <!--//--> <!--actual size of text box--> <div style="width: 360; height: 290px; overflow: auto; font-family: Verdana, sans-serif; font-size: 10px; color: #000000;"> <iframe frameborder=0 border=0 width=360px height=290px src="http://zmbush.webs.com/Homepage.html" name="iframe" style="position:absolute; left:0px; top:0px" allowtransparency="false" (color=#FFFFFF)"> </iframe> <!--//--> <!--not sure what this does but without it the text becomes unformatted and goes below layout image--> <br> <!--//--> <!--closing text box code--> </div> <!--//--> <!--closing image div code--> </div> <!--//--> <!--closing no repeat image and text over image code--> </td> <!--//--> <!--closing table row code--> </tr> <!--//--> <!--closing image table--> </table> <!--//--> <!--closing colour background--> </body> <!--//--> Ok and here's the Test page code. The only differences I have noticed is I haven't put in the disable right click, highlighting, image toolbar etcetc and there are no iframes and navigation, but like I said I took that all out of YellowIndex and it made no difference. Code: <!--top webpage title--> <title>Yellow Scribble Design</title> <!--//--> <!--colour background--> <body background=http://zmbush.webs.com/Yellow/MainGraphics/YellowBackground.png> <!--//--> <!--position and size of image--> <div align="center"><table border="0" width="565" height="539" background="http://zmbush.webs.com/Yellow/MainGraphics/YellowLayout.png"> <!--//--> <!--position of text from top within the boundries of the set size of image--> <tr> <td width="360" height="8" colspan="3"> </td> </tr> <!--//--> <!--table row code (will contain the text)--> <tr> <!--//--> <!--position of text from left within the boundries of the set size of image (must be inside table row code but don't know why)--> <td width="65" height="290"> </td> <!--//--> <!--this makes sure image does not repeat and text is put over it--> <td width="360" height="290"> <!--//--> <!--actual size of text box--> <div style="width: 360; height: 290px; overflow: auto; font-family: Verdana, sans-serif; font-size: 10px; color: #000000;"> Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome <!--//--> <!--not sure what this does but without it the text becomes unformatted and goes below layout image--> <br> <!--//--> <!--closing text box code--> </div> <!--//--> <!--closing image div code--> </div> <!--//--> <!--closing no repeat image and text over image code--> </td> <!--//--> <!--closing table row code--> </tr> <!--//--> <!--closing image table--> </table> <!--//--> <!--closing colour background--> </body> <!--//--> Thankyou! Hi guys, First of all, take a look he www.euro-nova.co.uk/revamp You will notice the navigation bar at the top, all sitting where it should, but with no links, just plain text. Now, scroll to the bottom of the page, you will see another navigation bar, but its sitting wrong, as you can see. I want it to sit like the one at the top. The problem is, the top one is plain text, the bottom has the links attached to it, if I take the links away it sits properly. I have this problem with BOTH of the navigation bars, and I'm stumped!! Can someone help? Thanks. Hi all, I have a query in HTML. I want to open a window and then wait for 3 seconds and close the window automatically. And this is to be in a loop for n times. This is the requirement Can you please help me in this?? Hi I need some help re drop shadows The above is a part screenshot of my site. When someone clicks a menu item, the grey transparent div comes up over the face (created using a 2 pixel square transparent gif - two pixels grey, the other two transparent). The idea is then to have content sitting on top of the transparent grey square. The content has to expand or contract depending on the size of the screen, so it will be made up of individual images. It would be great for the images to have drop shadows on them to make them stand out. Problem is, I can't add them in Photoshop, otherwise they will look bad when I make the images transparent gifs. My next option was to use solid block drop shadows, like in the image above, but they still look average. I was wondering if there is an html or css way of adding a drop shadow to images and text that will let the background from lower divs show through? So not a static, saved image drop shadow, - it has to be dynamic in that when the images move when the browser window or resolution changes, the new part of background image (the face) shows through the drop shadow. Hope this makes sense - it's late and I've had a lot of coffee. Cheers Shaun Hi, How to find out the height of a paragraph, if the paragraph is selected from database and displayed on the fly. The objective is to dislay footer below this paragraph. Thanks Bijoy Me and a buddy of mine currently are starting a company; Bad Apple Productions. We intend on bringing our dreams to the world. To give the world decent games for free.. of course with an item mall. He is the only game coder, and I am the only website dev.. an amatuer at that. I can do HTML, I blow at CSS.. and that's it. He learned HTML when he was.. 11.. and 12 yrs later.. well yea. Please, any help would be appreciated. We will be starting our first project soon. I want to setup a website with something like a login form in which a spacial word should be used by the user so he would be able to enter. I can not use any php because of the free domain. Just HTML, CSS and JavaScript. Please Help! Hi all, Here`s my problem, I hope someone can help me. I export my *.swi project in html/swf movie with width="100%" height="100%, and it`s visible in full screen on every browser- Firefox, Flock, Chrome, Opera, even when I`m changing the screen resolution. Except one- the old bad IE. The things with IE looks different-IE is searching for the "object" string, where I have to put the movie size not in percents (with w / h="100%" looks too small, I have to zoom to 400% to view the SWF file), but in pixels (in my case- width="885", height="705"). And when I change the screen resolution from 1280/1024 to 1024/768, 800/600, etc.- my swf is not fit to the IE browser window- big part of the movie is out of the screen... I tried "swffit" already but I can`t get it to work for me.. Is there way to fix it with some HTML script or any other way? I`ll be very thankful for your advices. Regards, Boyan URL: http://bm-studio.org/movie.html Hi everybody. Can anyone out there help me figure out why the "sign up" button lines up to the right of the email form here... http://stuffjimthinks.com/test/ But it lines up below it here... http://www.kicksandsnares.com/ Both of these sign up forms/pics contained the same code, but they still lined up like that. I really want it to line up like it does in the first site (to the right of the form). I was trying to fix it all last night, but I can't seem to. I'm not sure if its a CSS issue or an html issue... Hope you guys can help out! Ok, so me and a friend are working on a new website that we are creating and want to put a few games on there. the only problem is we want the game to appear on our website and not link to "Addicting Games.com" . Please,can anybody help us. Thanks Brett . |