HTML - For A Starter In Web Design Whats The Best Code To Look Into?

Hi im a new starter with html.
and tryed to make a site but i cant do it.
www.amir.nl.tt
but i want like www.rappin.nl
how i can make things like that ?

Hi All,
I am not totally new to website creation but I was hoping someone might be able to give me some guidance on getting a basic site layout setup.

I basically want a nice background picture and then header, body and footer laid out in a similar method to this: http://www.white-hat-web-design.co.uk/web-design.php

Any help gratefully received!. I am off to have a go again

YAY SOLVED THANKS TO COOTHEAD

This thing is driving me nuts... over the last 36 hours i, along with a helpfull member of this community have been trying to fix some SIMPLE code that wasnt broken in the first place.

It displays fine, when tested in Dreamweaver, tests fine in IE, FF.
The several adjusted codes even display fine inside the test previewer of the mail program on www.yourmailinglistprovider.com !

The trouble starts when the email HTML code gets sent to the Gmail & Hotmail inbox.
Both my inbox' are stuffed with test mails.. and it isnt going to end any time soon

I have CODE 2 that wont load up the CSS image tags.

And CODE 1 that wont display the text in its right position, not on top of the image, instead it shows it way down, like so:

http://img196.imageshack.us/img196/2625/frustration.jpg

So finally... i discovered, why.. the Gods have put me in this misfortune.
Google Mail is in BETA, and that means the following:

Quote:
Google Mail, LotusNotes, and Outlook 2007 present special coding problems. The good news? If you code to account for their oddities, your html email code is more likely to display well in most if not all email software.

Because Google cannot control how senders will code CSS and HTML, they have to take steps to ensure their application displays properly regardless of the code quality of the html email that is displayed.

As a result, Google Mail acts like an artifact of the mid 1990s when web standards were primitive. It takes some work, but it is possible to crack open a Google Mail page and see just how convoluted their approach is to rendering html email.

For one thing, Google Mail deletes any CSS style reference to a set of styles, no matter where it appears in the email. And fonts displayed in html tables have the odd habit of appearing larger than intended no matter how the html email is coded.
&#^&%$@3(*(2@#*&y#!!............................. Why

Now all my work ive put into this could be all for nothing,..
since I believe the solution given by the website is too far fetched for this amateur. The solution:


Quote:
Here are coding techniques that appear to work well in Google Mail and older email softwa

* Define the background color in a TD cell with bgcolor=, not the CSS style.
* Use the background= attribute in the TD cell for background images, not the CSS. A corollary is that the background image can be made as tall as needed. If the content of an email template might be short or tall depending on the email content, using an extra-tall background image this way lets the email layout height shrink or expand based on the height of the copy from one email to the next. Note, however, that Outlook 2007 ignores background images.
* If it works better, use the padding style to control margins within a TD cell. The margin style does not work in these cells. Padding does work.
* If a border around a TD cell is needed, Google Mail displays a border when defined in a DIV but not when defined as a border style in a TD tag.
* If a light colored link against a dark background color is needed, put the font definition in the TD cell (so it applies to P and A tags equally) then add a color= style to the A tag.
* If the P and A fonts appear to be different sizes, wrap the A tag in a P tag.
* Google Mail aggressively uses the right column of their interface which squeezes the html email into the center panel. Be sure the padding style in the content TDs is set at 10 pixels all round so text does not smash against the left and right edges.
* When testing an html email with a Google Mail account, it is likely one or more missing font styles in the TD, H1, H2, P, A, and other tags will be found. Inspect every font carefully to make sure Google Mail displays the fonts correctly.
SOURCE


I need either of these two amateuristic codes (they are basically the same) re-coded with the rules up above.
Could anyone who can do this fluently without breaking a sweat help me out?
I am near desperation and willing to transfer a fee to whatever paypal account.
I just need this mail template sent out asap. Thank you for reading.



CODE 1:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<base href="http://xx.com/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

<style type="text/css">
#container{ 
    width:711px;
    margin:auto;
    font-family:verdana,sans serif;
    font-size:16px;
	
    background-image:url(blokje.png); 
 } 
#pic {
    display:block;
 }
#content {
    padding:0 0 60px 50px;
    background-image:url(onderkantcurve.png);
    background-repeat:no-repeat;
    background-position:0 bottom;
 }
#p-one {
    font-weight:bold;
    color:#410d3e;
 }
#pic-one {
    text-align:center;
 }
#pic-one img {
    width:170px;
    height:190px;
 }
#link {
    font-size:12px;
 }
</style>

</head>
<body>
<p align="center"><font face="Verdana, Geneva, sans-serif" size="2"><a href="http://xx.com/template3.html">Klik hier voor de web-versie mocht de nieuwsbrief niet goed worden weergegeven.</a></font></p>
<div id="container">



