...

View Full Version : help?



sYmaz
12-20-2010, 02:11 PM
hey, so im learnign atm, and making my first webpage, i have many issues on my project, its hard to make webpage and learn learn learn, without any help and explanation.. so i wanna ask, is there some person, witch i can trust, and give my project to fix my mistakes or just say what i do wrong, and comunicate on skype or something..


:o

Stooshie
12-20-2010, 02:47 PM
You should be able to trust anyone on this board to help you. If you are worried, have a look at the number of stars next to their name or look at the number of posts they have submitted or thanks they have had/given.

VIPStephan
12-20-2010, 03:04 PM
And if you want help or answers to your question then this is the place where you’d get it. And moreso, you don’t just have one person to ask, you have hundreds! So just post your code or a link to your sample and ask away. Ideally you’ll get answers just in minutes.

teedoff
12-20-2010, 03:04 PM
Is this a school project? You can post your code and ask specific questions on specific issues you are having. If it is a school project, you probably wont be getting anyone to fix your entire project for you, but we're all here and happy to "help" YOU fix your issues.

sYmaz
12-20-2010, 05:22 PM
Is this a school project? You can post your code and ask specific questions on specific issues you are having. If it is a school project, you probably wont be getting anyone to fix your entire project for you, but we're all here and happy to "help" YOU fix your issues.

its a page for photoshop tutorials etc, i mean i wanna advertise other sites, maybe put free photoshop resources on my page, i have big problems with my html elements, they are on different position when i open with firefox and ie..

ill be thankful for some explanation what i do wrong, what i must change, just any help to get better with programing :)

i uploaded my work, dont laugh, its a bit messy, as i said i just started to learn html and css language :(
page layout made with Photoshop, then i sliced it and started code..

http://www38.zippyshare.com/v/32308901/file.html

sYmaz
12-20-2010, 08:57 PM
so someone gonna help me to understand what im doing wrong? :S

teedoff
12-20-2010, 09:07 PM
Well you dont specify what your problem is exactly, and many here will not download a zipped file or any file to their local harddrive for that matter. Is your site hosted somewhere live where we can look at the actual page? If not you may post your source code here in a post using the # buttons to wrap your code in code tags.

sYmaz
12-20-2010, 10:25 PM
Well you dont specify what your problem is exactly, and many here will not download a zipped file or any file to their local harddrive for that matter. Is your site hosted somewhere live where we can look at the actual page? If not you may post your source code here in a post using the # buttons to wrap your code in code tags.

thought so, but i dont have host.. and my page layout is from photoshop so without images u may not tell me what wrong.. anyway ill post my code

sYmaz
12-20-2010, 10:26 PM
<html>
<head>
<title>BestPSTutorials4U</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<link rel="stylesheet" href="mainmenu.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="textaligment.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="contentmenu.css" type="text/css" charset="utf-8" />

</head>



<style>

#dlimg {
position:absolute;
top:600px;
left:420px;}

#dlimg dd{
width:400px;
padding-bottom:3px;
font-size:11px;
font-family:arial;
font-weight:bold; }


#dlimgps {
position:absolute;
top:760px;
left:420px;}

#dlimgps dd{
width:400px;
padding-bottom:3px;
font-size:11px;
font-family:arial;
font-weight:bold; }


#dlimg1 {
background: url(contentimages/candl.gif) no-repeat;
width: 121px;
height: 25px;}
#dlimg1 a{
display:inline-block;}
#dlimg1 img{
width: 121px;
height: 25px;}
#dlimg1 a:hover img{
visibility:hidden;}

#dlimg2 {
background: url(contentimages/candl.gif) no-repeat;
width: 121px;
height: 25px;}
#dlimg2 a{
display: inline-block;}
#dlimg2 img{
width: 121px;
height: 25px;}
#dlimg2 a:hover img{
visibility:hidden;}

#dlimg3 {
background: url(contentimages/candl.gif) no-repeat;
width: 121px;
height: 25px;}
#dlimg3 a{
display: inline-block;}
#dlimg3 img{
width: 121px;
height: 25px;}
#dlimg3 a:hover img{
visibility:hidden;}


#dlimg4 {
background: url(contentimages/candl.gif) no-repeat;
width: 121px;
height: 25px;}
#dlimg4 a{
display: inline-block;}
#dlimg4 img{
width: 121px;
height: 25px;}
#dlimg4 a:hover img{
visibility:hidden;}

#dlimg5 {
background: url(contentimages/candl.gif) no-repeat;
width: 121px;
height: 25px;}
#dlimg5 a{
display: inline-block;}
#dlimg5 img{
width: 121px;
height: 25px;}
#dlimg5 a:hover img{
visibility:hidden;}



