HTML - I Need Someone To Make An American Flag From An Html Table! It's My Take Home Final!!

Hi,

I made a test site with HTML coding as .txt, then I opened it with the browser (Internet Explorer) and looked just as I made it. However, when I paste the code in the editor of the site host (freewbs.com) it does not show my images, they just dissapear. I used this kind of code when I put the images:

<TD width=300
background="examplesite_archivos/navbar1.jpg"
</TD>

and it works great except when I open the site with the host. I thought I should upload them somehow, but doesn`t works. It's the first time I use a host so if someone could explain me what I'm doing wrong or what's the problem??

Thanks a lot.

Is it possible to make each row in a table a link to a website? (regardless of how many columns there are).

Hi. I want part of the text in my table header to be bold, but I also want another part of it to be regular font. I'm kind of new to HTML. How would I do this?

Thanks,
Brad

Not sure if I worded that right.
But I have a 3 column table with three rows.
And I want a row with no columns at the top that is the full width, so I can put a title in there. how do I do that?
Here is my current title.
Thank you.

Code:

<table id="box-table-b">
    <thead>
    	<tr>
        	<th width="175" scope="col">Website</th>
            <th width="69" scope="col">Lowest <br />
            Price</th>
            <th width="50" scope="col">BUY</th>
        </tr>
    </thead>
    <tbody>
    	<tr>
        	<td>xxxx</td>
            <td>x</td>
            <td><a href="#">Here</a></td>
        </tr>
        <tr>
        	<td>xxxxx</td>
            <td>x</td>
            <td><a href="#">Here</a></td>
        </tr>
    </tbody>
</table>

How do I make a table with a fixed width stay centered even if the browser window's horizontal size is smaller than the table's horizontal size?

align="center" makes the table centered as long as the browser window is bigger than the table. If the browser window is smaller, the table will be cropped on the right size only, not on both size.

I would like to do this to have a table with a fixed width and a background image, so that no horizontal scrolling bar appears if the screen resolution if too small for the table. The image should howerver stay centered no matter what the windows size is.

Thanks.

Hello!

Is there any way to make a table showing a folder in your FTP?

I have an FTP thats is locked, so is there anyway to make it an autologin

I just want it to show the files, not the 'Go up a directory' button

And is there anyway to make tthe links so people can click on them to open the file the directory

HOW CAN I DO THIS
Tap Back

Josh.R

alright, i have an ad (which is in an iframe from the advertiser) on the right side of my site thats a little bigger (by 30px) than the rest of the content on that side.

http://www.greendayauthority.com/

You'll see it on the rightside. You'll also see how because it's bigger, it forced that cell it's in to stretch, and pushes the other stuff to the side (you can see that by looking at the top banner, and how it's smaller than the content when they should be lined up).

What i want to do is maybe place that ad in a div or something so that it'll hang over the right side of the table, instead of pushing the other things away from it.

Can anyone help me out?

Despite reading multiple posts on "scrollable" table cells on the forums, I've not yet quite found the answer to my question, so hopefully I can get some feedback from all viewers out there!

I and some friends run a small Catholic arts and crafts website (www.illuminatedink.com) through which we sell products that we create. I've based the page layout on a table instead of frames or iframes. The table has 3 cells in it. The entire top "banner area" of the screen is one cell. Below that on the left we have the naviagation menu cell. The main content that someone is trying to view appears in the remaining lower right cell (also the largest).

This page works great on all the computers at my house (3 of them) and on most other computers as well. I have yet to test this in IE 7.0, but if someone else has that browser, please let me know what happens.

So, what's the problem you ask? That lower right table cell where all the content appears does not work for everyone. I just got another complaint today that no scroll bar appears and the person can only see what's in the top of cell, there is no "scrollability". Here is a sample (with notes made by me in ** NOTE ** format). The notes are of course not in the actual code, I am showing only the code really matters here.

Code:

<BODY STYLE="margin-top: 0px; margin-left: 0px">
  <TABLE CELLPADDING=0 CELLSPACING=0 HEIGHT=590 WIDTH=1000>
    <TR HEIGHT=90>
      <TD WIDTH=1000 COLSPAN=2 STYLE="background-image:url('http://www.illuminatedink.com/images/background/banner.jpg')">
        &nbsp
      </TD>
    </TR>

    <TR HEIGHT=500>
      <TD VALIGN=top WIDTH=200 STYLE="background-image:url('http://www.illuminatedink.com/images/background/menu_bar.jpg');background-repeat:no-repeat">
        <TABLE ALIGN="center" CELLSPACING=0 CELLPADDING=0>
          **Navigation menu on the left side goes here**
        </TABLE>
      </TD>
      
      <TD WIDTH=800 VALIGN="top">
        <DIV STYLE="overflow:auto;height:490px;width:800px;position:absolute;left:200;padding-right:30px; padding-left:0px"><MAP NAME="page_links">
          **All code for the scrollable cell in the lower right goes here**
        </DIV>
      </TD>
    </TR>
  </TABLE>
</BODY>

So, can anyone possibly tell me why this would have a scroll bar in some browers and not in others? Or does anyone have any code changes I could make that may guarantee that they will get a scroll bar in that lower right cell? The complaints that I have received mainly seem to be from Mac users using IE for Mac. But I just had someone who had a brand new Dell with Windows XP Prof. and the most recent IE 6, which is exactly the configuration I run, but didn't get a scroll bar when I did. Ideas? Thank you!

Hi
my html and css that i have coded is only valid in opera and does not run as it is meant to in firefox and safari. Can anyone help me fix it. The text input box is what is broken.

here is the html:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="Husain Abdullah Al - Zabir" />
	<title>WebSnips</title>
	<link rel="stylesheet" type="text/css" href="styles/main.css" media="all" />
	<link rel="stylesheet" type="text/css" href="styles/rounded_corner.css" media="all" />
	<link rel="stylesheet" type="text/css" href="styles/bottom_menu.css" media="all" />	
</head>

<body>

<center>
<div class="box">
<b class="tc">
<b class="L1"></b>
<b class="L2"></b>
<b class="L3"></b>
</b>
<div class="content">
					  
<div class="box" style="width:100%;">
<b class="tc">
<b class="L1"></b>
<b class="L2" style="background-color:#333333;"></b>
<b class="L3" style="background-color:#333333;"></b>
</b>
<div class="content" style="background-color:#333333;">
					  



<div style="width:630px; padding-top:10px;">
<div style="float:left; background-image:url(images/http.jpg); background-position:center; background-repeat:no-repeat; width:95px; height:40px;">
&nbsp;
</div>
<div style="float:left;">
<input style="height:28px; border:none; font-family:verdana; font-size:21px; color:#7d7d7d; padding-top:6px; padding-bottom:6px;" type="text" size="35" />
</div>
<div style="float:left;">
<input type="image" value="submit" src="images/submit-button.jpg" />
</div>
</div>

<div style="clear:both; height:30px;">&nbsp;</div>

	  
					  
</div>
<b class="bc">
<b class="L3"></b>
<b class="L2"></b>
<b class="L1"></b>
</b>
</div>
</center>

</body>
</html>

here is the css:

Code:

#logo
{
	width: 317px;
	height: 40px;
	/*background-image: url(../images/logo.gif);*/
	background-image: url(../images/logo.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#logo-holder
{
	padding: 20px;
}

#footer-logo
{
	width: 609px;
	height: 40px;
	/*background-image: url(../images/footer-logo.gif);*/
	background-image: url(../images/footer-logo.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#footer-logo-holder
{
	padding: 5px;
}

#instruction
{
	border-left:solid 4px #98CB00; 
	padding-left:5px; 
	font-family:verdana; 
	font-size:17px;
	font-weight: normal; 
	color:white; 
	text-align:left; 
	width:623px;
}
#instruction-holder
{
	padding-top: 20px;
	padding-bottom: 20px;
}
.separator
{
	width:10px;
	background-image: url(../images/separator.jpg);
	background-position:  bottom;
	background-repeat: no-repeat;
	float: left;
	height:180px;
}
.urls
{
	font-family: verdana;
	font-size: 12px;
	color: #7d7d7d;
	height:180px;
	font-weight: bold;
	line-height: 20px;
	width:203px;
	clear:both;
	padding-top: 20px;
}
.snips_name
{
	font-family: verdana;
	font-size: 21px;
	color: #FFFFFF;
	text-align: left;
}
#top_snips
{
	width:31px;
	height:38px;
	background-image: url(../images/top_snips.jpg);
	background-position:  top;
	background-repeat: no-repeat;
	margin-right: 5px;
	float: left;
}
#latest_snips
{
	width:38px;
	height:38px;
	background-image: url(../images/latest_snips.jpg);
	background-position:  center;
	background-repeat: no-repeat;
	margin-right: 5px;
	float: left;
}
#partners
{
	width:53px;
	height:38px;
	background-image: url(../images/partners.jpg);
	background-position:  top;
	background-repeat: no-repeat;
	margin-right: 5px;
	float: left;
}

Can anyone help fix this?

Thanks

I need to have this text in html. I need only the text, no table.
My problem was, that when i changed the fontsize, a new paragraph was created. But i want it on one line.
Thanks for your help.

sorry im really new at this stuff. so i have the code, and i need to make & view the page.. so how do i do that?? thanks

is there a better way than this (below) to style Script and Code, to look like script and code when written/typed in html?

For instance how does the [ HTML ] [ /HTML ] in this forum work?

HTML Code:

<style type="text/css">
.csslook {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;}
.darkpink {color:#990099;}	
.green {color:#006600;}
.pink {color:#FF00FF;}
.darkblue {color:#000099;}
.blue {color:#0000FF;}
</style>

<div class="csslook">
  <span class="darkpink">&lt;style type=<span class="green">&quot;text/css&quot;</span>&gt;</span><br>
  <span class="pink">#mainContent {</span><br>
  <span class="darkblue">padding</span><span class="pink">:<span class="blue">0px 1px 0px 1px</span>;</span><br>
  <span class="darkblue">border-width</span><span class="pink">:<span class="blue">1px 2px 2px 1px</span>;</span><br>
  <span class="darkblue">border-style</span><span class="pink">:<span class="blue">solid</span>;</span><br>
  <span class="darkblue">background</span><span class="pink">:<span class="blue">#faf6f6</span>;</span><br>
  <span class="darkblue">color</span><span class="pink">:<span class="blue">#000</span>;</span><br>
  <span class="darkblue">border-color</span><span class="pink">:<span class="blue">#edd #baa #baa #eed</span>;</span><br>
  <span class="darkblue">font-family</span><span class="pink">:<span class="blue">Arial, Helvetica, sans-serif</span>;</span><br>
  <span class="darkblue">size</span><span class="pink">:<span class="blue">12px</span>;}</span></span><br>
  
  <span class="darkblue">&lt;/div&gt;</span>
  
</div>

Hi all, I'm having a little trouble here, I'm a newbie at coding but I'm learning. how would I achieve something like this?


http://www.createblog.com/layouts/code.php?id=28757

and or like this?

http://www.createblog.com/layouts/code.php?id=28038
should I be using divs...as you can see in my code I went div crazy...I kinda perfer divs anyway! how can I do this?



HTML Code:

<style type="text/css">

a:link {color: #66cdaa;
font-family: verdana;
font-size: 6pt;
text-transform: uppercase;
text-decoration: none;}

a:visited {color: #cc6600;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: uppercase;
text-decoration: none;}



a:hover {color: #870708;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: lowercase;
cursor:hand;}



/*all links above*/


body {background-color: black;}
color: #ffffff;
font-weight:bold;
font-family: arial;
font-size: 12px;
margin: 0px auto;
padding: 0px;
text-align: justify;
scrollbar-face-color:#1ee849;
scrollbar-shadow-color:#1ee849;
scrollbar-3dlight-color:#1ee849;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#1ee849;
scrollbar-darkshadow-color:#1e
scrollbar-highlight-color:#1ee849;}


h1{color:#66cdaa;
font-size: 20px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;
line-height: 15px;}



h2{color:#66cdaa;
font-size: 15px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;}


p {
font-weight: bold;
color:#66cdaa ;
font-family:times ;
font-size: 12px;
}



/*all divs here*/

div {
font-weight: normal;
color:#66cdaa ;
font-family: times;
font-size: 12px;



}




div#header {
    clear: both;
    height: 50%;
    width: 100%;
    background-color: ;
    padding: 1px;
}

div#master {
    float: center;
    width: 100%;
    background-color:white;
}

div#left {
    float: left;
    width: 150px;
    background-color: black;
}

div#right {
    float: right;
    width: 150px;
    background-color:black;
}
div#middle {
    padding: 0px 160px 5px 160px;
    margin: 0px;
    background-color:black;
}
div#footer {
    clear: both;
    background-color:grey;
}

</style>


<title>I like my nails</title>


</head>
<!--who ha -->
<body>





<div id="Head"><img src="pic location" width="100%" height="50%" alt="pic name " />
</div>

<br />
<br />


<div id="master">




<div id="left">



Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id, 

metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit. 

Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non, 

pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec 

eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor 

faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi, 

malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum, 

</div>


<div id= "right">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id, 

metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit. 

Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non, 

pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec 

eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor 

faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi, 

malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum, 

</div>

<div id="middle">

<h1>Your Header Here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id, 

metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit. 

Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non, 

pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec 

eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar.

Nam id quam vitae lectus tempor faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed 

metus. Quisque libero mi, malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis 

eget, adipiscing dictum, vestibulum id, nulla. Etiam consectetuer. Duis varius sem eu nisi. Praesent congue aliquam elit. Sed 

nec sapien. Curabitur lacinia, augue et hendrerit pharetra, sem magna lobortis quam, ac volutpat magna nisl vel libero. Duis 

magna. Vestibulum suscipit dui id magna. Suspendisse potenti. Etiam ut purus. Praesent tincidunt, elit bibendum eleifend 

tincidunt, arcu lacus vestibulum magna, et pellentesque est justo fringilla dui. Cum sociis natoque penatibus et magnis dis 

parturient montes, nascetur ridiculus mus. Curabitur elit. Mauris dignissim gravida massa.

Vivamus eu odio. Proin euismod aliquet erat. In sed justo. Nulla a dolor ac tortor placerat elementum. Donec nisi. Donec 

lobortis. Cras ut augue. Donec enim. Aenean ut ligula ac arcu suscipit consectetuer. Duis nibh dui, mollis et, elementum ac, 

luctus eu, diam. Quisque risus nunc, pharetra in, commodo vel, vestibulum in, tellus. Praesent blandit sagittis nisi. In hac 

habitasse platea dictumst.

Morbi interdum. Nullam tincidunt enim eu mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere 

cubilia Curae; Ut pretium, justo at pharetra suscipit, lorem nulla sodales dui, at ultrices quam tellus sit amet metus. 

Pellentesque consequat vestibulum sem. Cras consectetuer ipsum non augue. Praesent tellus nulla, sodales at, pretium ut, 

consectetuer vel, massa. Aenean risus orci, suscipit eget, ornare eget, lacinia sit amet, sem. Ut vulputate, metus quis 

posuere gravida, massa nisi commodo tellus, viverra cursus massa leo at purus. Morbi feugiat fermentum lectus. Aliquam 

blandit placerat velit. Aliquam vestibulum porta elit.

In erat. Etiam non augue. Aenean luctus. Fusce arcu mauris, vehicula quis, ultrices sed, porta nec, dolor. Donec eros tellus, 

posuere nec, vehicula ut, venenatis at, diam. Curabitur hendrerit. Nulla enim enim, sodales nec, imperdiet ac, gravida vel, 

dolor. Etiam hendrerit, leo a mollis semper, elit metus tincidunt pede, sit amet porta turpis quam at diam. Proin sagittis 

nulla luctus elit. Curabitur non sapien. Proin eget orci. Curabitur tortor mauris, faucibus a, euismod fermentum, congue 

eget, nisi. Sed et purus. Curabitur eget quam et massa dignissim tristique. Cras elit.

</div>
</div>





<div id="footer"><strong>Copy right 2008 Syd</strong> | Design by <strong>Syd</strong></div>
<!--end of the stuff-->
</body>
</html>

Hi all,

Is it possible to make iPod application in HTML/XML. If it is possible then how can I make an iPod application using HTML/XML.



With Regards,

I have a list of names in say a data base flat file, Do you know if there is a utility that will take and read per line and generate a html file? Hav'nt found anything as of yet but am wondering if someone could steer me in the right direction. thanks