NEED coding "mentor"

tay:ann · 06-01-2015, 11:33 PM

I need someone who is willing to look over my codes as I am learning and kind of explain certain things to me. Must be actually AVAILABLE! I've had several people say they'd help and then I've never heard from them again. I learn better with someone there to explain things or that I can relay my ideas off of.

**scottish** · 07-01-2015, 12:05 AM

Just make a thread and keep it active and you'll get help I'm sure

tay:ann · 07-01-2015, 01:48 AM

Originally Posted by scottish

Just make a thread and keep it active and you'll get help I'm sure

kwell.. for starters.. my current layout won't center nor fill the web browser. It's aligned left and cuts off into its own little box and i don't get why. My banner and nav bar are set at width: 100% so....

**scottish** · 07-01-2015, 09:41 AM

Would need to show us the code to be of any help.

tay:ann · 07-01-2015, 08:09 PM

HTML Code:

<!DOCTYPE html><html><head><title>Test Fansite</title>
<style type="text/css">body {	background-image: url(images/header/background.png);}* {	margin: 0;	padding: 0;	border: 0;}


body {	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	color: #999;	}.header{	margin: 0px 0px 0px 0px;	position: fixed;}	#navbar {		background-image: url(images/header/nav.png);		background-repeat: repeat-x;		width: 100%;		height: 30px;		margin-top: 0;	}	#home{		float: left;		color: white;		margin-top: 10px;		margin-right: 5px;		margin-left: 10px;		}	#habbozone {		float: left;		color: white;		margin-top: 10px;		margin-right: 5px;		margin-left: 5px;		}	#events {		float: left;		color: white;		margin-top: 10px;		margin-right: 5px;		margin-left: 5px;		}	#radio {		float: left;		color: white;		margin-top: 10px;		margin-right: 5px;		margin-left: 5px;		}	#habbo {		float: left;		color: white;		margin-top: 10px;		margin-right: 5px;		margin-left: 5px;		}	#forum{		float: left;		color: white;		margin-top: 10px;		margin-right: 5px;		margin-left: 5px;		}		#bannerbg {		background-image: url(images/header/screenshot_1.jpg);		height: 200px;		width: 100%;	}		#logo {			background-image: url(images/header/banner%202.png);			width: 525px;			height: 125px;			margin-top: 20px;			float: left;		}		#djbox {			width: 252px;			height: 175px;			float: right;			margin-right: 50px;			margin-bottom: 20px;			margin-top: 10px;			background: rgba(255,255,255,.5);			border-radius: 8px;		}			#djname {				height: 30px;				width: 150px;				margin-left: 10px;				margin-right: 10px;				margin-top: 10px;				margin-bottom: 10px;				background: rgba(255,255,255,.4);				border-radius: 6px;				text-aling: center;			}			#djlikes {				height: 30px;				width: 50px;				margin-left: 10px;				margin-right: 10px;				margin-top: 10px;				margin-bottom: 10px;				background: rgba(255,255,255,.4);				border-radius: 6px;				text-aling: center;			}			#djlisteners {				height: 30px;				width: 50px;				margin-left: 10px;				margin-right: 10px;				margin-top: 10px;				margin-bottom: 10px;				background: rgba(255,255,255,.4);				border-radius: 6px;				text-aling: center;			}			#currentsong {				height: 30px;				width: 150px;				margin-left: 10px;				margin-right: 10px;				margin-top: 10px;				margin-bottom: 10px;				background: rgba(255,255,255,.4);				border-radius: 6px;				text-aling: center;			}						#djsays {				height: 30px;				width: 225px;				margin-left: 10px;				margin-right: 10px;				margin-top: 10px;				margin-bottom: 10px;				background: rgba(255,255,255,.4);				border-radius: 6px;				text-aling: center;			}#contentarea {	width: 964px;	height: autopx;	margin: auto;}
	#left {		width: 221px;		float: left;		margin-top: 10px;			}	#right {		width: 221px;		float: left;		margin-top: 10px;			}		#center {		width: 466px;		float: left;		margin-top: 10px;		padding: 10px 0 10px 14px;	}		.topblue, .topgreen, .toppink, .toporange, .topbabyblue {		width: 183px;		height: 27px;		padding: 19px 15px 0 15px;		color: #fff;		font-weight: bold;		text-transform: uppercase;	}	.topblack {		width: 183px;		height:;		padding: 19px 15px 0 15px;		color: #fff;		font-weight: bold;		text-transform: uppercase;	}/*Content Boxes*/.toporange {	background-image: url(images/boxes/top_orange.png);}.topgreen {	background-image: url(images/boxes/top_green.png);}.topblue {	background-image: url(images/boxes/top_blue.png);}.topbabyblue {	background-image: url(images/boxes/top_babyblue.png);}.toppink {	background-image: url(images/boxes/top_pink.png);}.longtoppurple {	background-image: url(images/boxes/contentarea_purple.png);	width: 414px;		height: 26px;		color: #fff;		font-weight: bold;		text-transform: uppercase;		text-shadow: 1px 1px #ba9dda;		padding: 20px 18px 0 18px;}.longtopgrey {	background-image: url(images/boxes/contentarea_grey.png);	width: 414px;		height: 26px;		color: #fff;		font-weight: bold;		text-transform: uppercase;		text-shadow: 1px 1px #ba9dda;		padding: 20px 18px 0 18px;}.middle {	background-image: url(images/boxes/mid.png);	width: 187px;	padding: 5px 13px 3px 13px;}.longmid {	background-image: url(images/boxes/contentarea_mid.png);	width: 430px;	padding: 4px 10px 4px 10px;}.bottom {	background-image: url(images/boxes/bottom.png);	width: 213px;	height: 12px;}.longbottom {	background-image: url(images/boxes/contentarea_bottom.png);	width: 450px;	height: 13px;	margin-bottom: 15px;}/* End Content Boxes */
#footer {	clear: both;}</style><meta charset="utf-8"></head>
<body><div id="navbar">  <div id="home">Home</div>  <div id="habbozone">HabboZone</div>  <div id="events">Events</div>  <div id="radio">Radio</div>  <div id="habbo">Habbo</div>  <div id="forum">Forum</div></div><!--Banner--><div id="bannerbg">  <div id="logo"></div>  <div id="djbox">   <table><tr>   <td align="center"><div id="djname">DJ Name</div></td><td align="center"><div id="djlikes">likes</div></td>   </tr></table>   <table><tr>   <td><div id="djlisteners">Listeners</div></td><td><div id="currentsong">Current Song</div></td>   </tr></table>   <table><tr>   <td><div id="djsays">DJ Says</div></td>   </tr></table>  </div></div>
<!--Content Areas--><div id= "contentarea">  <div id="left">    	<div id="leftcontentbox1">    	<div class="topgreen"> Header Here</div>        <div class="middle">          <p>Content here</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>        </div>        <div class="bottom"> </div>    </div>        <div id="leftcontentbox2">    	<div class="toporange"> Header Here</div>        <div class="middle">          <p>Content here</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>        </div>        <div class="bottom"> </div>    </div>  </div>    <div id="center">  	<div id="centercontenbox1">    	<div class="longtoppurple"> Header Here</div>        <div class="longmid">          <p>Content here</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>        </div>        <div class="longbottom"> </div>    </div>  </div>    <div id="right">   	<div id="rightcontentbox1">    <div class="toppink"> Header Here</div>        <div class="middle">          <p>Content here</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>        </div>        <div class="bottom"> </div>    </div>        <div id="rightcontentbox2">    	<div class="topblue"> Header Here</div>        <div class="middle">          <p>Content here</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>          <p>test</p>        </div>        <div class="bottom"> </div>    </div></div></div>    </body>
<!--Footer--></body></html>

**scottish** · 07-01-2015, 08:30 PM

Can you pastebin it so we get proper line spacing and indentation

or is your coding really that messy?

tay:ann · 07-01-2015, 09:06 PM

<!DOCTYPE html>
<html>
<head>
<title>Test Fansite</title>

<style type="text/css">
body {
background-image: url(images/header/background.png);
}
* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
color: #999;
}
.header{
margin: 0px 0px 0px 0px;
position: fixed;
}
#navbar {
background-image: url(images/header/nav.png);
background-repeat: repeat-x;
width: 100%;
height: 30px;
margin-top: 0;
}
#home{
float: left;
color: white;
margin-top: 10px;
margin-right: 5px;
margin-left: 10px;
}
#habbozone {
float: left;
color: white;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
#events {
float: left;
color: white;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
#radio {
float: left;
color: white;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
#habbo {
float: left;
color: white;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
#forum{
float: left;
color: white;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}

