Jump to content
SkatePerception
Corey

Custom Website Tutorial

Recommended Posts

it's because the width of #left plus the width of #right is more than the width of your #container div.

#container = 795px.

#left = 444px , plus 72px right padding, plus 39px left padding = 555px
#right = 291px, plus 20px right padding, plus 86px left padding = 397px

#left + #right = 952px

You have to subtract the padding from the total width of each div.

Also, at the bottom of your page,you have a bunch of extra tags that aren't needed.

After </html> take out all of this:
</object></layer></span></div></table></body></html>

And then put this:
<script language='javascript' src='https://a12.alphagodaddy.com/hosting_ads/gd01.js'></script>

before </body>

Share this post


Link to post
Share on other sites
RobbieCopp :
You have a weird layout for your page. Why all the blank space?
Also, the slices are kind of all over the place, lots of extras you don't need.

I'm trying to think of how to help you, maybe send me the .psd and I'll slice it and show you what I mean.
send me a PM.

Share this post


Link to post
Share on other sites
Yeah Adobe does auto slices, it just shows where it thinks you should slice next, not actually selected though. And I'm putting an iframe in the center. Hopefully will have it up soon, just Tyler will get going on coding and have to go.

Share this post


Link to post
Share on other sites
[quote name='Corey' post='2220487' date='Mar 2 2008, 11:06 PM']it's because the width of #left plus the width of #right is more than the width of your #container div.

#container = 795px.

#left = 444px , plus 72px right padding, plus 39px left padding = 555px
#right = 291px, plus 20px right padding, plus 86px left padding = 397px

#left + #right = 952px

You have to subtract the padding from the total width of each div.

Also, at the bottom of your page,you have a bunch of extra tags that aren't needed.

After </html> take out all of this:
</object></layer></span></div></table></body></html>

And then put this:
&lt;script language='javascript' src='https://a12.alphagodaddy.com/hosting_ads/gd01.js'></script>

before </body>[/quote]
I'm confused on how to determine the div values. And that last stuff isn't part of my page, godaddy puts it there.

Share this post


Link to post
Share on other sites
[quote name='untitleduser' post='2220554' date='Mar 2 2008, 08:39 PM']I'm confused on how to determine the div values. And that last stuff isn't part of my page, godaddy puts it there.[/quote]
oh.

for the div values, you take the total width of that section (the width of your background image) and then subtract whatever padding you have from it.

Say you have your image saved and it's 500px wide. But you want your content to start somewhere in the middle of that image.
So, you want to have like a 20px padding on the left, and say a 32px padding on the right.
Take 500px width, and subtract 20px, then subtract 32px, so you end up with a width of 448px

Share this post


Link to post
Share on other sites
What is CSS, do i need dreamweaver to use it. If not can someone show me a download where i can get it, if it is free?

Share this post


Link to post
Share on other sites
CSS is just like HTML pretty much.

It's just lines of code, that when added to HTML, styles your page/elements.

All you have to do is make a .CSS document.
Like if you were using notepad, just save the file as "styles.css" .

Then in your HMTL page, you include a reference to it in the <head> section.

Share this post


Link to post
Share on other sites
I have a mac.... so i used textandedit came up with only this

[img]http://i274.photobucket.com/albums/jj254/imadertbag/whatswrong.jpg[/img]

Share this post


Link to post
Share on other sites
its not an option and when i click it only pops up with HTML, RTF, Word Format, Word XML Format

Share this post


Link to post
Share on other sites
choose to save as RTF, but name the file exactly like this, WITH the quotes. you can change "file" to whatever you want.

"file.css"

Share this post


Link to post
Share on other sites
there's no certain size. most sites are between 750px to 1000px wide.

Share this post


Link to post
Share on other sites
I tried to make a new layout, and when ever I save nothing comes up in firefox.

Share this post


Link to post
Share on other sites
Thanks man this was an awesome tutorial im just having problems uploading it to my site i upload the images in the images folder and i upload the html file but i get nothing its just white none of my images show

Share this post


Link to post
Share on other sites
just make sure that the source of the images matches with where the images are actually uploaded to.

for example, if you uploaded "home.jpg" into your "images" folder, then the image tag would be like this:

<img src="images/home.jpg">

So just make sure those match up and you should be good.

Share this post


Link to post
Share on other sites
[quote name='But I Love Chef' post='2462896' date='Jul 5 2008, 11:45 AM']When I sliced it I got a bunch of random shapes saved that make up the backround, is there any way to eliminate that?[/quote]
yah, go to view > and click on "snap" so that it is checked. then go to view > snap > and click on "slices" . Now each slice will "snap" to each other so you won't have a bunch of extra slices.

Share this post


Link to post
Share on other sites
[quote name='Corey' post='2411755' date='Jun 11 2008, 01:25 PM']there's no certain size. most sites are between 750px to 1000px wide.[/quote]
oh ok, so right now im trying to make a crappy layout in photoshop for practice. the length doesnt matter either?

Share this post


Link to post
Share on other sites
[quote name='sk83r101' post='2506142' date='Jul 24 2008, 10:43 AM']oh ok, so right now im trying to make a crappy layout in photoshop for practice. the length doesnt matter either?[/quote]

no..it doesnt matter

Share this post


Link to post
Share on other sites
Cory, thanks for this tutorial. Really helps out. For some stupid reason, when i open up my page in safari from my local root file "home.html" on my mac just to preview it, my nav links don't have borders, but for some reason in Mozilla they do. How do i fix this? Am i suppose to make a css link thing? and add it to my style.css file?

Share this post


Link to post
Share on other sites
[quote name='gatlyngun' post='2580325' date='Aug 21 2008, 10:34 PM']Cory, thanks for this tutorial. Really helps out. For some stupid reason, when i open up my page in safari from my local root file "home.html" on my mac just to preview it, my nav links don't have borders, but for some reason in Mozilla they do. How do i fix this? Am i suppose to make a css link thing? and add it to my style.css file?[/quote]
thanks, np.

yah, in the css, add this:
[code]a img {border:none;}[/code]

Share this post


Link to post
Share on other sites
[quote name='Corey' post='2580399' date='Aug 22 2008, 01:13 AM']thanks, np.

yah, in the css, add this:
[code]a img {border:none;}[/code][/quote]
thank you :unsure:

Share this post


Link to post
Share on other sites
I have another question. My header is like a couple pixels down from the top of the page. How do i make it snap to the top?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×