HTML - Making A Complicated Website And Need Some Advice

Hi, im making a site with an arcade. i was wondering how i could make the arcade have a high score board exclusively for the people who go on my site, (instead of the high scores being sent to a larger database of people scoring 999,999 on a game)

can anyone help me?

Hey mates,

i have a website and want to create a page on there where just registered users have access to and can download from the links on that page. Therefore I believe I need to make a "register" thing on my website, where they get a code to their typed in email addy and have to confirm it by typing it in on my page. I don't even know if it is possible to create that kind of thing with html, but any help would be great,
have a nice sunday,
DonCanalle

I'm programming my first website for a friend who makes comics and in order to make the border around his comics fit I had to mess with the margins.
The website looks great on Mozilla and Chrome, and perfect on Safari, but on IE and Opera the border ends up very skinny and goes through the comic, it also makes the page look enormous. Does anyone know how to remedy this? I think it has to do with the border being around the paragraph rather than the image, but I'm not sure. Any help is greatly appreciated.

Can anyone tell me how to change the header and the look of my wordpress blog to match my site? I am just learning html. I know nothing of php, so I am not sure if I should tackle this or not. Thanks!

Hello.

I was lurking on web in search for some kind of administration.
I have simple web site and i want to add articles to site like in JOOMLA.
Can this be done.

Thanks in advance!

Hi All Quick question for some im sure,

Im in the process of designing a site for someone, and ideally i want it to fit the hole screen does any one know of the top of there head the CSS for this?

reason i ask this because they have said they wont the page to be 960px width and iv said the majority of sites today fill the hole display of a monitor which they then agreed on Any one know?

Or am i right in saying i have to just play around with the page properties in the CSS.

Thanks in advance

Ok so I've come across a problem with my website. It looks fine in Internet Explorer but I downloaded Google Chrome to see what it looks like in that and the text box doesn't position where it's instructed (it uses iframes), it ignores the coding and is just aligned far to the left.

First off I was wondering if people could look at it in other web browsers and tell me what it looks like? (I would do it myself but my laptop is volatile and I can't risk downloading anything else at the moment!) The address is http://zmbush.webs.com/Yellow/YellowIndex.html
(Before anyone laughs..Ignore the content haha, it's more of a nostalgia website for myself so I can keep track of what I've made if I ever feel the need to show someone..Embarrasing I know) Oh and I apologize if the iframe text box keeps saying it's prohibited, it might come up it might not, it's because my account on freewebs is new and iframes only work after 7days, but if you keep clicking on the navigation the proper pages do show up eventually.

I've sifted through the coding but can't find anything wrong with it in my eyes..However I have a Test page for this also and it looks fine in IE aswell as Google Chrome, except that there is no navigation and the text box is not linked to iframes. I've taken out the navigation and iframe codes in the official YellowIndex coding and the position of the text box does not change so in my eyes they are not the problem, I hope.

I was wondering if anyone could look at the code for me and see if they can rectify it?
Try and ignore the < ! - - - - >notes if you can, they are only there to aid my understanding of what I've actually done haha. And even in some cases I'm not entirely sure what I've done.

Ok, so here's the code on the YellowIndex (the Test page one will be after this)

Code:

<!--top webpage title-->
<title>Yellow & Blue Scribbles</title>
<!--//-->

<!--ondragstart=stops dragging images into addressbar onselectstart=stops highlighting oncontextmenu=stops rightclicking-->
<body ondragstart="return false" onselectstart="return false" oncontextmenu="return false">
<!--//-->

<!--stops image toolbar appearing when you hover over an image-->
<meta http-equiv="imagetoolbar" content="no">
<!--//-->

<!--colour background-->
<body background=http://zmbush.webs.com/Yellow/MainGraphics/YellowBackground.png>
<!--//-->

<!--navigation-->
<center><a href="http://www.zmbush.webs.com/index.htm"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowArrow.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"><a href="http://zmbush.webs.com/Homepage.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav1.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"><a href="http://zmbush.webs.com/Yourself.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav3.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav4.png"><a href="http://zmbush.webs.com/Myself.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav5.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav6.png"><a href="http://zmbush.webs.com/Website.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav7.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png">
</center>
<!--//-->

<!--position and size of image-->
<div align="center"><table border="0" width="565" height="539" background="http://zmbush.webs.com/Yellow/MainGraphics/YellowLayout.png">
<!--//-->

<!--position of text from top within the boundries of the set size of image-->
<tr>
<td width="360" height="8" colspan="3"> 
</td>
</tr>
<!--//-->


<!--table row code (will contain the text)-->
<tr>
<!--//-->

<!--position of text from left within the boundries of the set size of image (must be inside table row code but don't know why)-->
<td width="65" height="290">
</td>
<!--//-->



<!--this makes sure image does not repeat and text is put over it-->
<td width="360" height="290">
<!--//-->

<!--actual size of text box-->
<div style="width: 360; height: 290px; overflow: auto; font-family: Verdana, sans-serif; font-size: 10px; color: #000000;">

<iframe frameborder=0 border=0 width=360px height=290px src="http://zmbush.webs.com/Homepage.html" name="iframe" 
style="position:absolute; left:0px; top:0px" allowtransparency="false" (color=#FFFFFF)">
</iframe>


<!--//-->

<!--not sure what this does but without it the text becomes unformatted and goes below layout image-->
<br>
<!--//-->


<!--closing text box code-->
</div>
<!--//-->

<!--closing image div code-->
</div>
<!--//-->

<!--closing no repeat image and text over image code-->
</td>
<!--//-->


<!--closing table row  code-->
</tr>
<!--//-->


<!--closing image table-->
</table>
<!--//-->

<!--closing colour background-->
</body>
<!--//-->

Ok and here's the Test page code. The only differences I have noticed is I haven't put in the disable right click, highlighting, image toolbar etcetc and there are no iframes and navigation, but like I said I took that all out of YellowIndex and it made no difference.

Code:

<!--top webpage title-->
<title>Yellow Scribble Design</title>
<!--//-->


<!--colour background-->
<body background=http://zmbush.webs.com/Yellow/MainGraphics/YellowBackground.png>
<!--//-->


<!--position and size of image-->
<div align="center"><table border="0" width="565" height="539" background="http://zmbush.webs.com/Yellow/MainGraphics/YellowLayout.png">
<!--//-->

<!--position of text from top within the boundries of the set size of image-->
<tr>
<td width="360" height="8" colspan="3"> 
</td>
</tr>
<!--//-->


<!--table row code (will contain the text)-->
<tr>
<!--//-->

<!--position of text from left within the boundries of the set size of image (must be inside table row code but don't know why)-->
<td width="65" height="290">
</td>
<!--//-->



<!--this makes sure image does not repeat and text is put over it-->
<td width="360" height="290">
<!--//-->

<!--actual size of text box-->
<div style="width: 360; height: 290px; overflow: auto; font-family: Verdana, sans-serif; font-size: 10px; color: #000000;">

Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  Welcome Welcome  

<!--//-->

<!--not sure what this does but without it the text becomes unformatted and goes below layout image-->
<br>
<!--//-->


<!--closing text box code-->
</div>
<!--//-->

<!--closing image div code-->
</div>
<!--//-->

<!--closing no repeat image and text over image code-->
</td>
<!--//-->


<!--closing table row  code-->
</tr>
<!--//-->

<!--closing image table-->
</table>
<!--//-->

<!--closing colour background-->
</body>
<!--//-->

Thankyou!

right i have a site which is like a blog

the parent page has two iframes on it:

one called date
and one called blog

now the iframe date has different dates in
the iframe blog has well the blog with anchors on the dates

now i need so that wen you click on a date in iframe date it moves to that anchor in iframe blog which are two completely different pages

any help appreciated

INDEX (base)
<html>
<head>
<title>site sliced</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (site sliced.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
workinp_03_over = newImage("images/workinp_03-over.gif");
workinp_04_over = newImage("images/workinp_04-over.gif");
workinp_05_over = newImage("images/workinp_05-over.gif");
workinp_06_over = newImage("images/workinp_06-over.gif");
preloadFlag = true;
}
}

// -->
</script>
<!-- End Preload Script -->




<style type="text/css">
<!--
.style1 {color: #000000}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="images/background.gif" onLoad="preloadImages();">
<!-- ImageReady Slices (site sliced.psd) -->
<table id="Table_01" width="800" height="601" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="14">
<img src="images/workinp_01.gif" width="800" height="21" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/workinp_02.gif" width="93" height="79" alt=""></td>
<td colspan="2">
<a href="link1.html"
onmouseover="changeImages('workinp_03', 'images/workinp_03-over.gif'); return true;"
onmouseout="changeImages('workinp_03', 'images/workinp_03.gif'); return true;"
onmousedown="changeImages('workinp_03', 'images/workinp_03-over.gif'); return true;"
onmouseup="changeImages('workinp_03', 'images/workinp_03-over.gif'); return true;">
<img name="workinp_03" src="images/workinp_03.gif" width="132" height="79" border="0" alt="link1"></a></td>
<td>
<a href="link2.html"
onmouseover="changeImages('workinp_04', 'images/workinp_04-over.gif'); return true;"
onmouseout="changeImages('workinp_04', 'images/workinp_04.gif'); return true;"
onmousedown="changeImages('workinp_04', 'images/workinp_04-over.gif'); return true;"
onmouseup="changeImages('workinp_04', 'images/workinp_04-over.gif'); return true;">
<img name="workinp_04" src="images/workinp_04.gif" width="138" height="79" border="0" alt="link2"></a></td>
<td colspan="2">
<a href="link3.html"
onmouseover="changeImages('workinp_05', 'images/workinp_05-over.gif'); return true;"
onmouseout="changeImages('workinp_05', 'images/workinp_05.gif'); return true;"
onmousedown="changeImages('workinp_05', 'images/workinp_05-over.gif'); return true;"
onmouseup="changeImages('workinp_05', 'images/workinp_05-over.gif'); return true;">
<img name="workinp_05" src="images/workinp_05.gif" width="162" height="79" border="0" alt="link3"></a></td>
<td colspan="2">
<a href="link4.html"
onmouseover="changeImages('workinp_06', 'images/workinp_06-over.gif'); return true;"
onmouseout="changeImages('workinp_06', 'images/workinp_06.gif'); return true;"
onmousedown="changeImages('workinp_06', 'images/workinp_06-over.gif'); return true;"
onmouseup="changeImages('workinp_06', 'images/workinp_06-over.gif'); return true;">
<img name="workinp_06" src="images/workinp_06.gif" width="161" height="79" border="0" alt="link4"></a></td>
<td colspan="3">
<img src="images/workinp_07.gif" width="114" height="79" alt=""></td>
</tr>
<tr>
<td>
<img src="images/workinp_08.gif" width="39" height="38" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/workinp_09.gif" width="45" height="340" alt=""></td>
<td colspan="9">
<img src="images/workinp_10.gif" width="624" height="38" alt=""></td>
<td rowspan="2">
<img src="images/workinp_11.gif" width="50" height="340" alt=""></td>
<td>
<img src="images/workinp_12.gif" width="42" height="38" alt=""></td>
</tr>
<tr>
<td>
<img src="images/workinp_13.gif" width="39" height="302" alt=""></td>
<td colspan="5" BACKGROUND="images/workinp_14.gif" width="329" height="302">
<iframe name="IF" id="IF" src="dates.html" height="100%" width="100%" frameborder="0">your browser doesnt support iframes please update it</iframe></td>
<td colspan="4" BACKGROUND="images/workinp_15.gif" width="295" height="302" valign="top" style="padding-left: 25px">
<font color="white">HI HOW ARE YOU<P> this box doesnt extend and i cant make it so dont put too much here as it looks really screwy,<P> <B>but look at the background its acctually really smoothly animated and fades so it doesnt annoy you</B></font></td>
<td>
<img src="images/workinp_16.gif" width="42" height="302" alt=""></td>
</tr>
<tr>
<td colspan="14" BACKGROUND="images/workinp_17.gif" width="800" style="padding-left: 100px; padding-right: 100px"><BR>
<iframe src="blog.html" name="IF2" width="100%" height="100%" frameborder="0" class="style1" id="IF2">your browser doesnt support iframes please update it</iframe></td>
</tr>
<tr>
<td colspan="14">
<img src="images/workinp_18.gif" width="800" height="107" alt=""></td>
</tr>
<tr>
<td colspan="14">
<img src="images/workinp_19.gif" width="800" height="22" alt=""></td>
</tr>
<tr>
<td colspan="14" BACKGROUND="images/mid_b.gif" width="800" style="padding-left: 105px; padding-right: 105px"><font color="white">and sodoesn this one <P> its great</font></td>
</tr>
<tr>
<td colspan="2">
<img src="images/workinp_20.gif" width="75" height="17" alt=""></td>
<td colspan="3">
<img src="images/workinp_21.gif" width="46" height="17" alt=""></td>
<td colspan="5" rowspan="2">
<img src="images/workinp_22.gif" width="514" height="18" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/workinp_23.gif" width="73" height="18" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/workinp_24.gif" width="92" height="18" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/workinp_25.gif" width="121" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="36" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="104" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="138" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="50" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="112" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="110" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="51" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="50" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="42" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<br>
</body>
</html>



DATES:
<html>
<head>
<title>doesnt matter</title>
</head>
<body bgcolor="black">
click a date to go to that date
<a href"blog.html#10807 target="IF2">August 10th 2007</a></center>
</font></body>
</html>



BLOG:
<html>
<head>
<title>doesnt matter</title>
<link href="blog.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="black">
<table width="100%" border="3" align="center" cellpadding="5" cellspacing="5" bordercolor="#999999">
<tr>
<td class="date" width="30%"><a name="10807">10th august 2007</a></td>
<td class="main" width="100%">Hi my name is Matthew Hailwood and i decided to start a blog to keep track of my life, i dont know how often i will update this however I will try my best </td>
</tr>
<tr class="main">
<td class="date">10th august 2007 </td>
<td>this is the second post </td>
</tr>
<tr class="main">
<td class="date">10th august 2007 </td>
<td>this is the third post </td>
</tr>
</table>

</body>
</html>

I would like to add a text link to a page that would go to our search page. The pull down menu on the page would then be pre-populated with the search they are looking for.

For instance it would say, "Click HERE to find retailers that has this color" (The word "HERE" is the link.) The link would go to the SEARCH page and the drop down menu on the page would have the (already existing) drop down menu showing "SILK COLORS." No need for the user to look for it on the drop down menu.


Thanks for your help. Let me know if you need clarification.
Simone

Hey Guys, I am getting a website built for my company to use for internal use, and I have a web builder that is saying some of the things i want done, are not in the world of code, and they cannot do it, so of course, thinking you can want to prove him wrong. My question is...

the website i will have, will have a frame, 25% of the screen with miniature windows in the frames, of different websites (help page, info page etc)

when you click the miniature window IN the frame, can you make is to that whatever happens in the 75% of the main body of the screen, mimics IN the minature window, in the frame?

So if have a blue screen with a plane on the main body of the website, (75% portion of the screen), can that same blue screen with the plane be showing LIVE in the miniature window, so now, what happens in the larger main body, say it be a red background, and a green car, the miniature window will copy its movement of images/background, and display as it does in the main window... i want a mirror image of a mini window following a larger window..

is there a code for this? can this be coded?

HOPE THIS MAKES SENSE! Thanks! hope to hear from you!!

I want to use my images as links, but I also want them absolutely positioned relative to their parent div. However I have come across a problem, to make them links I need to wrap <a>s around them which then means their positioning becomes relative to the anchor tag.

Can anyone suggest anything to counteract this problem? I do need them absolutely positioned. The only alternative is an image map, but I'm reluctant to do that because of the slow load time for the whole image, plus all the extra co-ordinate coding I'd have to do.

Hi Guys,

I have been approached by a company for a job which im not 100% sure of a solution on.

There is a company already set up in Greece and they have a site up and running already. A new comapny is partnering with them in the UK and they want to set up a UK version of the site.

The problem i have is the UK company need to have there contact details and other information on the main nav links and the greece site needs there information.

before i go any further here is the site and i have split it into 2 frames on the image to help you understnad what i need to try and acheive.

http://www.renttheweb.com/med/index.html

Frame 1 at the top has a static navigation so this can be edited on teh UK version.

Frame 2 at teh bottom is run through a CMS so teh links are not static.

What i need to try and acheive for the UK site is the following.

The information and links in frame one needs to be controlled by the UK comapny.

The information in frame 2 needs to be controlled by the Greece comapny.

Is there anyway to set up 2 frames on the UK site. Frame 1 will be set up so the UK company can control teh links and information. Frame 2 would need to display wants stored on the Greece version.

I've been looking at this for a few days now with both the UK comapny and Greece company and were trying to come up with a solution so that the UK site has all UK information from the top navigation and the Greece version has all the information relevent to them.

The idea with breaking the site up this way is so that the UK site get the contacts about the properties if people find the UK site.

Any ideas or other suggestions or if anyone knows straight away this would not be possible for any reason please let me know.

CC_DESIGN

I have a website up www.sheridangroupdc.com

When I use safari the bottom corner doesn't always display. I'm wondering if someone could provide some insight as to why this is happening. Thanks so much.

the code for that portion is as follows...


HTML Code:

<div id="index_bottom_container_02">	
    <div id="index_right_text">
        <div id="text_header"><img src="images/headers/new/index.jpg"/></div>
	<div id="txt_index_02"><img src="images/index_text.jpg" /></div>
    </div>
    <div id="index_right_flash"><img src="images/footer_small.jpg" alt="sheridan footer" /></div>
</div>	

Hello,

I'm trying to get as much help as i can to do with HTML ; I understand most of it all now thanks to alot of help on the WWB.

A quick question, My friend is on about me doing a portolio to help me get a job in web design - could anyone give me any tips of what to do or how?

Please have often told me to creat my own forum? or many a couple of websites?

& also does anyone know any good FREE web hosts?

Thank you.