#viewimg { position:absolute; left:770px; top:614px; font-size:11px; font-family:arial; font-weight:bold; }
#viewimg li {text-decoration:none; list-style-type:none;}
#viewimg a.small, #picture a.small:visited {color:white; display:block; top:0; left:0; border:0;}
#viewimg a img {border:0;}
#viewimg a .large {display:inline-block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#viewimg a.small:hover .large {display:block; position:absolute; top:-195px; left:60px; width:auto; height:auto; }

#viewimg1 { position:absolute; left:770px; top:642px; font-size:11px; font-family:arial; font-weight:bold; }
#viewimg1 li {text-decoration:none; list-style-type:none;}
#viewimg1 a.small, #picture a.small:visited {color:white; display:block; top:0; left:0; border:0;}
#viewimg1 a img {border:0;}
#viewimg1 a .large {display:inline-block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#viewimg1 a.small:hover .large {display:block; position:absolute; top:-195px; left:60px; width:auto; height:auto; }

#viewimg2 { position:absolute; left:770px; top:670px; font-size:11px; font-family:arial; font-weight:bold; }
#viewimg2 li {text-decoration:none; list-style-type:none; }
#viewimg2 a.small, #picture a.small:visited { color:white; display:block; top:0; left:0; border:0;}
#viewimg2 a img {border:0;}
#viewimg2 a .large {display:inline-block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#viewimg2 a.small:hover .large {display:block; position:absolute; top:-195px; left:60px; width:auto; height:auto; }


#viewimg3 { position:absolute; left:0px; top:28px; font-size:11px; font-family:arial; font-weight:bold; }
#viewimg3 li {text-decoration:none; list-style-type:none; }
#viewimg3 a.small, #picture a.small:visited {color:white; display:block; top:0; left:0; border:0;}
#viewimg3 a img {border:0;}
#viewimg3 a .large {display:inline-block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#viewimg3 a.small:hover .large {display:block; position:absolute; top:-195px; left:60px; width:auto; height:auto; }

</style>


<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (webpage.psd) -->

<table id="Table_01" width="900" height="1401" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="11">
<img src="images1/dsd_01.jpg" width="21" height="1400" alt=""></td>
<td colspan="4" rowspan="6">
<img src="menulogos/resources1.jpg" width="428" height="372" alt="advertisement"></td>
<td colspan="2">
<img src="images1/dsd_03.jpg" width="366" height="26" alt=""></td>
<td colspan="2" rowspan="5">

<img src="images1/dsd_04.jpg" width="85" height="255" alt=""></td>
</tr>
<tr>
<td colspan="2" class="home">
<a href="homewindow.html"><img src="images/homewhite.jpg" width="366" height="57" alt=""></td></a>
</tr>
<tr>
<td colspan="2" class="galery">
<a href="galerywindow.html"><img src="images/galerywhite.jpg" width="366" height="56" alt=""></td></a>

</tr>
<tr>
<td colspan="2" class="contacts">
<a href="contacts.html"><img src="images/contactwhite.jpg" width="366" height="58" alt=""></td></a>
</tr>
<tr>
<td colspan="2" class="advertisement">
<a href="advertwindow.html"><img src="images/advertisementwhite.jpg" width="366" height="58" alt=""></td></a>
</tr>

<tr>
<td colspan="3">
<img src="images1/dsd_09.jpg" width="432" height="117" alt=""></td>
<td rowspan="6">
<img src="images1/dsd_10.jpg" width="19" height="1145" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images1/contentwindow.jpg" width="860" height="72" alt="info files"></td>

</tr>
<tr>
<td class="back">
<a href="homewindow.html"><img src="images1/backimg.jpg" width="149" height="46" alt=""></td></a>
<td colspan="6" rowspan="2">
<img src="images1/contentwindow-14.jpg" width="711" height="870" alt="info files"></td>
</tr>
<tr>
<td>

<img src="images1/contentwindow-15.jpg" width="149" height="824" alt="info files"></td>
</tr>
<tr>
<td colspan="5">
<img src="images1/dsd_15.jpg" width="612" height="42" alt=""></td>
<td colspan="4" rowspan="2" class="fblogo">
<a href="#"><img src="images/facebooklogo.jpg" width="248" height="86" border="0" alt="facebook"></td></a>
</tr>
<tr>

<td colspan="2" class="bottomlink1">
<a href="http://www.wallbase.net/" target="_blank" title="free wallpers, girls, best wallpapers"><img src="images/wallbase.jpg" width="168" height="44" alt=""></td></a>
<td class="bottomlink2">
<a href="http://skins.be/" target="_blank" title="free wallpers, girls, best wallpapers"><img src="images/skins.jpg" width="172" height="44" alt=""></td></a>
<td colspan="2" class="bottomlink3">
<a href="http://www.muzikoszona.lt/" target="_blank" title="Muzika, Free Music, Mp3, New Music, Hip-Hop, Club, Music"><img src="images/muzikoszona.jpg" width="272" height="44" alt=""></td></a>
</tr>
<tr>
<td>

