|
HTML - Html Question Regarding Table Design / Alignment
Hi there
I got a little problem with my website http://www.gone-surfing.com ; the thing is that I would like to have the waveforecast on the right side of the site, where there is currently only an empty black space. And I am simply wondering how this can be done? In a way which enables the waveforecast to progress downwards out there, without pushing the other tables / content downwards. Hope some clever minds can help me out here. Any suggestions? PS! I would like to keep the design like this, it would be a bit too much work changing the whole design due to my lack of webdesign skills. The source code is available here @ gone-surfing.com/index.html A big thanks in advance for any help or suggestions. All the best, Alex Similar TutorialsHi, I need to design a html dashboard in table exactly same as the attached image. Can someone help me. Regards, Thiyaghu CK Hi I have made 2 tables for my home page for content of pages. Each table is two rows The problem is the right column in each table is not height alligned to the left column because there is a uneven amount of links How do I get the right columns to come up heigher and be height alligned because it looks messy? I spent hours looking at all different web pages about tables and could not find this. Does anyone know???????????? Please Help me check it out Here on this page. [url="http://www.great-quotes-powerful-minds.com/"] http://www.great-quotes-powerful-minds.com/ I start with <table width="100%"> <tr><td> put links column1 </td> <td> put links for column2 </font> </tr> </table> Please Help Hello everyone. Im new to forums and am looking for some help my my html. I am having problems with the alignment of my tables. They used to align perfectly but are now being stretched the length of the page. It has to do with my TD somewhere but I can't find it. If you check this code you'll see what I mean. Im not sure what I did but it never had this problem before. Let me know what you guys think. Thanks I'm trying to design a simple html website for the company I work for but I have run into a problem. I can't figure out how to make the table extend all the way down to the bottom of the page without stretching the content. I tried adding bottommargin="0px" to the body tag but that didn't work. I also tried adding height=100% to the table tag but that stretched the content of the page. Here's my code: <html> <head> <title></title> <link rel=stylesheet type="text/css" href=stylesheet.css> </head> <body topmargin="0px" bottommargin="0px"> <center> <table bgcolor="#FFFFFF" width=70% cellspacing=0 cellpadding=6 style="border: #000000 2px solid; border-bottom: 0px; border-top: 0px"> <tr><td> <center> <img src="logo.png"></a> </center> </td><td> <center> <b><big>Name</big></b> <br>Address <br>Address <br>Phone & Fax <br>License </center> </td><td> <center> <img src="logo.png"></a> </center> </td></tr> <tr><td colspan=3 style="border: #000000 2px solid; border-bottom: 0px; border-left: 0px; border-right: 0px"> <center> <img src="star.gif"> <a href=index.html>Home</a> <img src="star.gif"> <a href=testimonials.html>Testimonials</a> <img src="star.gif"> <a href=employment.html>Employment</a> <img src="star.gif"> <p><b><big>Welcome!</big></b></p> <p>Content</p> </center> </td></tr> </table> </center> </body> ----------------------- I am fairly new to web design and was wondering what some of the techniques are to make a page appear to have more on it then it really does. For example, how do you make it appear as if the page contains very little white space? is it best to use a pattern in the background? Is there a way to crop the page to make it smaller? Hi guys. I'm working on a website, using ASP.NET. I'd just like to find out if there is anything specific that all websites should have, i.e. an about page with information about the owner and author of the site. Anyone have some advice? Any way to make the potential links at the top and bottom of this page look a bit smoother, or fitting. Any help or suggestions in greatly appriciated. Code: <html>
<style type="text/css">
ul
{
text-align:center;
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
width:6em;
text-decoration:underline;
color:yellow;
background-color:blue;
padding:0.05em 0.3em;
border-right:1px solid white;
}
li{display:inline}
</style>
<body bgcolor ="bisque">
<hr style = "color: green; height:3;width 50%"/>
<ul>
<li>
<a href = "Menu.html" target="_top" style = "font-size:large;">Menu</a></li>
   
<li>
<a href = "cater.html" target="_top" style = "color:blue;font-size:large;">Catering</a></li>
   
<li>
<a href = "comment.html" target="_top" style = "color:blue; font-size:large;">
Comments/Suggestions</a></li>
   
<li>
<a href = "http://www.mapquest.com"
target="_blank" style = "color:blue;font-size:large;">Directions</a></li>
   
</ul>
<hr style = "color:green; height:3;width 50%"/>
<center><img src="logo.jpg" alt="image description" height="400" width="550"></center>
<hr style = "color:green;height:3;width 50%"/>
<a href = "Menu.html" target="_top" style = "color:blue;font-size:large;">Menu</a>
   
<a href = "cater.html" target="_top" style = "color:blue;font-size:large;">Catering</a>
   
<a href = "comment.html" target="_top" style = "color:blue; font-size:large;">
Comments/Suggestions</a>
   
<a href = "http://www.mapquest.com"
target="_blank" style = "color:blue;font-size:large;">Directions</a>
   
