Jump to content


pr0wn3r HTML HelpDesk


4 replies to this topic

#1 pr0wn3r

    Young Padawan

  • Members
  • Pip
  • 16 posts
  • Gender:Male

Posted 26 September 2006 - 03:16 PM

-Hey All-

Since i never worked much with HTML, and im building a website, i know i will have lots of questions to ask, instead of creating lots of topics, i just created one, where i will dump my questions.

I already have one :)

I wanna make a first page, that will be, filled with black and then the name of my website in the middle, then people click where it says enter! and the website comes up.

My thing is, people uses different screen resolutions, so is there any code that will make the page fit the screen??

Hope im asking well this...i mean, i what i want people to see when they open the website, is the screen all black with the letters in the middle...so, the picture need to fit the screen...

Like this website:

http://www.bossitup.com/

Edited by pr0wn3r, 26 September 2006 - 03:18 PM.


#2 chaoslight

    Young Padawan

  • Members
  • Pip
  • 220 posts
  • Gender:Male
  • Interests:Computer, coding, designing...

Posted 26 September 2006 - 03:38 PM

If you mean that you want the background to be all black, and then in the middle to have the link to your page, can you not just add..

<style type="text/css">
body {
background: #000000;
}
</style>

to the head and..

<div align="center" style="vertical-align: middle">
<a href="http://www.bossitup.com/">Enter</a>
</div>


to the body section of your html document..

so it would be something like..

<!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" xml:lang="en">
<head>
<title>Site title here</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
body {
background: #000000;
}
</style>
</head>
<body>
<div align="center" style="vertical-align: middle">
<a href="http://www.bossitup.com/">Enter</a>
</div>
</body>
</html>

Edited by chaoslight, 26 September 2006 - 03:40 PM.


#3 pr0wn3r

    Young Padawan

  • Members
  • Pip
  • 16 posts
  • Gender:Male

Posted 26 September 2006 - 03:42 PM

Hum, this is gonna be thug...never did code on HTML...i suppose it's copy paste, and just need to put the name of the site and the images i guess...where is says on code.

#4 pr0wn3r

    Young Padawan

  • Members
  • Pip
  • 16 posts
  • Gender:Male

Posted 26 September 2006 - 03:54 PM

<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3">
			<img src="images/Untitled-1_01.gif" width="1024" height="258" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/Untitled-1_02.gif" width="388" height="510" alt=""></td>
		<td>
			<img src="images/Untitled-1_03.gif" width="255" height="59" alt=""></td>
		<td rowspan="2">
			<img src="images/Untitled-1_04.gif" width="381" height="510" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/Untitled-1_05.gif" width="255" height="451" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Here's the code i have, and a preview of what people will see if open it:

Posted Image

Image size: 1024x768

#5 Davey

    P2L Jedi

  • Members
  • PipPipPip
  • 620 posts
  • Location:Perth, Scotland
  • Interests:Creativity, Adrenaline, Etc

Posted 26 September 2006 - 04:56 PM

u could just do... as chaos said without having to use loads of images u could just do it with two... set the background to black then have the two seperate images, 1: the site's name and 2: the enter button/link - also instead of using tables u should do it with css

<!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" xml:lang="en">
<head>
<title>Site title here</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
body {
background: #000000;
#wrapper { height:auto; width:500px; margin-left:auto; margin-right:auto; margin-top:40px; }
#title { height:120px; width:500px; background-image:url(sitename.jpg); }
#enter { height:50px; width:150px; }
}
</style>
</head>
<body>
<div id="wrapper" align="center">
<div id="title"></title>
<div id="enter"><a href="http://wherever you want the page to go.com"><img src="http://location of enter/button.jpg"></a>
</div>
</div>
</body>
</html>

make sure u replace the ^^^ links to the right locations and set the title background to te size of the image


i think that's right... i'm tired and going to bed





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users