#bannerbg {
background-image: url(images/header/screenshot_1.jpg);
height: 200px;
width: 100%;
}
#logo {
background-image: url(images/header/banner%202.png);
width: 525px;
height: 125px;
margin-top: 20px;
float: left;
}
#djbox {
width: 252px;
height: 175px;
float: right;
margin-right: 50px;
margin-bottom: 20px;
margin-top: 10px;
background: rgba(255,255,255,.5);
border-radius: 8px;
}
#djname {
height: 30px;
width: 150px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
background: rgba(255,255,255,.4);
border-radius: 6px;
text-aling: center;
}
#djlikes {
height: 30px;
width: 50px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
background: rgba(255,255,255,.4);
border-radius: 6px;
text-aling: center;
}
#djlisteners {
height: 30px;
width: 50px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
background: rgba(255,255,255,.4);
border-radius: 6px;
text-aling: center;
}
#currentsong {
height: 30px;
width: 150px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
background: rgba(255,255,255,.4);
border-radius: 6px;
text-aling: center;
}

#djsays {
height: 30px;
width: 225px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
background: rgba(255,255,255,.4);
border-radius: 6px;
text-aling: center;
}
#contentarea {
width: 964px;
height: autopx;
margin: auto;
}

#left {
width: 221px;
float: left;
margin-top: 10px;
}
#right {
width: 221px;
float: left;
margin-top: 10px;
}

