|
HTML - Simple Question Regarding Tables
I've decided to make a personal photography portfolio on my computer, and have thought that the best way to do this would be HTML.
My problem: See the above image? The items in red circles are just copied and pasted from the original in the top-left. What I want to know is how do I actually get them there in HTML? I think it's something to do with tables, but as I'm practically brand new to HTML I'm not sure. I have a ZIP file below with all the necessary files, just unzip the online folder and edit the 'index.htm' file if you want to do it all yourself for me. Otherwise, you can use it to have a look at the coding I've used (partly taken from a free HTML template website, I admit ). Thanks very much in advance for help. Similar TutorialsHi, I would like to construct a table which has a unique link for each column. I am extremely new to HTML and other web technologies. I have tried to figure out if I can use colgroup and onClick="window.open('http://yahoo.com','_blank');" but I honestly have no idea what to do. Suggestions? Please and Thank you very much. Hi everyone. Here is my website: www.last-tube.com ....it is a web site to help londoners quickly find out what time the last london underground train is (the tfl website makes you download a pdf and complicated timetable!) ***I know none of the links work, they are stored locally at the moment, I'm still at an early stage*** Anyway you can see that I have the main content in the middle with five boxes on either side. Obviously the main content of the page is encapsulated in a single <td></td>. At the moment when you click a link it loads another page identical to the index but with different content. I have realised that I am going to need a few hundred pages to cover all the stations and this approach is impractical because if I need to make a chage to index I need to change every single page of the site which will be a long process! So is it possible to update the content within <td></td> rather the redirect to a new page every time? I am sure there is a workaround to this but I am not smart enough to work it out and have been out of the html game for a while! Any advice would be appreciated! Thanks. I'm having some trouble with a table and I don't know why. The only way I can get the result desired is with this code: Code: <tr> <td class="author" style="padding-top:5px;" height="16"><i>Last Updated: October 19, 2011</i> nbsp; <b>Mock Draft:</b> Picks 1-16 - Picks 17-32 - Round 2 - Round 3 </td> </tr> ...which obviously isn't desirable. I can't add a second column, like this: Code: <tr> <td class="author" style="padding-top:5px;" height="16"><i>Last Updated: October 19, 2011</i></td> <td class="author" style="padding-top:5px;" height="16"><i>Last Updated: October 19, 2011</i></td> </tr> ...it pushes the second column off the page. Here are screenshots: Desired - http://img717.imageshack.us/img717/4426/goods.jpg BAD - http://img12.imageshack.us/img12/3955/badfj.jpg Here's the page I'm working with, it's not live yet, looks fine on the page because it's got the long string of http://tinyurl.com/3o5xrhj Sorry for the coding mess, I try my best but I'm still learning a lot. Thanks for the help. I want to create a two column table that, in one of the rows, has a large picture in the second column. I wanted to "wrap" the picture in a <div> and give the div scroll bars so the user can scroll horizontally and vertically to see the entire picture, but still keep the width of the table as the same size as the width of the browser window. The div part seems to work fine. The large picture appears in the smaller div and the div has the scroll bars that I want. But, the table is still sized to contain the ENTIRE width of the photo, so the other rows in the table go off the edge of the browser window (because the image is wider than the browser window). Is there a way that I can limit the table width to only be the width of the browser, and have a large photo contained in a scrolling div, within one of the table rows. I will include some basic HTML code to demonstrate the problem. Just insert a path to some large image you might have, for testing, into the image tag's src property. (the image I am using is 1600x1200) Thanks, in advance, for any help you can provide. 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test a Large Image in a Table</title> </head> <body> <table style="border-bottom-width:thin"> <tr style="width:300px;"> <td style="width:20%; background-color:gray"> Title #1 </td> <td style="width:80%; background-color:red""> Why does this row go past the edge of the page? </td> </tr> <tr style="width:300px;"> <td style="width:20%; background-color:gray"> Title #2 </td> <td style="width:80%"> <div style="overflow:auto; max-width:60em; min-width:15em;"> <img src="" alt="some large image" /> </div> </td> </tr> </table> </body> </html> hey guys, i'm faily new to html, i only have one semester of html so far. i am doing my final project for my html class and i was wondering if anyone could help me out with this. the spaces underneath my images in my table... they weren't there before i made the page xhtml complaint, but as soon as i added the doctype in, they popped up, can anyone help me fix this? I checked over all the tags, and everything seems to be closed off properly. thanks a lot. Is there a code to hide the scroll bar on the right altogether? I know there are some to change the colors, positioning, etc. Hi I am trying to code a website which is subdivided (using tables) into a navigation side bar and content area. How is it possible to allow my various html pages be displayed in the content area (without opening a new window) when i click on a link in the navigation bar? gary Hey. Is it possible to have a line seperating the collums of a table but having no lines for rows. Bascially i want to do what i have poorly added in in Paint http://img526.imageshack.us/img526/3883/15247409oe7.jpg Is this possible to do? Thanks in advance I would like to know if it is possible to have a table column on top of a column??? In my table, I have a column that contains an image. Next I want to put text on top of the image. I am good up to this point, but when I put the text in this particular column, it is left justified and is not giving me the look I want. So, can I add another column on top the one with the image in order to be able to get some white space between the background image and the text on top???? To see what I am talking about, take a look here. It is the right hand column. You'll see how the text just does not look right the way I have it. Thanks for any suggestions. Vance Does anyone know how to fix this? as you can see, there's random content at the bottom left there. it's not supposed to be and is supposed to be located in the column that's very wide there, but for some reason is throwing it down below the left column. how can i fix this? http://erocsteady.freehostia.com/tes...ents/index.php ^you can see what im talking about here Last time I posted I was told I needed to get rid of the tables from my code. Im still trying to learn CSS properly and make the changes as I go. looking at my layout surrenderyourwings.com/layout.html I realize it should be 3 divs from left to right, one for the images one for the content and one for the details my question is: the details column on the right "payment shipping etc" Should each of the individual "cells" be a nested div? or is there a different or more correct way to convert and simplify this? thanks I have to divide the page to 3 columns. These 3 columns should adjust according to the size of the screen. The left and right most columns will be pretimuch don't change much in size. The middle colum has content of verity of sizes. How can I adjust the columns to adjust to the screen size from 10Inch to 30Inch? Thanks in advance for Help. Regards, Swaroop Kunduru. i used to use tables for the layout, now i'm trying divs..the thing is i'm not sure how should i think about the layout, i mean like tables i have rows, every row have cells, now with the divs i should think about it the same way? a container div to replace the main table, then another div to take place of a row, then divs as cells..an so on does that make any sense? i don't know if that was clear, but the question is: how should i think about it? i know the question sounds stupid but it seems that i just got used to tables & can't accept divs yet Hello, just starting here I complete the HTML an CSS tutorials at http://www.w3schools.com/ I also downloaded a trial for coffeecup I am helping a local business with their website, it is very simple, just content and a couple of pictures. For some reason, as much as I google it up I cannot figure out how to add a left column to the site. the examples I find, even free templates from Amaya use tables. I dont want to use tables, I guess I need to use div? But if that is so, how do I position my column? It seems w3schools gave me a good start but I am having problems putting the concepts together. If you can direct me to the right answer, or recommend a book or tutorial that actually builds a simple site with a couple of columns in good design, I would really appreciate it. But I dont want to use tables as I learned it is not best practice Thank you! goodness, been a couple months since ive done html, but im back and I got a question... So how do you put text in an image because I have a background color, and I have an image that's a different color, but I want to put text in the image, so how do i do that??? Thx Hi, I'll go straight to the point. my problem is that I need a text box to have a scroll bar and a fixed size, preferably in a "div" layer. On a more complicated note, I would really like my website not to refresh itself when you click on a menu button. The changing information should be all in the same layer. And, last but not least, and even more complicated, Is there any methods to keep the website updating from being super complicated, as in "I write stuff in any program or text box, and this text goes in that box", Blog or loggin style. Help is greatly appreciated. Thanks. Very simple question here. I'm pretty inexperienced with html, past the basics. I have copied the source code of a webpage into a text file and alltered it. I would like to open the file in Firefox and view this as it would appear as a web page. How would this be done? I have tried opening it as an html file, but the text only appears as the source code. For a bold font - I switched from <b> to <strong> - is this the correct way? simple question! okay hey guys first time post for me as im banging my head against a wall here. I'm not at all good at html but im changing something on my WoW guilds website. now if you visit it you can see the Nav crumb is aligned to the left, i want it to be centered but everything i have tired fails! www.accidentguild.com heres the code im using at the moment, what would i need to make it center? Thanks <tr> <td > <table id="crumb"> <tr> <td id="nav"> <div class="ggcode"><script type="text/javascript" src="http://s.guildomatic.com/22981/host/88/88b299192fa483f4b42058edc1d647ea.js"></script> <script type="text/javascript" src="http://s.guildomatic.com/22981/host/18/1831d0c13f7156a9c39a2f94e27be272.js"></script> <script type="text/javascript" src="http://s.guildomatic.com/22981/host/e6/e60aa8cc24e81fd6f31115aa0dc7ae14.js"></script> <link rel="stylesheet" href="http://s.guildomatic.com/22981/host/48/48d569538603645583d72a456faa23ed.css" type="text/css" media="screen"> <link rel="stylesheet" href="http://s.guildomatic.com/22981/host/ad/adf16ddabb8cdc74eedfbeef8ba76566.css" type="text/css" media="screen"> <div id="menu"> <li><a href="/">home</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> <li><a href="/forums">forum</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> <li><a href="/members?sort=rank">Roster</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> <li><a href="/news">news</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> <li><a href="/raid_calendar">calendar</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> <li><a href="/dkp">dkp</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> <li><a href="/raids">Raids</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> <li><a href="/items">items</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> <li><a href="/guild_application">Applications</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> <li><a href="/http://www.accidentguild.com/page/show/18816">Profiles</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li> </div></div> </td> I have been learning HTML and other web languages for a couple weeks now and one thing is bothering me. I noticed that sometimes when I am reading tutorials and such they put in a /> instead of just a > . So my question is why do I need a / in front of a > sometimes and sometimes I just put a >. I hope my question is clear |
|||||||