I don't get HTML :(! I'm fine with the rest!
Printable View
I don't get HTML :(! I'm fine with the rest!
Javascript is far too easy and based around common sence, no point writing a guide on Javascript as there are far too many professional ones around so there really is no point. If you need help with certain function/tasks tell me and i'll get you well written guides on them, if you need beginner help try tiztag / w3schools ;)Quote:
Originally Posted by iUnknown
Everything on the web is based around HTML, to be able to use any other sort of coding language you need to atleast know basic HTML.Quote:
Originally Posted by Earthquake
O.o I understand how to code with divs it's just I find it messy lol.
I've been coding with tables since I'm like 12 lol so bout 3-4 years :/ Still have a lot to learn lol. I didn't take coding as serious as I've started taking it now. So I'm gonna try divs and I hope I'll like them soon lol.
Nice tut by the way, helped me understand a bit more.
Waz ;]
Glad you liked it, if you want to be serious about web development you will eventually have to learn how to code in divs, seeing as the time goes by coding techniques and standards change not many people accept tables as a coding method any more and is shoned upon ;).Quote:
Originally Posted by wazup999
I followed it all with my own images and it went messy ;D mybad.
Brilliant tut tho!
Did you remember to change the image sizes? :PQuote:
Originally Posted by iDenning
Get out of my thread, I don't want you ripping it :eusa_naugQuote:
Originally Posted by lSnowie
geez don't you two start again, you already got my thread closed before :rolleyes:.
Anyway, thanks for this, helped me understand it all a bit better :).
I was just wondering about this part:
Would you also do this if you wanted to make the whole layout central rather than just one box?Quote:
Lets also add
HTML Code:
margin: auto;
to the container div so it makes the box float to the middle of the page.
Blame his parents for bringing him into existence :rolleyes:Quote:
Originally Posted by Robald
You'll have to add margin: auto; to your main container div, this will then move the box to the center of the page on the x axis and everything inside it will be placed inside that centeral div,just like the example ;).
Edited by MattGarner (Forum Super Moderator): Please do not be rude towards a forum member.
Oh you so insulted me, I take everything in that you say, your words mean alot to me! :rolleyes:Quote:
Originally Posted by --ss--
Edited by MattGarner (Forum Super Moderator): Please do not post to cause arguments.
Your use of sarcasm fails, please go stab yourself.Quote:
Originally Posted by lSnowie
Edited by MattGarner (Forum Super Moderator): Please do not be rude towards forum members.
OK SIR! -STABZ-Quote:
Originally Posted by --ss--
Edited by MattGarner (Forum Super Moderator): Please do not post to cause arguments.
Oh darn, you didn't die :(.Quote:
Originally Posted by lSnowie
@ MattGarner, you may want to do the correct thing and ban the outcast who doesn't belong here and is lowering the standards of the forum and my thread. You not doing your job correctly is provoking me even further to be ruder to him seeing he is a parasite that doesn't belong here, if you won't do anything about it then I shall.
*Cri* I think he may have taken a screenie of my guide and posted it else where claiming he made it :eusa_whis.
Does anyone actually read this anymore?
Thinking about going back to doing something website related as I haven't done any coding in almost a year, not too sure what to do though. Any suggestions?
Can u do how to code a full layout, cos ive tried one with 3 columns, but when middle expands so does everythin else etc., and meti's isnt helpful at all =[Quote:
Originally Posted by --ss--
I'll write a guide on it. I'm fairly proficient in coding valid xHTML and CSS :) Its probaby going to take a few days
Yay!!!!!Quote:
Originally Posted by Tenatious
the php part doesn't work for me it doesn't display the .txt
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
text-align: center;
background-color: #ffffff;
margin-top: 5px;
}
#container {
width: 274px;
margin: auto;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #000000;
}
#top {
background: url(header.png);
height: 21px;
}
#mid {
background: url(background.png);
}
#bot {
background: url(footer.png);
height: 26px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="top"></div>
<div id="mid"><?php include ("content.txt")?></div>
<div id="bot"></div>
</div>
</body>
</html>
Save as a .php file?Quote:
Originally Posted by Kupen
i have done tht already
Well there's the errorQuote:
<?php include ("content.txt") ?>
<?php includes ("content.txt") ?>
not
<?php include ("content.txt") ?>
I do believe :)
I've never used includes...
Then I must be mistaken :PQuote:
Originally Posted by *****
IDK PHP, was just a thought ;)
Nope it's "Include" as it currently is in the code.Quote:
Originally Posted by Cushioned
You sure you have a file named "content.txt" in the same correctly directory?
Oh haha. My mistake :PQuote:
Originally Posted by --ss--
Noob to PHP :D
Try that.
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
text-align: center;
background-color: #ffffff;
margin-top: 5px;
}
#container {
width: 274px;
margin: auto;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #000000;
}
#top {
background: url(header.png);
height: 21px;
}
#mid {
background: url(background.png);
}
#bot {
background: url(footer.png);
height: 26px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="top"></div>
<div id="mid"><?php $midcontent = file_get_contents('content.txt'); echo $midcontent; ?></div>
<div id="bot"></div>
</div>
</body>
</html>
Very nice indeed, I'll be using this!
- Lee
Thanks for this, it will really help as I am just a learner at coding :)
--
For those complaining, he has already used to code so it does work.
Lmao at happend to meh
Ive done that but when it does it the images e.g. top mid bot dont show there called the same as they are on the coding. why :SPHP Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
text-align: center;
background-color: #ffffff;
margin-top: 5px;
}
#container {
width: 390px;
margin: auto;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #000000;
}
#top {
background: url(top.gif);
height: 11px;
}
#mid {
background: url(mid.gif);
}
#bot {
background: url(bot.gif);
height: 10px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="top"></div>
<div id="mid"><?php include ("content.txt")?></div>
<div id="bot"></div>
</div>
</body>
</html>
http://www.shanes.sawhosting.com/tut
The images will have to be in the same folder as the .php document as the aboveQuote:
Originally Posted by Gerb
They Are
they do this
www.clubpixels.co.uk/hr
My boxes wont expand for some reason...
Ive done everything rite, It expands in beginning but when im editing the css, it fails.
Well what part are you editing?Quote:
Originally Posted by xPanel
The first 2 images are broken. :3
Have you not seen how old this thread is.Quote:
Originally Posted by Nentus
I have, but maybe someone could post a new image as a reply to make it clear for others. Or a moderator could edit the origionil post.Quote:
Originally Posted by Jaaaack!
It's against the rules, you can't justify it...Quote:
Originally Posted by Nentus
Edited by Infectious (Forum Super Moderator): Please leave the moderating to the moderators!
Against the rules to post a new image to help explain a good quality tutorial?Quote:
Originally Posted by MarkIt's against the rules, you can't justify it...
It's not against the rules as it's an open stickied thread...
Anyway, all divs are expandable you just have to use them right. I haven't touched coding for years so my knowledge is little and rusty but have a check on w3schools and you'll pick up some things :)
If it helps the first image is the same pink box drank in paint, the second image is it split up:
http://www.shanes.sawhosting.com/tut/box.png
http://www.shanes.sawhosting.com/tut/box%20split.png
I would of thought images that were hosted directly on the forum servers would never die O.o