#center {
width: 466px;
float: left;
margin-top: 10px;
padding: 10px 0 10px 14px;
}

.topblue, .topgreen, .toppink, .toporange, .topbabyblue {
width: 183px;
height: 27px;
padding: 19px 15px 0 15px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.topblack {
width: 183px;
height:;
padding: 19px 15px 0 15px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
/*Content Boxes*/
.toporange {
background-image: url(images/boxes/top_orange.png);
}
.topgreen {
background-image: url(images/boxes/top_green.png);
}
.topblue {
background-image: url(images/boxes/top_blue.png);
}
.topbabyblue {
background-image: url(images/boxes/top_babyblue.png);
}
.toppink {
background-image: url(images/boxes/top_pink.png);
}
.longtoppurple {
background-image: url(images/boxes/contentarea_purple.png);
width: 414px;
height: 26px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-shadow: 1px 1px #ba9dda;
padding: 20px 18px 0 18px;
}
.longtopgrey {
background-image: url(images/boxes/contentarea_grey.png);
width: 414px;
height: 26px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-shadow: 1px 1px #ba9dda;
padding: 20px 18px 0 18px;
}
.middle {
background-image: url(images/boxes/mid.png);
width: 187px;
padding: 5px 13px 3px 13px;
}
.longmid {
background-image: url(images/boxes/contentarea_mid.png);
width: 430px;
padding: 4px 10px 4px 10px;
}
.bottom {
background-image: url(images/boxes/bottom.png);
width: 213px;
height: 12px;
}
.longbottom {
background-image: url(images/boxes/contentarea_bottom.png);
width: 450px;
height: 13px;
margin-bottom: 15px;
}
/* End Content Boxes */

#footer {
clear: both;
}
</style>
<meta charset="utf-8">
</head>

<body>
<div id="navbar">
<div id="home">Home</div>
<div id="habbozone">HabboZone</div>
<div id="events">Events</div>
<div id="radio">Radio</div>
<div id="habbo">Habbo</div>
<div id="forum">Forum</div>
</div>

<div id="bannerbg">
<div id="logo"></div>
<div id="djbox">
<table><tr>
<td align="center"><div id="djname">DJ Name</div></td><td align="center"><div id="djlikes">likes</div></td>
</tr></table>
<table><tr>
<td><div id="djlisteners">Listeners</div></td><td><div id="currentsong">Current Song</div></td>
</tr></table>
<table><tr>
<td><div id="djsays">DJ Says</div></td>
</tr></table>
</div>
</div>


<div id= "contentarea">
<div id="left">

<div id="leftcontentbox1">
<div class="topgreen"> Header Here</div>
<div class="middle">
<p>Content here</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>
<div class="bottom"> </div>
</div>

<div id="leftcontentbox2">
<div class="toporange"> Header Here</div>
<div class="middle">
<p>Content here</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>
<div class="bottom"> </div>
</div>
</div>

<div id="center">
<div id="centercontenbox1">
<div class="longtoppurple"> Header Here</div>
<div class="longmid">
<p>Content here</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>
<div class="longbottom"> </div>
</div>
</div>

<div id="right">
<div id="rightcontentbox1">
<div class="toppink"> Header Here</div>
<div class="middle">
<p>Content here</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>
<div class="bottom"> </div>
</div>

<div id="rightcontentbox2">
<div class="topblue"> Header Here</div>
<div class="middle">
<p>Content here</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>
<div class="bottom"> </div>
</div>
</div>
</div>
</body>


</body>
</html>

**Richie** · 08-01-2015, 01:49 PM

@tay:ann;

Download adobe dreamweaver and use split view so you can see exactly what is happening, you can even use the split view to center a div if you haven't a clue how to do it through code view. It's going to be a lot easier to use that and mentor yourself rather than have someone edit the code for you.

goodluck

tay:ann · 11-01-2015, 12:02 AM

Originally Posted by Richie

@tay:ann;

Download adobe dreamweaver and use split view so you can see exactly what is happening, you can even use the split view to center a div if you haven't a clue how to do it through code view. It's going to be a lot easier to use that and mentor yourself rather than have someone edit the code for you.

goodluck

Thank you! I got it and Adobe Edge Reflow.

Dentafrice · 11-01-2015, 10:31 AM

Sure, I'm generally always available.

Feel free to email me ([email protected]) with any questions.

Thread: NEED coding "mentor"

Thread Tools

NEED coding "mentor"

Posting Permissions