Im Lost Please Help Options

[ChelseaBenner]

Ok, so I signed up on this thing, because I have amazing ideas for layouts. I am very interested in Web Design, i don't know how to make a layout, but im up for the challenge, someone please help me learn how to make a layout, i have photoshop and what not, i just need help. lol. thanks
Chelsea

[FoxLucky]

What help do you need exactly?
Codes?

[ChelseaBenner]

Codes, yes. Everything. The only codes i know how to use are the shitty ones i have found like : <font face="arial narro w" > <<< that stuff i need to know how to put the images in there.. i have a million fonts just i need major help. i want to learn this so bad, cuz' im addicted to web design

[*WHIMSICAL 0NE*]

Well, if you simply do not know how to make a layout there are pinned topics in this forum that you might want to read over

[FoxLucky]

I hope you know only a few fonts are web friendly...

And yes, the div layout bulletins are very helpful...

[*x1227x*]

click (regular layout)
click (simple div layout)
click (div layout)

[ChelseaBenner]

Ok, so the whole tutorial/ step by step thing didn't help me what-so-ever. im sorry.. anyone have something for me to comprehend more easily, i got it and all, but i f**ked it up somehow and only part of my background image was showing.. and most the other half was cut off please help?

[freeflow]

I think those are the easies around which were you trying to do and you should post here whe n you get confused. If you were trying the div layout don't unless you can do a regular layout. Lots try to jump right in and it doesn't well work out everytime.

[ChelseaBenner]

i didn't jump to the DIV's i did the regular and this is the crappy one i got....




<style>body {
background-color: white;
background-image: url('http://i18.tinypic.com/43p9beo.jpg');
background-attachment:;
background-repeat: no-repeat;
background-position:;bottom left
}font, body, table, td, div, h1, h2, br, a, p {font-family:;Small Fonts font-size:;8px color:; black background-color:none text-transform:;uppercase text-decoration:;none font-weight:;none}
.orangetext15 {font-family:;Small Fonts font-size:;8px color:;black background-color:;none text-transform:;uppercase text-decoration:; font-weight:;none}
.whitetext12 {font-family:; Small Fonts font-size:;8px color:;black background-color:;none text-transform:;none text-decoration:;none font-weight:;none}
.lightbluetext8 {font-family:;Small Fonts font-size:;8px color:;black background-color:;nonetext-transform:;none text-decoration:;none font-weight:;none}
.text {font-family:;Small Fonts font-size:;8px color:;black background-color:;none text-transform:;none text-decoration:;none font-weight:;none}
.nametext {font-family:;Small Fonts font-size:;9px color:; background-color:;nonetext-transform:;none text-decoration:;none font-weight:;none}
.blacktext12 {font-family:;Small Fonts font-size:;7px color:; black background-color:;none text-transform:;none text-decoration:;none font-weight:;none}
.blacktext10 {font-family:;Small Fonts font-size:;9px color:;black background-color:;text-transform:;none text-decoration:;none font-weight:;none}
.btext {font-family:;Small Fonts font-size:;8px color:;black background-color:;nonetext-transform:;none text-decoration:;none font-weight:;none}
.redtext {font-family:;Small Fonts font-size:;8px color:;black background-color:;nonetext-transform:;none text-decoration:;none font-weight:;none}
.redbtext {font-family:;Small Fonts font-size:;7px color:;black background-color:;nonetext-transform:;none text-decoration:;none font-weight:;none}

[freeflow]

Well first you need a </style> at the end of the code. Does that help fix some of it?

You also did the bracket parts wrong. But its an easy mistake.

{font-family:;Small Fonts font-size:;8px color:; black background-color:none text-transform:;uppercase text-decoration:;none font-weight:;none}

Lets look at font-family;small fonts. You have the ; after what it edits. It needs to be after small fonts. This should be it :
font-family: small fonts;

Same goes for font size, color, text-transform, text-decoration, and font-weight. You need to fix that for all of them.

[ChelseaBenner]

ok so i fixed that and it's fine now.. except my image, it's chopped off like before and it shows for a second then my plain ass tables ... (lol) come up and over half of my image is gone. and i used the url from Tinypic.com

this is what i have:



<style>body {background-color:white;
background-image: url('http://i18.tinypic.com/302m78g.jpg');
background-attachment:scroll;
background-repeat: no-repeat;
background-position:left;}font, body, table, td, div, h1, h2, br, a, p {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.orangetext15 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.whitetext12 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.lightbluetext8 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.text {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.nametext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.blacktext12 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.blacktext10 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.btext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.redtext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.redbtext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}</style>

[freeflow]

does changing

CODE

background-color: white;
background-image: url('http://i18.tinypic.com/43p9beo.jpg');
background-attachment:;

to

CODE

background-color: white;
background-image: url(http://i18.tinypic.com/43p9beo.jpg);
background-attachment:;

Fix anything you may also want to move your tables:
http://www.createblog.com/scripts/download.php?id=33
http://www.createblog.com/scripts/download.php?id=35

[ChelseaBenner]

Ok so here is what happens everytime i go to my myspace layout......
my picuture doesn't even show up.... everything else... fine.. here's the code.....

CODE

<style>
background-color: white;
background-image: url('http://i12.tinypic.com/2z6sfw7.jpg');
background-attachment:fixed;
background-repeat: no-repeat;
background-position:left;}font, body, table, td, div, h1, h2, br, a, p {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.orangetext15 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.whitetext12 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.lightbluetext8 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.text {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.nametext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.blacktext12 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.blacktext10 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.btext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.redtext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.redbtext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}</style>

[freeflow]

Try

CODE

<style>body{
background-color: white;
background-image: url(http://i12.tinypic.com/2z6sfw7.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position:left;}font, body, table, td, div, h1, h2, br, a, p {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.orangetext15 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.whitetext12 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.lightbluetext8 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.text {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.nametext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.blacktext12 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.blacktext10 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.btext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.redtext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.redbtext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}</style>

[ChelseaBenner]

It didn't work:(:( No image, would I be better off trying the DIV layout? I got the regular one down besides the picture

[freeflow]

Here I fixed it:

CODE

<style>
body{
background-color: white;
background-image: url(http://i12.tinypic.com/2z6sfw7.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position:left;}font, body, table, td, div, h1, h2, br, a, p {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.orangetext15 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.whitetext12 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.lightbluetext8 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.text {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.nametext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.blacktext12 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.blacktext10 {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.btext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.redtext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}
.redbtext {font-family:Small Fonts; font-size:9px;color:black;background-color:none text-transform:uppercase; text-decoration:;none font-weight:;none}</style>

If you want to edit the tables you should add the following to your about me. Then edit the #### to the colors.

CODE

<style type="text/css">
table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }
</style>

That will allow your background to show more.

But if you want to try a div go ahead. Just read the tutorial by infinite . Its the easiest to understand. :]