HTML - So Lost, Yet Its So Simple! Unstretch My Page Please...

Hello World! (Where did that tradition start anyways?)

Yes, I am fairly new at web design, and am using the method of "search-Google-whenever-you-have-a-problem-as-you-go" to learn HTML. I am pretty happy with the results I am getting in Dreamweaver, but there is one nagging thing that is throwing a kink into my designs. I have the majority of the content that is unique to each page within a table cell (<td>). Since I wanted to have the background color of the cell match exactly to an image that tops off the page body, I decided to have the background be one pixel of that color that repeats across the whole table cell.

Originally, I just defined the background in the starting tag using "style=" then specifying the background. (Dreamweaver made sure I had it right using its Code Hinting). The background shows up perfectly when in the Dreamweaver editing view, but when looking at the page in any other view (Live view, preview in browser, etc.), the background of that cell is just white.

I tried defining the background with a CSS ID, which has worked on other parts of the page, but no beans. What am I doing wrong? Is the fact it is only one pixel that has to repeat an issue?

Here is the code:

<td width="100%" height="103" colspan="8" align="center" id="page_background_beige" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top-style: solid; border-top-width: 1; border-bottom-style: none; border-bottom-width: medium;">
<!-- TemplateBeginEditable name="Body" -->
//In here goes all of the content of the page
<!-- TemplateEndEditable --></td>


The CSS:

#page_background_beige {
background-image: url(Background_Pixel.png);
background-repeat: repeat;
}

Thanks,
Wookieguy

(Heh, I know tables are a fairly sloppy way to do things, but this is a fairly simple site anyways.)

Hi guys,

So, the problem is:
I just made this webpage, which really should be a simple page where the point is to use html/xhtml and css. I also added some javaScript, but thats just to make the gallery look better, or something.

Anyways, the page loads good under IE, but when I load it in Firefox the menu is f***** up.

I use a table, and it kinda looks like the table height is doubled in firefox, leaving the preLoaded hover-image top-aligned, and the non-hover-image center-aligned, in this doublesized tabel cells.

Well, just take a look for yourself. Try loading it in both IE and Firefox.

Thanks for any help =)

Site: http://stian.portfolio.moo.no

how do you make youtube videos small on your profile
like...
icon size
i've seen it on profiles but cant figure it out

I have an iframe that scrolls pics and it works great in FF, but only some of the time works in IE..... This was my first time using an iframe so I am more lost than usual Any help much appreciated...

www.andygphoto.com

Thank you,

Bryan

I need a simple html teplate page for ebay and Craigslist posting. Css cannot be a seeperat file. Coding as to be basic for criaglist. What is a good source for template like this?

Hi,

I need a dropdown menu where I can assign a different link to each option (and when the option is chosen that link is opened in the same window), it should be as simple as possible so it works on the majority of browsers and doesn't get blocked by various utilities that block java/scripting and all that stuff...

I don't mind if the user has to press a 'submit' button or whatever.

What's the best way to do this?

Thanks.

Hi,

I webmaster a web page at, lets call the address: www.ourlittledivision.bigcompanydomain.org. Here (at our company) I have all files of the web page, including a functioning favicon.

I have also complemented with a more readable web address, lets call it: www.ourlittledivision.com. This second address simply redirects to the first address mentioned above. This domain with its redirection is located at an external web hotel.

These two alternative addresses means you can reach the web pages either way by just writing either the first or the second url. My question is that the favicon appears fine if you use the first address, but not if you use the second. The favicon seems to be lost in the redirection, and just IEs default icon is shown.

The web hotel should not be blamed. I use it for other web pages where the favicons work, but they are not redirected.

My picture favicon.ico lies just next to the index file in the root, not in any of the folders. The code in the index file is simply:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">

So, can anyone mediate...? Somebody out there must have seen this phenomena. I guess there are more than I that could be helped by a solution to this question...

Best regards
Stonechat

I am simply developing a HTML website page, on this page, there are two flag images(USA and Poland) which is used as a language selection of the page for users.