<img src="images1/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="images1/spacer.gif" width="149" height="1" alt=""></td>
<td>
<img src="images1/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="172" height="1" alt=""></td>
<td>
<img src="images1/spacer.gif" width="88" height="1" alt=""></td>

<td>
<img src="images1/spacer.gif" width="184" height="1" alt=""></td>
<td>
<img src="images1/spacer.gif" width="182" height="1" alt=""></td>
<td>
<img src="images1/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="images1/spacer.gif" width="19" height="1" alt=""></td>
</tr>

</table>
<!-- End Save for Web Slices -->
<div id="container">
<div id="dlimg">
<dl>
<dd id="dlimg1"><a href="#"><img src="contentimages/nodl.gif" width="121" height="25"></a>&nbsp; &nbsp;
My Shape Pack &nbsp; &nbsp; &nbsp; &nbsp;(<span style="color:white;">Coming soon..</span>)</dd>
<dd id="dlimg2"><a href="#"><img src="contentimages/nodl.gif" width="121" height="25"></a>&nbsp; &nbsp;

My Brush Pack &nbsp; &nbsp; &nbsp; &nbsp;(<span style="color:white;">Coming soon..</span>)</dd>
<dd id="dlimg3"><a href="#"><img src="contentimages/nodl.gif" width="121" height="25"></a>&nbsp; &nbsp;
My Gradient Pack &nbsp; &nbsp;(<span style="color:white;">Coming soon..</span>)</dd>
<dd id="dlimg4"><a href="#"><img src="contentimages/nodl.gif" width="121" height="25"></a>&nbsp; &nbsp;

My Font Pack &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; (<span style="color:white;">Coming soon..</span>)</dd>
</dl>
</div>
<div id="dlimgps">
<dl>
<dd id="dlimg5"><a href="#"><img src="contentimages/nodl.gif" width="121" hight=25"></a>&nbsp; &nbsp;
Photoshop CS4 &nbsp; &nbsp;&nbsp; &nbsp;(<span style="color:white;">Mini Version</span>)</dd>

</dl>
</div>
<div id="viewimg">
<li><a class="small" href="#" title="small image">Preview<img class="large" src="contentimages/noimg.PNG" title="large image" /></a></li>
</div>
<div id="viewimg1">
<li><a class="small" href="#" title="small image" >Preview<img class="large" src="contentimages/noimg.PNG" title="large image" /></a></li>
</div>
<div id="viewimg2">
<li><a class="small" href="#" title="small image">Preview<img class="large" src="contentimages/noimg.PNG" title="large image" /></a></li>
<div id="viewimg3">
<li><a class="small" href="#" title="small image">Preview<img class="large" src="contentimages/noimg.PNG" title="large image" /></a></li>

</div>
</div>
</body>
</html>


<----------MY STYLE SHEET FROM Content.css-------->

* {
border:0;
margin:0;
padding:0;}

body{
margin:0 0 4% 15%;
background-color: f44d00;
}

#container {
position:relative;
bottom:1400px;
right:180px;
margin: 0 auto}

