|
HTML - Help Setting Up A Table
I'm a beginner at html, this class is online and my teacher doesn't really keep in touch....So any help what so ever would be greatly appreciated, just a direction to go in...I'm lost.
This is supposed to be a sudoku puzzle, doesn't work, but just displays a puzzle. The book kinda confused me when it asked for sub tables. Mainly, I'm just not sure how I need to layout the nested tables. I included the code for the table and a pic of what it's supposed to look like. (I inserted the "5's" just to help me try to see what I was doing) Here's the instructions: http://books.google.com/books?id=4-BlHT9Xb1oC&pg=PA334&lpg=PA334&dq=the+japanese+puzzle+factory+html&source=bl&ots=yCVllJjfgL&sig=pPsbW dc01C5rjY6vAgTIBLzg3P0&hl=en&ei=Fo34S7bONoH48Aah-9X9Cg&sa=X&oi=book_result&ct=result&resnum=5&ved=0CCAQ6AEwBA#v=onepage&q&f=false HTML Code: <table class="spuzzle"> <caption>Sudoku</caption> <thead> <tr> <th></th> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> <th>6</th> <th>7</th> <th>8</th> <th>9</th> </tr> </thead> <tbody> <tr> <th>A</th> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="goldbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> </tr> <tr> <th>B</th> </tr> <tr> <th>C</th> </tr> <tr> <th>D</th> <td class="goldbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="goldbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> </tr> <tr> <th>E</th> </tr> <tr> <th>F</th> </tr> <tr> <th>G</th> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="goldbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> <td class="greenbox" rowspan="3" colspan="3"> <table class="sub"> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> <tr> <td>5</td> </tr> </table> </td> </tr> <tr> <th>H</th> </tr> <tr> <th>I</th> </tr> </tbody> </table> Similar TutorialsHi: I have a 600-row table which to now is presented to the user with always the first row displaying. Problem: How do I specify that I want a different and specific row of the table to be displayed at the top of the viewport ? Thank you, -Mel Smith Hi,, in the attached file .. i was tryin to set image ->contact_13.jpg as the background image for that cell.. as <TD COLSPAN=6 background="images/contact_13.jpg"></TD> but its not setting it correctly .. the path and name of image is correct .. as far as i see it .. <td background='xyz.jpg'></td> works .. is it because of the colspan thing .. Hey, I'm trying to set something so simple as the TD width for 1 specific column, but it will NOT listen to me! http://www.unreal-deals.com/ebook/ad...i-showdata.php I've set the td width on the second column Item_Name to be 5000px, just to see if it would work. It does nothing. No matter if I set the table width to 100% or 300%, setting the TD width does not affect that TD... What am I missing here? Thanks Hey. I'm new here, and I've recently taken some webmastering classes (needed them a lot more than I thought. I just love programming.), and I have had some concerns about what to do with alpha-transparency. See, what I want to do is have a background image (using a <div> tag and some basic CSS for this image alone), and that's all I will have. Is there any way to set the alpha of a background color so that it is transparent? Afterward, is there a way to set the alpha to text so that it is not transparent, either? I want a golden color background (FFCC00), with black text. Will this take another layer of CSS, or is this even possible? (Even with the classes, I'm still an absolute total newb.) Thank you very much in advance. Link to site for reference: http://www.ante-up.org/v2/ Okay, this may be kind of a doozy, but after some thought, I've come to a point where I am looking into using php inc instead of an iframe for my content display, and I want to know how I could go about using divs to set up the site to look exactly the same with php inc. (EDIT: Minus the scrollbar from the iframe of course) Like if I stuck the Navigation and the Login section into one php file, the 'stats' and miniblog section into a second php file, the header and footer each in their own php file, how would I go about aligning the divs so that I could just php inc everything? I'm first off assuming that this would be the correct way to do it. Any suggestions are welcome so long as they're not about my table usage I'm aware that many don't prefer them, but I've made them work across five popular browsers, so I'm happy with it. TIA for any who can offer some insight. PS: I suppose I should also add that I'm pretty much an ignorant incompetent when it comes to div layers, so bear with me Please look at this page: http://www.midwestbookreview.com/links/othr_rev.htm I would like to be able to have a format for a page like this with one blank column on the left and one blank column on the right (so I could just fill in my links). I would like the page blank the middle like it is now so I could add my main links. Can someone give me the basic html format on setting this up? Thanks. if there is a tutorial or a forum post i would love to see it, thanks Hello Everyone! This is my first thread on the forums. I look forward to the responses. But my question today seems simple but I am just a little confused on how to do this. You can tell me if I have this in the wrong place. So I want to make a player bio page, for a sport. I want to put a picture in the upper left hand corner and information about the player to the right of the picture and stats underneath. How would I achieve this? Like I said a picture in the left hand corner. That's the best I can describe it. My biggest problem is implementing the payers picture in there. Would I just make a separate division for the picture, information, and stats? Thanks in advance! Wondering if anyone can help me out or point me in the right direction... I am looking at setting up a radio form that will populate with mandatory fields that must be filled out before sending it off. I am restricted to using HTML only and maybe some JavaScript.. I have attached my idea in image on this post and could really use some assistance in finding a solution for this Is there a way to set the color of the bullets for unordered lists? Hi Guys, To begin with, i'm not a coder, but understand basic HTML and CSS codes. I can work with codes, to edit some and make a coherent page. The question relates to me wanting to build a webcomic site, but not knowing how to (and being too skint to pay anyone for it) I'm open to working with templates, however the webcomic homepage needs to be 'dynamic', i mean i need to be able to upload new comics to the server and have the homepage display the most recent one. Can someone tell me what a simple way to do this would be? The page i'm looking at is simply a homepage with the most recent comic, and navigation bar to allow users to click on 'previous', 'next', 'first' and 'latest' to move around. I'm talking about something like XKCD. I notice the page doesn't have any javascript (as i would have suspected) to accomplish this. Absolutely any help would be appreciated. I realise i haven't explained the problem in detail, but i don't really know what detail would be required. Post questions and i'll get back asap. Thanks again! Hi All, Im using Visual Studio 2010 to create a website, im trying to set the width to 100% so it fits the users screen, when i flick back and forth from the design to the html Code the Design is fitting the Screen 100% but when i launch the site it still remains 900px in width? heres my CSS iv also checked the .Header css and that also says 100% any ideas? HTML Code: .page
{
width: 100%;
background-color: #fff;
border: 1px solid #496077;
}
.header
{
position: relative;
margin: 0px;
padding: 0px;
background: #4b6c9e;
width: 100%;
}
This is the Site Master Page. HTML Code: <%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site.master.vb" Inherits="Learning.Site" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<title></title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form runat="server">
<div class="page">
<div class="header">
<div class="title">
<h1>
My ASP.NET Application
</h1>
</div>
<div class="loginDisplay">
<asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
<AnonymousTemplate>
[ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
</AnonymousTemplate>
<LoggedInTemplate>
Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
[ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
</LoggedInTemplate>
</asp:LoginView>
</div>
<div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
</Items>
</asp:Menu>
</div>
</div>
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</div>
<div class="clear">
</div>
</div>
<div class="footer">
</div>
</form>
</body>
</html>
Can someone try and shed some light on this please? Thanks I'm trying to setup download links on my page. For exsample I have a file on my web server and I want a link that I can click on and it will bring up a download window. Can anyone PLEASE HELP! This question is probably very basic, but I have a form on my site where people can enter a certain amount of text and after posting, it will populate a fixed width table. If I use a font like Courier New (fixed width font) I could easily have the form determine the maximum characters the person could type for this post and set the max limit. My problem is this. I don't want to use a fixed width font. I want to use Arial and a post with lots of 'i's can have more characters that a post with lots of 'W's. Is there a formula for calculation the average char width? With this I might be able to set a fair limit. Thanks, Joe Hi, I have added a screen shot to show what i mean here A site i am working on reuires 4 boxes in the main content area. I have started the template and i have managed to get the first 2 boxs to always have the same height with the following scipt Code: function fixH(one,two) {
if (document.getElementById(one)) {
var lh=document.getElementById(one).offsetHeight;
var rh=document.getElementById(two).offsetHeight;
var nh = Math.max(lh, rh);
document.getElementById(one).style.height=nh+"px";
document.getElementById(two).style.height=nh+"px";
}
}
window.onload=function(){
fixH('box1','box2','box3','box4');
}
i have added box3 and box4 to the bottom part and i tried a number of ways to get it to work but box 3 and 4 just wont stretch to match the others height. Please can you let me know what needs to be added to make this work? You will see box 1 and box 2 are the same height and this is done by using the script above. Box 3 and box 4 are not the same height. Any suggestions? extra info: The boxes are defined in my style sheet and i have not set the height because i dont want a fixed height. I want the boxes to stretch as i type out text into them but for them to keep the same layout on the pege so the top 2 boxes always need the same height and the bottom 2 need the same height aswell. I'm not sure if you can use CSS for this, but here goes... I want a marquee displaying the latest news on every one of my pages, the problem is, my site has hundereds of pages, which means every time the news is updated, I would have to update the marquee on every page, which would get very tiresome. Is there anyway you can set a marquee in a seperate file or something, and call it from that file to every page? Thanks in advance, Piratescotty. I recently am using a free little copy of a program called Flowplayer, I do intend to buy it in the future when I have 100 bucks to spend. But what I am asking is for a short but descriptive guide on the exact coding I will need to install it. When I installed it through there website I had a little trouble because I don't know coding by heart (thanks to dreamweaver ) But I need to know EXACTLY what to write in my coding, if there is any information needed just let me know and I will post it. I really hope to here some helpful comments if at all possible! I have a bunch of email addresses with my new host, and I would like to give them out a select few people, however I want to set up a mail page before I do this... something like this: http://mail.ramapo.edu If someone could either explain it to me or point me in the right direction I'd greatly appreciate it. Hi All, I have a real simple html page and i want to hide all elements under "st" tag. But after i hide them I was to set it's size to 8px. This works well in Mozilla but not IE. Ive tried everything and still no clue... Any advice? HTML 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>
<title>Untitled Page</title>
<script type="text/javascript">
function hideAll(){
var pEle = document.getElementById("st");
alert( pEle.childNodes.length );
for(var i=0; i < pEle.childNodes.length; i++){
pEle.childNodes[i].style.visibility = "hidden";
}
pEle.style.height= "5px";
}
</script>
</head>
<body onload="hideAll()">
<div id="st" style="background-color: red"><p id="1">asdsadsa</p><p id="2">asdsadsa</p></div>
</body>
</html>
Hi all, I'm working on a website that needs to have a person's info and then a link to their vcard. Unfortunately I don't have any experience with said vcards so I'm somewhat in the dark, and as yet my web searches haven't turned up much useful info. Is a vcard just a regular file that can be linked like any old download, or is there some special process to getting it "obtainable" on a website? Thanks, m19 |
|||||||