I am wondering, for this single web page development (without any backend system), is there any efficient way to implement the page localization(that's display the page in different language) based on the flag selection from user?

Thank you in advance for any help.

Hi all, I hope I'm in the right place, I'm completely new to html and web related things but due to lack of funds have decided to try to make my own website in notepad with the help of a free template and some html and css for dummies books from the library.
I currently have a gallery on my front page www.familyhistoryhelpers.co.uk and would like to change it to a slideshow. The code below is for a slideshow I have been attempting to put together with help of browsing forums and 'trial and error' editing. I have swapped out the images as the ones I will be using are still currently sitting on my desktop.
My aim is to make the below slide show look kind of like the gallery on my front page - with the thumbnails underneath and maybe a small border around the whole thing.
Any help at all would be very very greatly appreciated!
Kind regards,
Danika Grace



<!DOCTYPE html>
<html>
<head>
<title>JQuery Cycle Plugin</title>

<style type="text/css">
#slideshow { left: 75px }
#nav { width: 100%; height: 50px; margin: 25px; }
#nav li { width: 60px; float: left; margin: 8px; list-style: none }
#nav a { width: 65px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">></script>
<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.1.1.js"></script>

<script type="text/javascript">
jQuery(function($){
$('#slideshow').before('<ul id="nav">').cycle({
fx: 'fade',
speed: 1000,
timeout: 5000,
pager: '#nav',
pagerAnchorBuilder: function(idx, slide){
return '<li><a href="#"><img src="' + slide.src + '" width="65" height="50" /></a></li>';
}
});

$('#nav a').click(function(){
$('#slideshow').cycle('pause');
});
});
</script>
</head>
<body>

<div id="main">


<div id="slideshow" class="pics">
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" title="My Great Great Grandparents, John and Sarah, with my Great Grandfather, Leslie, and his sister, Margaret" width="600" height="340" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" title="Certified Copy of an 1895 Marriage Certificate" width="600" height="340" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" title="My Great Great Aunts and Uncles" width="600" height="340" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="600" height="340" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="600" height="340" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach6.jpg" title="Certified Copy of an 1882 Birth Certificate" width="600" height="340" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach7.jpg" title="My Great Great Grandparents, Fred and Carrie" width="600" height="340" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach8.jpg" title="An 1851 Census Report" width="600" height="340" />
</div>


</div>

</body>
</html>

Hi All,

I have just started my first page and there is a little problem with it that is driving me nuts. Basically, Im trying to make a simple page where the content is centered and there are two background columns on the right and left: we see these pages everywhere.


Here is the code (pseudo) I am trying

<body>
<centered content>
<body_divis>
<pic>
insert picture (top left)
<pic>
</body_div>
</centered content>
<body>

now im using a css file in which we have:

<centetred content> : fix width (1000px), auto left and right margin, gray background.

<body_div>: white background.

<pic>: 0 margins.

So far so good, I get the desired effect: white page in the middle, two side columns in gray. All of this starts at the very top of the page.

Now I just want to move the picture slighlty down. As soon as I do that the whole white centered section moves down with it, creating a horizental gray bar on top of the page that is driving me nuts....

it seems that the white section starts where the first object is placed. I just want it to start at the top and then plance my objects wherever.

All margins are good in my code as I have checked and rechecked.

I appreciate any help.

Thanks,

Kakeez

Hey guys, so, I'm having some problems creating HTML newsletter emails in Outlook 2003, whenever the newsletter is viewed in a browser it works fine, the layout stays the same and everyones happy. However, when this is put in an email as HTML text the format completely messes up. Does anyone know a way round this? I've tried importing it into Word and saving it, then copying and pasting it in but still no luck. Any help would be great!

I've made an incredibly simple html page as an active desktop for a gpo policy, however there's been an uproar about colours so I thought I'd give it a stab to have a drop-down box to select from a range of colours for the body style tag. Any suggestions?

<html>
<head>
<!--808080-->
<title>ArchitenBG</title>
<STYLE type="text/css">

body {
background-color:#3A6EA5;
}

#div1 {
position: absolute;
size: 50%;
bottom: 0px;
right: 0px;}
</STYLE>

</head>
<body>
<div id="div1"><img src="Talbg.png" /></div>
</body>
</html>

Hi All

This is my first post so i hope I provide all the info you need, to be able to help.

I am working inside Macromedia UltraDev as this is waht I was taught with over a decade ago.

Problem started when I set a fixed background image to the page . . . dropdown menu still displays, but everything else (text & pics) in table seem to be hiddden behind the background image.

here is the code
HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">


<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}
</style>

<link rel="stylesheet" type="text/css" href="dropdown/dropdown.css" />
<script src="dropdown/btp.js" type="text/javascript"></script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="en-au">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Barcaldine Tourist Park</title>


</head>



<body>

<div align="center">  <center>
    <table width="1000" border="0" cellpadding="0" height="100%">
      <tr> 
        <td height="54" colspan="2"> 
          <div align="center">
            <h1><font face="Georgia, Times New Roman, Times, serif" size="+7">Barcaldine 
              Tourist Park</font></h1>
          </div>
        </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td height="146" colspan="2"> <span class="preload1"></span> <span class="preload2"></span> 
          <ul id="nav">
            <li class="top"><a href="#nogo1" class="top_link"><span>Home</span></a></li>
            <li class="top"><a href="#nogo2" class="top_link"><span>Park Features</span></a></li>
            <li class="top"><a href="#nogo22" class="top_link"><span>Accommodation</span></a></li>
            <li class="top"><a href="#nogo27" class="top_link"><span>Our Tarrifs</span></a></li>
            <li class="top"><a href="#nogo57" class="top_link"><span>Special Offers 
              </span></a></li>
            <li class="top"><a href="#nogo57" class="top_link"><span>Local Photos</span></a></li>
            <li class="top"><a href="#nogo57" class="top_link"><span>Contact Us</span></a></li>
            <li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Local 
              Attractions</span></a> 
              <ul class="sub">
                <li><a href="#nogo54">Australian Workers Heritage Centre</a></li>
                <li><a href="#nogo55">Tree of Knowledge</a></li>
                <li><a href="#nogo56">Artesian Country Tours</a></li>
              </ul>
            </li>
          </ul>
        </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td rowspan="2" width="99">&nbsp;</td>
      </tr>
      <tr> 
        <td rowspan="5" width="895" bgcolor="#FFFFFF"> 
          <div align="center"></div>
        </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td width="99">&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td width="99">&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td width="99">&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td width="99" height="23">&nbsp;</td>
      </tr>
    </table>
  </center></div>
  
<div id="page-background"><img src="images/bg.jpg" width="100%" height="100%" alt="Smile"></div>
	<div id="content">
	</div>

</body>



</html>

Hi everyone.

I've got a website up and running and it looks fab. I've allocated a page for comments or feedback - but setting it up is proving more difficult than I thought!

I thought it would just be a simple case of creating/copying some HTML and away we go ... apparantly not

I just want something where guests can leave their name a small comment. Nothing fancy really. I would like it to sit on an existing page though.

Can anyone give me any tips on this?