<hr style = "color:green; height:3;width 50%"/>
</body>
</html>
Hi, I would like to design a table just like in the Image. I am new to web design. I also want to display the text same as the one in the image, ie., Vertical text.. Can someone please help me out. Thanks Rajagopalan. Hello Everyone, Please help in build the code for the site , the layout should be as the below layout , I need to submit this by today EOD. Image Link1: http://8648180184665331224-a-1802744...attredirects=0 Image Link 2: http://8648180184665331224-a-1802744...attredirects=0 Please mail me the code ASAP. Thanks and Regards, ceenuu2002@gmail.com hey guys - I was trying to add a little more kick to my website today and making the text appear in little windows I guess you would say - (I know the site is not complete and links are intentionally broken) if you look on the right of the page you will notice I added 2 table cells to round off the white - now the problem I can not figure out how to bring the white area over to the rounded edges whether I need to make the cell wider or if I need to add another cell - any help is appreciated. source: Http://www.medicalpracticeexams.com/index.asp Thanks Is there a way to position text? To try and be more specific, I don't want my text all the way to left, or right in the center. I kind of want it halfway. Thanks in advance! Hey all, First post here and new to HTML. I have a question regarding DIV ID alignment conflict with a CLASS alignment. I have a logo that I want aligned left (header ID) with the fade-in slide show script to be centered (DIV CLASS). Here's the code in question: <body> <div id="header"> <div align="left"><img src="images/logo1.jpg" width="500" height="133" alt="Orion Images" /> <div class="centerdiv"> <script type="text/javascript"> //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder) new fadeshow(fadeimages, 350, 275, 0, 4000, 1, "R") //new fadeshow(fadeimages2, 140, 225, 0, 3000, 0) </script> </div> </div> </div> <!-- end of header div --> <br /> CSS: #header, #content, #navigation, #footer { position: relative; } #content { top: 0%; width: 60%; left: 20%; font-family: "Trebuchet MS", Verdana, sans-serif; background-color:#000000; color: #C8C6F0; font-size:14px; font-style:italic; font-weight:lighter; } #navigation { left: 0; width:100%; } I'm new to this so maybe I'm overlooking the obvious or don't truly understand what I'm doing. I've done a search but didn't find an answer to my problem. Any help would be greatly appreciate. Thanks for everyone's time! Hello, I am a page and was wondering how I would align it center in the page without all the formating being messed up. So I was wondering if there was a way to make everything center in the page but look just as it does now, just centered no matter the size of the page. Hope you can help! Thank you in advance. This is the page I would like the code to center http://www.primenewscenter.com/updat...ncom&buid=4928 Thanks! 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. Please view in IE and you will notice that the "product descriptions" and "Available Options" are on the top left. FF display its rightly on the bottom of the image.. http://janlevin.com.my/shop/product_...roducts_id=112 Any idea? I know CSS is useful for many many things. But I am trying to optimize my website as i'm designing, that way I don't have a giant project once i'm done. Here is my question: What would have a faster load time: Code: <html> <head> <LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen> <title></title> </head> <body> <div id=bold>Hello!</div> </body> </html> or: Code: <html> <head> <title></title> </head> <body> <b>Hello!</b> </body> </html> Hi everyone. I'm new at this, so I apologize if this is a simple or redundant question. I'm trying to create a website where the front page is comprised of 5 rollover image links that, when properly aligned (in this case to the right), form one cohesive image. I have tried to individually align each with align="right" but instead of a column of images aligned to the right and directly on top of each other with no spaces, they are instead being organized like text. In other words, the first image is to the right, than the next two span across the page because there is enough room, then the following two do the same. The result is a scattered and disjointed image. I hope that makes sense. How can I get them to stack to the right with no spaces in between? thanks for any help. http://pastebin.com/4wByQNZQ How would i get the Ref. number 7.2 aligned with Nuclear Customer Quality Assurance... Also, under the human resources tables, The alignment under Ref. is not aligning properly with Hiring Process. What is the procedure here? Thanks, Rukus Hi I need help aligning a table with graphics heres the code I have now Quote: <!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Milkshake NYC | Home</title> </head> <body> <table width="820" border="0"> <tr> <td width="612"><img src="http://milkshakekicks.com/shoes/freshness_banner.png" border="1" /></td> <td width="197"><img src="http://milkshakekicks.com/shoes/fannyad.png" hspace="5" border="1" /></td> </tr> <tr> <td><img src="http://milkshakekicks.com/shoes/newkicks.png" border="1" /> <img src="http://milkshakekicks.com/shoes/newlook.png" border="1" /></td> <td><img src="http://milkshakekicks.com/shoes/contestad.png" hspace="5" border="1" /></td> </tr> </table> </body> </html> But I need the spacing between graphics to be a little more "intelligent" I would like equal space between all the elements, I tried messing around using horizontal and vertical spacing tool in dreamweaver but didn't get very far. Any help is appreciated View problem site here. (A quick establishment of my skills: I learned HTML backwards. I decide what I want to do and learn how to do it, so my understanding of how the different codes interact is basic.) What I want to remedy is the set of horizontal lines extending across the page. Is there any way to have the lines touch the sides (as seen here)? The lines are contained inside a table, since other methods (like z-index) would not allow the horizontal lines to remain aligned with the rest of the layout. I have the table aligned with div layers. Here's the relevant portion of code: HTML Code: <div id="layout" style="top: 0px; margin-left: 0px"> Hopefully I'm not chasing a pink elephant with this. Thank you all for your help in advance. |
|||||||