<img id="pic" src="top.png" alt="">

<div id="content">

<p id="p-one">
 Nieuwsbrief februari 2010
</p><p><br>

Beste Lezer van mijn eerste nieuwsbrief,
</p><p>
Graag wil ik je opmerkzaam maken op de nieuwste activiteiten van <br>
Sessio Communications.
</p><br>

<p id="pic-one">
 <img src="koord.jpg" alt=""><br>

<a href="http://www.xx.com">www.xx.com</a>
</p><p>
<br>

 Ik nodig je van harte uit om <a href="http://www.xx.com">mijn website</a> te bezoeken.<br> 
 Reacties zijn welkom. Doorsturen naar andere belangstellenden mag. <br>
 <a href="[FORWARDTOFRIEND]">Stuur deze email door naar een vriend of vriendin.</a></p>

</p><p>
 Mocht je geen belangstelling hebben om op de hoogte te blijven van<br> 
 mijn verschillende workshops en trainingen dan kun je dat via de <br>
link onderaan de pagina aangeven. Je e-mail adres wordt dan verwijderd.
</p><p><br>

 Met vriendelijke groet,
</p>

</p>
</div>
</div>
<p align="center"><font face="Verdana, Geneva, sans-serif" size="2"><a href="http://ymlp154.com/u.php?YMLPID=gejseubgsguejeg"> Uitschrijven / Gegevens wijzigen </a></font></p>

</body>
</html>

CODE 2:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<base href="http://xx.com/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

<style type="text/css">
#container{ 
    position:relative;
    width:711px;
    height:910px;
    margin:auto;
    font-family:verdana,sans serif;
    font-size:16px;
 } 
#pic {
    position:absolute;
    top:0;
    left:0;
 }
#content {
    position:absolute;
    top:170px;
    left:50px;
    width:651px;
    height:680px;
 }
#p-one {
    font-weight:bold;
    color:#410d3e;
 }
#pic-one {
    text-align:center;
 }
#pic-one img {
    width:170px;
    height:190px;
 }
#link {
    font-size:12px;
 }
</style>

</head>
<body>

<p align="center"><font face="Verdana, Geneva, sans-serif" size="2"><a href="http://xx.com/template3.html">Klik hier voor de web-versie mocht de nieuwsbrief niet goed worden weergegeven.</a></font></p>

<div id="container">

<img id="pic" src="big.png" alt="">
<div id="content">
<p id="p-one">
 Nieuwsbrief Februari 2010
</p><p><br>
 Beste Lezer van mijn eerste nieuwsbrief,
</p><p>
Graag wil ik je opmerkzaam maken op de nieuwste activiteiten van <br>
Sessio Communications.
</p>
<p id="pic-one">
 <img src="koord.jpg" alt=""><br>

<a href="http://www.xx.com">www.xx.com</a>
</p><p>
<br>

 Ik nodig je van harte uit om <a href="http://www.xx.com">mijn website</a> te bezoeken.<br> 
 Reacties zijn welkom. Doorsturen naar andere belangstellenden mag. <br>
 <a href="[FORWARDTOFRIEND]">Stuur deze email door naar een vriend of vriendin.</a></p>

</p><p>
 Mocht je geen belangstelling hebben om op de hoogte te blijven van<br> 
 mijn verschillende workshops en trainingen dan kun je dat via de <br>
link onderaan de pagina aangeven. Je e-mail adres wordt dan verwijderd.
</p><p><br>

 Met vriendelijke groet,
</p>
</div>

</div>
<p align="center"><font face="Verdana, Geneva, sans-serif" size="2"><a href="http://ymlp154.com/u.php?YMLPID=gejseubgsguejeg"> Uitschrijven / Gegevens wijzigen </a></font></p>
</body>
</html>

Thanks for reading..

I have lost the code / split / design buttons in my dreamweaver. Please can someone tell me how to get this back?
This what my dreamweaver currently looks like:

This is a pic that has the buttons I want to get back in place!
http://www.softwareinreview.com/imag...weaver_cs3.png

Please can someone help

Ok I need to take things like this forum:

http://lmiinc.com/forum/

http://lmiinc.com/forum/calendar.php

And make it active on the new site I'm building for LMI.

So what files exactly do I need to copy to the new directory & then reference as a link in my navigation bar in all of my .html files?

In a html file I found, it had

‎ & # 8 2 0 6 ;

(The above but without whitespace in it.)
Does anyone know which character this is for?

I have this table and the contents inside and all
when i click preview it adds lotsa space above the table

why ??? and how to fix it ???
sum1 fixed it on dreamweaver but i dont use that