a:visited {
text-decoration:none;
color:#ADADAD;}
a:hover {
color:white;}
a {
text-decoration:none;
outline: none;
overflow: hidden;}

.home{
position:relative;
background: url(menubuttons/home.jpg) no-repeat;
width: 366px;
height: 57px;}

.home a{
display: block;}

.home img{
width: 366px;
height: 57px;
border: 0;}

.home a:hover img{
visibility:hidden;}

.galery{
position:relative;
background: url(menubuttons/galery.jpg) no-repeat;
width: 366px;
height: 56px;}

.galery a{
display: block;}

.galery img{
width: 366px;
height: 56px;
border: 0;}

.galery a:hover img{
visibility:hidden;}

.contacts{
position:relative;
background: url(menubuttons/contact.jpg) no-repeat;
width: 366px;
height: 58px;}

.contacts a{
display: block;}

.contacts img{
width: 366px;
height: 58px;
border: 0;}

.contacts a:hover img{
visibility:hidden;}

.advertisement{
position:relative;
background: url(menubuttons/advertisement.jpg) no-repeat;
width: 366px;
height: 58px;}

.advertisement a{
display: block;}

.advertisement img{
width: 366px;
height: 58px;
border: 0;}

.advertisement a:hover img{
visibility:hidden;}


.fblogo{
position:relative;
background: url(otherrollovers/facebooklogow.jpg) no-repeat;
width: 248px;
height: 86px;}

.fblogo a{
display:inline-block;}

.fblogo img{
width: 248px;
height: 86px;
border: 0;}

.fblogo a:hover img{
visibility:hidden;}


.needtuts{
position:relative;
background: url(menubuttons/nt.jpg) no-repeat;
width: 304px;
height: 46px;}

.needtuts a{
display: block;}

.needtuts img{
width: 304px;
height: 46px;
border: 0;}

.needtuts a:hover img{
visibility:hidden;}

.ofr{
position:relative;
background: url(menubuttons/ofn.jpg) no-repeat;
width: 304px;
height: 46px;}

.ofr a{
display: block;}

.ofr img{
width: 304px;
height: 46px;
border: 0;}

.ofr a:hover img{
visibility:hidden;}

.ress{
position:relative;
background: url(menubuttons/res.jpg) no-repeat;
width: 304px;
height: 47px;}

.ress a{
display: block;}

.ress img{
width: 304px;
height: 47px;
border: 0;}

.ress a:hover img{
visibility:hidden;}

.mpsds{
position:relative;
background: url(menubuttons/psds.jpg) no-repeat;
width: 304px;
height: 51px;}

.mpsds a{
display: block;}

.mpsds img{
width: 304px;
height: 51px;
border: 0;}

.mpsds a:hover img{
visibility:hidden;}

.mworks{
position:relative;
background: url(menubuttons/mworks.jpg) no-repeat;
width: 304px;
height: 46px;}

.mworks a{
display: block;}

.mworks img{
width: 304px;
height: 46px;
border: 0;}

.mworks a:hover img{
visibility:hidden;}

.glmypsds{
position:relative;
background: url(menubuttons/glmpsds.jpg) no-repeat;
width: 304px;
height: 46px;}

.glmypsds a{
display: block;}

.glmypsds img{
width: 304px;
height: 46px;
border: 0;}

.glmypsds a:hover img{
visibility:hidden;}

.back1tuts{
position:relative;
background: url(menubuttons/backd.jpg) no-repeat;
width: 149px;
height: 46px;}

Excavator
12-20-2010, 11:31 PM
Hello sYmaz,
I downloaded it, no worries here.
It looks great in IE8 and FF4. I think your use of things like topmargin and marginwidth may cause problems. I think that could actually be an IE only thing.
Better to remove that sort of thing from the markup and style strictly from the CSS anyway.

The first thing I would suggest, of course, is validating. Read the links about validation in my signature line. The other links there would help you too.

I've never been a fan of the way PS slices up a layout and codes it but this is a nice looking site. Good work, I hope you'll be able to get it working.

sYmaz
12-20-2010, 11:55 PM
Hello sYmaz,
I downloaded it, no worries here.
It looks great in IE8 and FF4. I think your use of things like topmargin and marginwidth may cause problems. I think that could actually be an IE only thing.
Better to remove that sort of thing from the markup and style strictly from the CSS anyway.

The first thing I would suggest, of course, is validating. Read the links about validation in my signature line. The other links there would help you too.

I've never been a fan of the way PS slices up a layout and codes it but this is a nice looking site. Good work, I hope you'll be able to get it working.


Thank you, I'll read it, becouse im stuck on these isues and cant go further with my rpoject.

btw, wanna ask as a beginner of html and css coder, am i good at this? :D always thinking, pro coders do like i do, when i open my html file and start work.. :)

Excavator
12-21-2010, 12:11 AM
btw, wanna ask as a beginner of html and css coder, am i good at this? :D always thinking, pro coders do like i do, when i open my html file and start work.. :)

Like I said, the site looks very nice. It has potential and I think you've done a very good job on it.
It's also sliced and coded by PS, famous for its very recognizable and HORRIBLE coding. Whoever has kept that action in PS through all the version updates should be hung by their pinky toes for not updating it to modern web authoring practices.

That doesn't mean it can't work though. Lot's of sites work just fine with using outdated methods just like this. My point would be though, since you're just learing to do it, why not start out learning the most current practices? I would even go as far as suggesting HTML5 and CSS3, with some effort toward backward compatability of course.

Excavator
12-21-2010, 12:14 AM
im stuck on these isues and cant go further with my rpoject.

I'm still unclear exactly what these issues are. We'd all be more than happy to address a specific problem if you'd point it out to us. I may not be able to see it with FF4 and IE8 where someone that has IE7 would spot it right off...

I still say the first step is validation.

sYmaz
12-21-2010, 12:28 PM
I'm still unclear exactly what these issues are. We'd all be more than happy to address a specific problem if you'd point it out to us. I may not be able to see it with FF4 and IE8 where someone that has IE7 would spot it right off...

I still say the first step is validation.


try resize window, and you'll see that images stack on top other images, and they keep changing position when i customize my browser window size with my mouse.. :( and when i open with FF my images is fine, in good place where i whant it to be, but when i open with IE its a bit different, images goes lower or more left side..

I'll try to start from 0



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum