|
HTML - First Website, Need Help With Main Content Area
I know I'm probably going to get ridiculed for this being my first post, but I can't seem to find any help elsewhere. I browsed the forum a bit before posting but didn't really know what to look for. OK so this the first website I've ever made and I only have limited html knowledge but so far this is what I have.
www.freewebs.com/maurerrj Here is the html: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2007 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 1/15/2007 4:28:49 PM -->
<head>
<title></title>
<style type="text/css">
<!--
.{background: #D6D3C0;}.{background-image: url(http://img138.imageshack.us/img138/3373/newbackground4qp5.jpg);background-repeat: repeat-y;background-position: center;}
-->
</style>
</head>
</style><body topmargin="0">
<div align="center">
<table cellspacing="0" cellpadding="0">
<tr><td colspan="0" width="750"><img height="223" src="http://img223.imageshack.us/img223/7681/banner5im9.jpg" width="724"><td></td>
<tr><td colspan="0" width="750"><img height="19" src="http://img407.imageshack.us/img407/7290/fillervh5.jpg" width="724" border="0"><td></td>
<tr height="0"><td colspan="0" width="750"><img height="11" src="http://img101.imageshack.us/img101/3912/spacer1hs9.jpg" width="724"><td></td>
<tr><td valign="top" width="153"><table cellspacing="0" cellpadding="0" width="153">
<tr><td><img height="36" src="http://img260.imageshack.us/img260/1838/filler2qj3.jpg" width="153" border="0"></td></tr>
<tr><td><a href="#"><img height="22" src="http://img156.imageshack.us/img156/9990/home1pp8.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img92.imageshack.us/img92/8751/conifersls9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img251.imageshack.us/img251/7016/grassesbf3.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img525.imageshack.us/img525/5920/shrubsvf9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img86.imageshack.us/img86/2730/perennialszy4.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img137.imageshack.us/img137/4079/troughgardenskr9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img91.imageshack.us/img91/5199/directionsae8.jpg" width="153" border="0"></a></td></tr></table></div>
</body>
</html>
Anyway, onto the point... I want to make an area to put all of my content like text and images and what not in that main area but I don't really have any idea how to do it. Also the background image isn't showing up in firefox, so if you have any idea how to fix that let me know. But for now I guess you have to look at it in IE. Also, I will be having galleries under the evergreen, perennials, etc. tabs, and I think I want to use lightbox, but I don't know much about it. So any tips with that would help. The lightbox website is http://www.huddletogether.com/projects/lightbox2/ Any help you can give me is TRULY appreciated. Similar TutorialsHi, Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please? http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using! Thansk alot Joe HI Im making a site at the mo and im looking to keep the menu and a picture stay in the same position constantly. So when then user moves the scoll wheel only the text are will scroll. I dont want there to be any border or scroll bars around the text, so the only visable scroll bar will be the browsers... any ideas? I'm getting rid of my index.html file, and replacing it with a brand new index.php file. But I have a problem... I have a forum which has an index.php file... If I rename my websites index.php file to homepage.php, am I able to have that page load up when someone visits my website, or does it have to be named index.php? I had a guy helping me fix my flyout menu and now my content that is under my div content is at the bottom of my page instead of at the bottom. I am not sure what to do to get it back to the top. Any help or ideas, I have been messing with this for hours. http://www.mesquitechristmas.com/index.html If you need me to post some code just let me know what code to post, or you can just view the source code.... -Thanks hello, I want to figure out a way to make the layout of my website fixed, depending on the screen resolution and browser of the person that is viewing my site. I would like a layout with three rows (Header, content, Footer). the Content row should be 2 columns. i would specifically like the Header and Footer rows to be Fixed. and the right column in the content row to have a scroll bar, so that the content in it is the only thing I can scroll while my top banner and footer stay put. Can anyone orient me towards tutorials or any sort of information that might help me solve this? Thank you! Hello- I'm having a problem with my header. When I first started building this dumb thing, it was in IE7. Everything was looking fine with that, and then I tried to switch to Firefox, and nothing was where it should have been. My doctype wasn't valid, which is now fixed. Anyway, the problem. When I put the header content into the page's html, it displays like it should, but when the header is in a separate file, it leaks down into the main page. HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Title</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <div id="Header"> <!--#include virtual="/includes/header.txt" --> <br> </div> <div id="Menu"> <!--#include virtual="/includes/menu.txt" --> </div> <div id="Content"> <h1>Hello!</h1> <p style="text-indent:30px">Welcome </p> <br> <p><b>Jan 14</b></p> <p>The calendar, links, contact us, and 'what to bring' pages are up.</p> <br> </div> <div id=footer> <!--#include virtual="/includes/footer.txt" --> <br> <!--#config timefmt="%B %d, %Y"--> Last Modified: <!--#echo var="LAST_MODIFIED"--> </div> </body> </html> Header: Code: <a href="index.shtml"><img src="cricket_edited.jpg" alt="Home" style="border:none;"></a>    Title CSS: Code: body {
font:15px/20px verdana, arial, helvetica, sans-serif;
color:#336600;
background-color:#FFFFCC;
}
* {
margin:0px;
padding:0px;
}
h1 {
margin:0px 0px 15px 0px;
font-size:28px;
line-height:28px;
font-weight:900;
color:#999966;
}
h2 {
font-size:26px;
line-height:0px;
font-weight:700;
color:#999966;
margin:0px 0px 15px 15px;
}
p {
margin:0px 0px 16px 0px;
}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}
a {
font-size:15px;
text-decoration:none;
font-weight:600;
}
a:link {color:#CC3333;}
a:visited {color:purple;}
a:hover {background-color:white;}
a:active {border:solid 1px #CC3333;}
ul {
list-style-type: circle;
}
#Header {
margin:50px 0px 10px 0px;
padding:17px 0px 6px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:30px;
font-size:30px;
font-weight:bold;
border-color:black;
border-style:solid;
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:11px;
background-color:#CC9933;
}
#Content {
margin:0px 230px 50px 10px;
padding:10px;
background: #FFFFCC;
}
#Menu {
float:right;
padding:10px;
background-color:#eee;
border:3px dotted #336600;
width:150px;
}
.hmenu {
font-size:15px;
font-weight:bold;
text-indent:6px;
}
.sub {
font-size:13px;
text-indent:20px;
}
#Footer {
margin:50px 0px 10px 0px;
padding:17px 0px 6px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:33px;
border-style:solid;
border-color:black;
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:11px;
background-color:#CC9933;
}
Can anyone help? Thanks, Kate Hello I'm trying to work out a way of allowing my main content to increase without it stretching my nav and ruining the formatting. I have a table, 2 columns, 10 rows, cell spacing 4 I've set the main content (right) to span all 10 rows. I want to be able to increase the main content without it stretching my rows. Row height set to 40px. My answer so far has been to add an 11th row, turn it white and set the height so that the combined height of the cells in the left had column matches the height of the right hand one. This is fine, but a bit of nuisance if you want numerous pages where the main content takes up a different amount of space. Is there anyway to set the 11th cell on the left hand column to stretch along with my main content, without it messing up the height of the 10 calls above? You'd think you'd be able to set it to height = 100% or something, but apparently not. Many thanks, monki Hello, I'm working on a site, but have run into a problem I'm not sure how to deal with. The contents of the footer area of the page are centered within a Div as you can see at the url: http://www.mylessinclair.com/testsite/ However, I think it might be easier on the eye if the links and content were centered underneath the main content panel. I'm trying to avoid the use of tables in achieving this, so I'm thinking that I need two Divs side by side for the footer. One 150px wide as in the side bar above it, marked up as float left - and then just center the footer contents in the other Div ? Am I on the right track here, or is it a bit more complicated? Hope someone can advise. Many thanks, Myles Hi, I currently have a blog which I designed using wordpress although for some reason when you view a post on IE the white background of my content doesn't extend all the way down like it should. If you take a look at this post from my blog you will see what i'm talking about. http://shokzguide.com/starcraft-2-gu...de-strategies/ I can't seem to understand why it won't work. The code is the same on my other pages, although for some reason in the blog single posts it does this only one IE. Thanks I've created a website completely in HTML, I have now been asked to create a new section that has restricted access to people that we give a password to, we don't want people to be able to register as It is just a small network of people that will be accessing these pages with permission, Is this actually possible to do and if so where can I find information on how to do it. can it be done securely. thanx in anticiption Trace hi! Firstly I would like to state my first impression about this site. Judging the activity of members by the amount of posts I can see that this is the best place to discuss anything website-related. So I hope I enjoy my time here Now, onto my question. I have all my files stored on my computer (.htm + graphics + other junk), and have already purchased a domain. I was wondering how to upload these files onto my site, and get my site going. I understand that I need to purchase a hosting service. I tried that, and didn't understand what to do. I uploaded all my files with the uploader provided, including the index.htm files, and nothing happened. I was then sent to filezilla - some kind of FTP someting (I don't even know what FTP is), and I had no idea what to do with that software. help please? Hey All, don't know if you can help but, my website address is: http://glycemicindexandweightloss.com if you look at the source page you will see that all of the coding is there but the website site states that it is formatted incorrectly. and none of the content shows up. If anyone can take a quick look at this and possibly see something off I would really appreciate it. thanks in advance. Michelle I'm writing my web site in Notepad++, using XHTML (source: w3schools tutorial) , and also getting into XML. This is my website. What I want to do is like this: 1) Move all the text content of my website to mywebsite.xml, organized in text blocks corresponding to each web page E.g.: I cut the text content from the HMTL of the "my profile" web page and paste it to the XML file as a text block under a suitable heading. By text content I mean all the text that is viewable, like "Autodidact. Freelance English-Spanish translator and style proofreader..." 2) Mark each text block in the XML E.g.: I mark the above mentioned text block with an id, "profile" 3) Place a link in the page's HTML to the corresponding text block in mywebsite.xml, so it calls the text when the page is loaded E.g.: where the original text content of the "my profile" page was, I place a link to the corresponding text block marked "profile", so the text is called and viewable when the page is loaded That way I'd manage text content more easily. For example, the text of my menu entries is the same in all pages. I want that when I need to modify the text of a menu entry (e.g. replacing "graphic design" by "visual art"), I can just do it in the XML file and that's all, instead of making the change in every web page. Also having all of my website's text content stored in a single file makes it easier to locate and modify strings. How can this be done? I have no clue. Thanks in advance. God bless you. Hey all (And thanks to all who helped in my last post).. http://wessell.net/david/project/newdesign/index.php I'd like to put a shadow around the left and the right, of the entire box (Including headers and footers).. But I'm at a tad of a loss. I'm finding a lot of information on shadows on pictures, using CSS.. I'd be interested in any suggestionons as to which way to go.. Thanks! David I am attempting to use google analytics on a website someone else developed. I am now in charge of updating this site but am having a problem finding the home page so I may add a google meta tag which would verify me as site owner. The site is at http://www.vandam.com However when I look at the directory on my ftp site and open the file labeled main.html, it looks nothing like the source code I see via the web. What is going on with this. Which file should I be looking for? Delete This Plz I have main window and child window opened by child = window.open(adr, name, "height=200, width=600,resizable=1"); Both pages have <title>title</title> But whereas main widow has in title bar "title - Microsoft Internet Explorer" ,the child window has "http://<ip address> - title - Microsoft Internet Explorer" Why that difference? I want the ip address in child window to disappear, but don't know how. It does the same in IE6 and Mozilla. Thanks. Hi, I am trying to figure out how to restrict users (guests) from browsing straight to a page within my site. I would like to ensure that all users must access the site via www.mysite.com Example: User- browses to www.mysite.com/pages/interestingpage.php (or .htm) I would prefer to force the "User" to click their manually via the links on my main page. I imagine some sort of session would be required for this. However I do not wish to require users to log in. I've heard that .htaccess or Apache's config file can be used but so far I have not been successful. I do have full access to the server/configuration. Hoping someone can assist. Examples would be most ideal. Thanks! Hi All, I am missing the "about us" button on the end of the main css menu www.rangeford.com.au. It is missing on every page which makes me believe css issue but have stared at both the html and css for days and cannot see any issue /* about */ a.nav-aboutR1, a.nav-aboutR3 { width:104px; background: url(../img/nav-about-R1.gif) no-repeat 0 0; } a:hover.nav-aboutR1 { background-position: 0 -33px; } a.nav-aboutR3 { background-position: 0 -66px; } /* span */ The background image is definately present and in the correct folder if any one could point me in the right direction i would be very grateful Cheers Mark |
|||||||