i use frontpage and i compared the codes and could not find the difference

anyway yall check it
and see the preview mode

this is the code

HTML Code:

<table>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Name:</font><td width="252"><input type="text" name="visitor" size="35" /></td></td> <br />
<td width="67">&nbsp;</td><td></td><br /></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Email:<br />
        </font><td width="252"><input type="text" name="visitormail" size="35" /></td></td>
<td width="67">&nbsp;</td><td></td></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">
        Subject:<br /></font><td width="252">
        <input type="text" name="attn" size="35" /></td></td>
<td width="67">&nbsp;</td><td></td></tr>
<tr><td align="right" valign="top">
        <font face="Arial Rounded MT Bold" color="#0B74C1"><br />Message:</font></td>
<td width="252"><textarea name="notes" rows="6" cols="29"></textarea></td>
        <td width="67">&nbsp;</td></tr>
<br />
<tr><td align="right" height="27">&nbsp;</td>
        <td width="252" height="27" align="center">
        <p align="center">
        <input type="submit" value="Send" <INPUT type=submit value="Check" style="color: #FFFFFF; font-family: MS Sans Serif; font-size: 8pt; border-style: ridge; border-width: 3; background-color: #074A7C"></td>
        <td width="67" height="27">
        <p align="center">&nbsp;</td></tr>
<br />
</table>

Thanx

Im trying to fix a leftnav on a website www.meshoxford.com


If you click down the leftnav through everything under home it should work, if you click back on home though the site breaks...

but if you load the page and go to publications, then back to home it works... I can not figure out why its doing this!

Thx

Matt

Does anyone see a problem with my coding? I viewed my website on the newest version of Firefox and it rang great but on IE 7 my right sidebar was where it needed to be but my main content was dropped under the left sidebar but in the middle of the page. When I get rid of the left sidebar my main content jumps back up to the top of the page under the header rather then go underneath the sidebar left.


Can anyone please help me.


Thank you


Stacy



HTML Code:

</head>

<body class="twoColLiqRtHdr">

<div id="container">
  <div id="header">
[b]header here[/b]
  <!-- end #header --></div>
  <div id="sidebar_right">
[b]sidebar here[/b]
  </div>
  <!-- end #sidebar_right-->
      <div class="style13" id="sidebar_left">
[b]sidebar here[/b]
</div>
            </div>
        </div>
  <!-- end #sidebar_left -->
  <div id="mainContent">
[b]main content here[/b]
  </div>

Code:

.twoColLiqRtHdr #mainContent {
	padding-top:0px;
	width:620px;
	margin:0 26% 0 170px;
	position: relative;
}

.twoColLiqRtHdr #container {
	width:80%;
	background:#000;
	border:1px solid #000;
	text-align:left;
	margin:0 auto;
}

.twoColLiqRtHdr #header {
background:#000;
padding:0 10px;
}

.twoColLiqRtHdr #sidebar_right {
	float:right;
	width:200px;
	background:#000;
	padding-top:15px 10px 15px 20px;
	position:absolute;
	left:950px;
	top:280px;
}

.twoColLiqRtHdr #sidebar_left {
	float:left;
	width:180px;
	background:#000;
	position:relative;
	left:-70px;
	margin-right: -30px;
	top: 70px;
	z-index: 50000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #FFF;
	padding: 10px;

}

I am having the hardest time I been working on trying to fit this form into a iframe and have it position relative on my website. The iframe is positioned correctly on my page but I dont know if its margins, padding, or the width and height that i got wrong but the iframe is blocking some of my html from being highlighted because the iframe is sitting ontop of some of the text around the form.

Here is my HTML code and my CSS file

HTML:
HTML Code:

 		<br />
		<br />
                <span class="contact"> 
<iframe src ="contactform.php" allowtransparency="true" position="absolute" width="550" height="600" frameborder="0" scrolling="no"></iframe></span>
		  <br />
                  <br />

CSS
Code:

}

.contact {
	position: relative;
	left: 300px;
	top: -1125px;
}

i was just told that frames are not good to use... i was wondering what a good alt to frames was

Hi All,

Im just wondering what the standard Width and Height is for a website nowadays?


Thanks in Advance

Hi there

Sorry, i don't know if this is the correct section of the forum to put this in.

What I really want to know is, how do you get webpages to look like this:

http://itunes.apple.com/us/album/lov...ign-mpt=uo%3D2

Can this be done using HTML and CSS alone?

I'm only referring to the design part of it, not what the page is able to do. Like play songs for example.

Thanks
Jackie xxx

Hey guys, This is my problem...--->

http://triplestarnews.com/needhelp.jpg

the original code is found on this page http://triplestarnews.com/main

any ideas??

thanks!

Eric