PDA

View Full Version : Website Coding

Murdok09
07-10-2007, 01:23 AM
I am trying to code a website, and I was wondering if anyone would be up to helping. My email is Murdok09@gmail.com. I only need basic things done, but I am not capable of doing them myself. Compensation in forms of merchandise and positions/respect will be given upon completion.
VIPStephan
07-10-2007, 01:48 AM
Can’t you just post the questions you have here? That might help others as well and you’ll have more than one person help you (if it’s not too involved).
Murdok09
07-10-2007, 02:00 AM
Below
_Aerospace_Eng_
07-10-2007, 04:08 AM
We shouldn't have to scroll down "very far". Make a proper post and we won't have to. You should use yourcodehere tags to post your code. I suggest you read the forum rules and guidelines before you post again.
Murdok09
07-10-2007, 04:53 AM
Scroll down to see my question (it's in the middle).




<!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" lang="en">
<head>
<!-- Version: Multiflex-3 Update-2 / Layout-4 --><!-- Date: November 29, 2006 --><!-- Author: G. Wolfgang --><!-- License: Fully open source without restrictions. --><!-- Please keep footer credits with a link to --><!-- G. Wolfgang (www.1-2-3-4.info). Thank you! -->
<meta http-equiv="content-type"
content="text/html; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="3600" />
<meta name="revisit-after" content="2 days" />
<meta name="robots" content="index,follow" />
<meta name="publisher"
content="Your publisher infos here ..." />
<meta name="copyright"
content="Your copyright infos here ..." />
<meta name="author"
content="Design: G. Wolfgang www.1-2-3-4.info / Author: Your author infos here ..." />
<meta name="distribution" content="global" />
<meta name="description"
content="Your page description here ..." />
<meta name="keywords"
content="Your keywords, keywords, keywords, here ..." />
<link rel="stylesheet" type="text/css"
media="screen,projection,print" href="./css/layout4_setup.css" />
<link rel="stylesheet" type="text/css"
media="screen,projection,print" href="./css/layout4_text.css" />
<link rel="icon" type="image/x-icon"
href="./img/favicon.ico" />
<title>Multiflex-3 Update-2 / Layout-4</title>
<!-- Global IE fix to avoid layout crash when single word size wider than column width --><!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->
</head>
<body>
<!-- Main Page Container -->
<div class="page-container"><!-- For alternative headers START PASTE here --><!-- A. HEADER -->
<div class="header"><!-- A.1 HEADER TOP -->
<div class="header-top"><!-- Sitelogo and sitename --> <a
class="sitelogo" href="#" title="Go to Start page"></a>
<div class="sitename">
<h1><a href="index.html" title="Go to Start page">MULTIFLEX&bull;3<span
style="font-weight: normal; font-size: 50%;">&nbsp;update-2</span></a></h1>
<h2>Open Source Template</h2>
</div>
<!-- Navigation Level 0 -->
<div class="nav0">
<ul>
<li><a href="#" title="Pagina home in Italiano"><img
src="./img/flag_italy.gif" alt="Image description" /></a></li>
<li><a href="#" title="Homepage auf Deutsch"><img
src="./img/flag_germany.gif" alt="Image description" /></a></li>
<li><a href="#" title="Hemsidan p&aring; svenska"><img
src="./img/flag_sweden.gif" alt="Image description" /></a></li>
</ul>
</div>
<!-- Navigation Level 1 -->
<div class="nav1">
<ul>
<li><a href="#" title="Go to Start page">Home</a></li>
<li><a href="#" title="Get to know who we are">About</a></li>
<li><a href="#" title="Get in touch with us">Contact</a></li>
<li><a href="#" title="Get an overview of website">Sitemap</a></li>
</ul>
</div>
</div>
<!-- A.2 HEADER MIDDLE -->
<div class="header-middle"><!-- Site message -->
<div class="sitemessage">
<h1>EASY &bull; FRESH &bull; ROBUST</h1>
<h2>The third generation Multiflex is here, now with cooler
design features and easier code.</h2>
<h3><a href="#">&rsaquo;&rsaquo;&nbsp;More
details</a></h3>
</div>
</div>
<!-- A.3 HEADER BOTTOM -->
<div class="header-bottom"><!-- Navigation Level 2 (Drop-down menus) -->
<div class="nav2"><!-- Navigation item -->
<ul>
<li><a href="index.html">Overview</a></li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">Page Layouts<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="layout1.html">Layout-1 (1-col)</a></li>
<li><a href="layout2.html">Layout-2 (2-col)</a></li>
<li><a href="layout3.html">Layout-3 (2-col)</a></li>
<li><a href="layout4.html">Layout-4 (3-col)</a></li>
<li><a href="layout5.html">Layout-5 (3-col)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">Header Layouts<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="header1.html">Header-1 (T+M+B)</a></li>
<li><a href="header2.html">Header-2 (T+M)</a></li>
<li><a href="header3.html">Header-3 (T+B)</a></li>
<li><a href="header4.html">Header-4 (M+B)</a></li>
<li><a href="header5.html">Header-5 (T)</a></li>
<li><a href="header6.html">Header-6 (M)</a></li>
<li><a href="header7.html">Header-7 (B)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>
</ul>
</div>
</div>
<!-- A.4 HEADER BREADCRUMBS --><!-- Breadcrumbs -->
<div class="header-breadcrumbs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Templates</a></li>
<li>Multiflex-3</li>
</ul>
<!-- Search form -->
<div class="searchform">
<form action="index.html" method="get">
<fieldset> <input name="field" class="field"
value=" Search..." /> <input name="button"
class="button" value="GO!" type="submit" /> </fieldset>
</form>
</div>
</div>
</div>
<!-- For alternative headers END PASTE here --><!-- B. MAIN -->
<div class="main"><!-- B.1 MAIN NAVIGATION -->
<div class="main-navigation"><!-- Navigation Level 3 -->
<div class="round-border-topright"></div>
<h1 class="first">Title</h1>
<!-- Navigation with grid style -->
<dl class="nav3-grid">
<dt><a href="#">Navlink 11</a></dt>
<dt><a href="#">Navlink 12</a></dt>
<dd><a href="#">Navlink 121</a></dd>
<dd><a href="#">Navlink 122</a></dd>
<dd><a href="#">Navlink 123</a></dd>
<dt><a href="#">Navlink 13</a></dt>
<dt><a href="#">Navlink 14</a></dt>
<dt><a href="#">Navlink 15</a></dt>
</dl>
<!-- Title -->
<h1>Title</h1>
<!-- Subtitle -->
<h2>Subtitle</h2>
<!-- Navigation with bullets -->
<dl class="nav3-bullet">
<dt><a href="#">Navlink 11</a></dt>
<dt><a href="#">Navlink 12</a></dt>
<dd><a href="#">Navlink 121</a></dd>
<dd><a href="#">Navlink 122</a></dd>
<dd><a href="#">Navlink 123</a></dd>
<dt><a href="#">Navlink 13</a></dt>
<dt><a href="#">Navlink 14</a></dt>
<dt><a href="#">Navlink 15</a></dt>
</dl>
<!-- Subtitle -->
<h2>Subtitle</h2>
<!-- Navigation without bullets -->
<dl class="nav3-nobullet">
<dt><a href="#">Navlink 11</a></dt>
<dt><a href="#">Navlink 12</a></dt>
<dd><a href="#">Navlink 121</a></dd>
<dd><a href="#">Navlink 122</a></dd>
<dd><a href="#">Navlink 123</a></dd>
<dt><a href="#">Navlink 13</a></dt>
<dt><a href="#">Navlink 14</a></dt>
<dt><a href="#">Navlink 15</a></dt>
</dl>
<!-- Login -->
<h1>Login</h1>
<div class="loginform">
<form method="post" action="index.html">
<p><input name="rememberme" value="0"
type="hidden" /></p>
<fieldset>
<p><label for="username_1" class="top">User:</label><br />
<input name="username_1" id="username_1" tabindex="1"
class="field"
onkeypress="return webLoginEnter(document.loginfrm.password);"
value="" type="text" /></p>
<p><label for="password_1" class="top">Password:</label><br />
<input name="password_1" id="password_1" tabindex="2"
class="field"
onkeypress="return webLoginEnter(document.loginfrm.cmdweblogin);"
value="" type="password" /></p>
<p><input name="checkbox_1" id="checkbox_1"
class="checkbox" tabindex="3" size="1" value=""
onclick="webLoginCheckRemember()" type="checkbox" /><label
for="checkbox_1" class="right">Remember me</label></p>
<p><input name="cmdweblogin" class="button"
value="LOGIN" type="submit" /></p>
<p><a href="#"
onclick="webLoginShowForm(2);return false;" id="forgotpsswd_1">Password
forgotten?</a></p>
</fieldset>
</form>
</div>
<!-- Search form -->
<h1>Search</h1>
<div class="searchform">
<form action="index.html" method="get">
<fieldset>
<p><input name="field" class="field"
value=" Search..." /></p>
<p><input name="button" class="button"
value="GO!" type="submit" /></p>
</fieldset>
</form>
</div>
<!-- Text formats -->
<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h3>Paragraph text</h3>
<p>Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
<h3>Bulleted list</h3>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li>Fact 1</li>
<li>Fact 2</li>
</ul>
<h3>Ordered list</h3>
<ol>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li>Fact 1</li>
<li>Fact 2</li>
</ol>
<h3>Text orientation</h3>
<p>Text left.</p>
<p class="center">Text center.</p>
<p class="right">Text right.</p>
<h3>Image<br />
(text align left)</h3>
<p><img src="./img/image.jpg" alt="Image description"
title="Image title" width="50" />Here is place for
text.</p>
<p class="center"><img class="center"
src="./img/image.jpg" alt="Image description"
title="Image title" width="50" /></p>
<p><img class="right" src="./img/image.jpg"
alt="Image description" title="Image title" width="50" />Here
is place for text.</p>
<h3>Image<br />
(text align right)</h3>
<p class="right"><img src="./img/image.jpg"
alt="Image description" title="Image title" width="50" />Here
is place for text.</p>
<p class="center"><img class="center"
src="./img/image.jpg" alt="Image description"
title="Image title" width="50" /></p>
<p class="right"><img class="right"
src="./img/image.jpg" alt="Image description"
title="Image title" width="50" />Here is place for
text.</p>
<!-- Image Links -->
<h3>Text link</h3>
<p><a href="#">Here is a link.</a></p>
<!-- Image Links -->
<h3>Image link</h3>
<p><a href="#"><img src="./img/image.jpg"
alt="Image description" title="Image title" width="50" /></a>Text
as in image sections above.</p>
<p class="center"><a href="#"><img
class="center" src="./img/image.jpg"
alt="Image description" title="Image title" width="50" /></a></p>
<p><a href="#"><img class="right"
src="./img/image.jpg" alt="Image description"
title="Image title" width="50" /></a>Text as in
image sections above.</p>
</div>
<!-- B.1 MAIN CONTENT -->
<div class="main-content"><!-- Pagetitle -->
<h1 class="pagetitle">Multiflex-3 / Layout-4</h1>
<!-- Content unit - One column -->
<h1 class="block">1 - Column types</h1>
<div class="column1-unit">
<h1>Here comes the title</h1>
<h3>Monday, 20 November 2006 at 20:30 GMT, by <a href="#">SiteAdmin
</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing
elit</a>, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore <a href="#">magna aliquam</a> erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis. <a href="#">Read more &raquo;</a></p>
<p class="details">| Posted by <a href="#">SiteAdmin
</a> | Categories: <a href="#">General</a> |
Comments: <a href="#">73</a> |</p>
<h1><a href="">Heading h1 with link</a></h1>
<h3>Heading h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing
elit</a>, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore <a href="#">magna aliquam</a> erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis. <a href="#">Read more &raquo;</a></p>
<p class="details">Posting details ... </p>
</div>
<hr class="clear-contentunit" /><!-- Content unit - Two columns -->
<div class="column2-unit-left">
<h1>Heading h1</h1>
<h3>Heading h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing
elit</a>, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore <a href="#">magna aliquam</a> erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip.</p>
<h1>Heading h1</h1>
<h3>Heading h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing
elit</a>, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore <a href="#">magna aliquam</a> erat volutpat.
Ut wisi enim ad minim veniam.</p>
</div>
<div class="column2-unit-right">
<h1>Heading h1</h1>
<h3>Heading h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing
elit</a>, sed diam nonummy nibh euismod.</p>
<h1>Heading h1</h1>
<h3>Heading h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing
elit</a>, sed diam nonummy nibh euismod.</p>
<h1>Heading h1</h1>
<h3>Heading h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing
elit</a>, sed diam nonummy nibh euismod.</p>
</div>
<hr class="clear-contentunit" /><!-- Content unit - Three columns -->
<div class="column3-unit-left">
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing
elit</a>.</p>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing
elit</a>, sed diam nonummy nibh euismod. Lorem ipsum dolor sit
amet.</p>
</div>
<div class="column3-unit-middle">
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<ul>
<li><a href="#">Resource</a></li>
<li><a href="#">Resource</a></li>
<li><a href="#">Resource</a></li>
</ul>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<ul>
<li>Fact 1</li>
<li>Fact 2</li>
</ul>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<ul>
<li>Fact 1</li>
<li>Fact 2</li>
</ul>
</div>
<div class="column3-unit-right">
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<ul>
<li><a href="#">Resource</a></li>
<li><a href="#">Resource</a></li>
<li><a href="#">Resource</a></li>
<li><a href="#">Resource</a></li>
<li><a href="#">Resource</a></li>
<li><a href="#">Resource</a></li>
<li><a href="#">Resource</a></li>
<li><a href="#">Resource</a></li>
</ul>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<ul>
<li>Fact 1</li>
<li>Fact 2</li>
<li>Fact 3</li>
<li>Fact 4</li>
</ul>

I removed around 10000 characters.
Parts of above are removed (at end).
How can I replace the header of that^ with this?






<!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" lang="en">
<head>
<!-- Version: Multiflex-3 Update-2 / Header-4 (Middle and Bottom) --><!-- Date: November 29, 2006 --><!-- Author: G. Wolfgang --><!-- License: Fully open source without restrictions. --><!-- Please keep footer credits with a link to --><!-- G. Wolfgang (www.1-2-3-4.info). Thank you! -->
<meta http-equiv="content-type"
content="text/html; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="3600" />
<meta name="revisit-after" content="2 days" />
<meta name="robots" content="index,follow" />
<meta name="publisher"
content="Your publisher infos here ..." />
<meta name="copyright"
content="Your copyright infos here ..." />
<meta name="author"
content="Design: G. Wolfgang www.1-2-3-4.info / Author: Your author infos here ..." />
<meta name="distribution" content="global" />
<meta name="description"
content="Your page description here ..." />
<meta name="keywords"
content="Your keywords, keywords, keywords, here ..." />
<link rel="stylesheet" type="text/css"
media="screen,projection,print" href="./css/header4_setup.css" />
<link rel="icon" type="image/x-icon"
href="./img/favicon.ico" />
<title>Multiflex-3 Update-2 / Header-4</title>
<!-- Global IE fix to avoid layout crash when single word size wider than column width --><!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->
</head>
<body>
<!-- Main Page Container -->
<div class="page-container"><!-- Implement this header in your Multiflex-3 Basic or Full Layout: --><!-- 1. Copy the marked rows below --><!-- 2. Paste and replace marked rows in "layoutNN_basic.html" or "layoutNN_full.html" file --><!-- 3. Open CSS-file "header4_setup.css", and follow its instructions --><!-- START COPY here --><!-- A. HEADER -->
<div class="header"><!-- A.1 HEADER MIDDLE -->
<div class="header-middle"><!-- Sitelogo and sitename --> <a
class="sitelogo" href="#" title="Go to Start page"></a>
<div class="sitename">
<h1><a href="index.html" title="Go to Start page">MULTIFLEX&bull;3<span
style="font-weight: normal; font-size: 50%;">&nbsp;update-2</span></a></h1>
<h2>Open Source Template</h2>
</div>
<!-- Navigation Level 0 -->
<div class="nav0">
<ul>
<li><a href="#" title="Pagina home in Italiano"><img
src="./img/flag_italy.gif" alt="Image description" /></a></li>
<li><a href="#" title="Homepage auf Deutsch"><img
src="./img/flag_germany.gif" alt="Image description" /></a></li>
<li><a href="#" title="Hemsidan p&aring; svenska"><img
src="./img/flag_sweden.gif" alt="Image description" /></a></li>
</ul>
</div>
<!-- Navigation Level 1 -->
<div class="nav1">
<ul>
<li><a href="#" title="Go to Start page">Home</a></li>
<li><a href="#" title="Get to know who we are">About</a></li>
<li><a href="#" title="Get in touch with us">Contact</a></li>
<li><a href="#" title="Get an overview of website">Sitemap</a></li>
</ul>
</div>
</div>
<!-- A.2 HEADER BOTTOM -->
<div class="header-bottom"><!-- Navigation Level 2 (Drop-down menus) -->
<div class="nav2"><!-- Navigation item -->
<ul>
<li><a href="index.html">Overview</a></li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">Page Layouts<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="layout1.html">Layout-1 (1-col)</a></li>
<li><a href="layout2.html">Layout-2 (2-col)</a></li>
<li><a href="layout3.html">Layout-3 (2-col)</a></li>
<li><a href="layout4.html">Layout-4 (3-col)</a></li>
<li><a href="layout5.html">Layout-5 (3-col)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">Header Layouts<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="header1.html">Header-1 (T+M+B)</a></li>
<li><a href="header2.html">Header-2 (T+M)</a></li>
<li><a href="header3.html">Header-3 (T+B)</a></li>
<li><a href="header4.html">Header-4 (M+B)</a></li>
<li><a href="header5.html">Header-5 (T)</a></li>
<li><a href="header6.html">Header-6 (M)</a></li>
<li><a href="header7.html">Header-7 (B)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>
</ul>
</div>
</div>
<!-- A.3 HEADER BREADCRUMBS --><!-- Breadcrumbs -->
<div class="header-breadcrumbs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Templates</a></li>
<li>Multiflex-3</li>
</ul>
<!-- Search form -->
<div class="searchform">
<form action="index.html" method="get">
<fieldset> <input name="field" class="field"
value=" Search..." /> <input name="button"
class="button" value="GO!" type="submit" /> </fieldset>
</form>
</div>
</div>
</div>
<!-- END COPY here --> </div>
</body>
</html>
Murdok09
07-10-2007, 05:07 PM
*Bump*
I have done everything right now. I just want to change the header of the first code with the second code (which is only a header in itself).