coding for div Options

[MoneyIsDaMotive]

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

<style type=text/css>

body {
background-color: ######;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

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: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<div class="bg" style="position: absolute; left:0px; top:160px; width:000px; height:000px; overflow: hidden;">
<img src="http://i25.tinypic.com/33vkc5c.jpg">
</div>



<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[Mickey]

You need to separate the HTML and CSS codes. I suggest placing HTML codes in your About Me and CSS codes in your Who I'd Like To Meet. Therefore, your About Me should look like this:

CODE

<div class="bg" style="position: absolute; left:0%; top:50%; width:640px; height:480px; overflow: hidden;">
<img src="http://i25.tinypic.com/33vkc5c.jpg" />
</div>

Your Who I'd Like To Meet should look like this:

CODE

<style>

{hide all of myspace} .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}


BODY {scrollbar-3dlight-color:;
scrollbar-shadow-color:;
scrollbar-face-color:;
scrollbar-darkshadow-color:;
scrollbar-track-color:;
scrollbar-arrow-color: babyblue;
scrollbar-highlight-color:;}
body { background-color: white;
{background-image:url("");
background-attachment: fixed;
background-position: bottom left;
background-repeat:repeat;}

table table table {border: 1px solid; border-color: 000000; padding:0; background-color:; background-image: url("")}

table tbody td table tbody tr td.text table{background-color: ffffff; background-image: url("")}table table{border:0px;}

table table table table{border:0px;}

table, tr, td {background-color:transparent; border:none; border-width:0;}

font, a, body, table, body, td, li, p, textarea, li, h1, h2, p, br {font-family:Georgia; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px; background-color:transparent;}

.text {font-family:Georgia; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase; }

</style>

That should make your DIVs appear.

[MoneyIsDaMotive]

wait wasnt it css on top
and html on bottem before???

[MoneyIsDaMotive]

no, well wait. i fixed the style sheet && redid it and post it and replaced the other one.like the one in the Tut.
but before i start using it, i remember that i had alot of problems the first time i coded divs. like browser and resolution.
can you make sure code won't have the same problems so i don't have to ask whats wrong later?
and please check my code to see if its all good .

[Mickey]

On here:

CODE

<div class="bg" style="position: absolute; left:0%; top:50%; width:640px; height:480px; overflow: hidden;">
<img src="http://i25.tinypic.com/33vkc5c.jpg" />
</div>

Replace the positioning attributes with this:

CODE

<div class="bg" style="position: absolute; left:50%; margin-left:#px; top:#px; width:640px; height:480px; overflow: hidden;">
<img src="http://i25.tinypic.com/33vkc5c.jpg" />
</div>

Then replace the pound symbols with appropriate values until it's where you want it.

[MoneyIsDaMotive]

okay so what does that fix?and i know i havent got to edit it yet,
but wasnt there a "_" somewhere for browsers????(underscore)

[MoneyIsDaMotive]

okay, keep this open till i figure this out which probly won't take
long if i need help, ill ask on this post or if im done ill say please close


also 1 random question to get it out the way,
if i do try to make a layout for create-blog
don't the rules say copyright can't be on the div??
you can only use links(text)????
i thought i seen that as a new rule a year ago?

[Mikeplyts]

Yeah, it doesn't matter. You just have to at least have some form of copyright on there, imo.

[MoneyIsDaMotive]

Yeah, it doesn't matter. You just have to at least have some form of copyright on there, imo.

okay so i can put the copyright on the image right????

[Mikeplyts]

sure, why not. :) I prefer to make it a DIV class though so that way the user could change it if their using it for the next year. :p

[MoneyIsDaMotive]

sure, why not. :) I prefer to make it a DIV class though so that way the user could change it if their using it for the next year. :p

what you mean by div class?

[MoneyIsDaMotive]

ohhhh yeah i see.
i probly won't do that.
why would you do that anyways when
any one can steal your layout??

[MoneyIsDaMotive]

^ Anyone can edit the copyright out of the image, too.

yeah your right.
onless you make it blend in the image......

[MoneyIsDaMotive]

yeahh ill tell you 2night


wasnt their a code for the bottem links to go down the page???

-edit. oops i didn't mean to double post.mybad

Reason for edit: Please use the Edit button instead of double-posting. - Mike

[Mickey]

Posts merged.

[MoneyIsDaMotive]

nope im good,
i got the image on, well positioned in the center
(i think)
now what i need to do is get the two tables in the right
place and
wait.
i remember how i use to make the links, i just don't
remember the code.
on photoshop, the image info. theres a X and Y,
then you copy (i think)the numbers on the corners of like "message add comment"
i forgot the code tho
help me out




also.
this is kinda hard to do sence theres no boarder

here.

how can i puta boarder around it?
the box is on the top left corner

[MoneyIsDaMotive]

thats harder what i did before
can you try and find the other code
for i can use photoshop with
this is how it went (i think)

i had to pick (in the info panel) pixals on the +
where the X and Y is. then i had to use the pointer tool
to all for corners of the "message, add, comment"
wait is that the code you just gave me?? i remember the "alt"
but if its not, can you try and find it for me

[MoneyIsDaMotive]

no i don't think it had pound symbols in it,
and image mapping?wait i think it was that????
rawr
okay well if IT is image mapping(i think if was too )

can you explane your code a lil bit more

[Mickey]

An image map code looks something like this:

CODE

<map name="business">
<area shape="rect" coords="#, #, #, #" href="URL">
<area shape="rect" coords="#, #, #, #" href="URL">
<area shape="rect" coords="#, #, #, #" href="URL">
<area shape="rect" coords="#, #, #, #" href="URL">
<area shape="rect" coords="#, #, #, #" href="URL">
<area shape="rect" coords="#, #, #, #" href="URL">
</map>

<img src="URL" usemap="#business" alt="" />

On the underlined bit, the usemap property uses a pound symbol to call on the map code above it. That's why it won't function right.

[MoneyIsDaMotive]

ohhh see i thought you mean something like this

http://www.createblog.com/photoshop-tutori...hop-image-maps/

and yeahh i think thats what it was.

ANYTHING to replace that????

[MoneyIsDaMotive]

okay, you said getting use to the method.what method?

[MoneyIsDaMotive]

ok well im gonna switch the divs, the 1 you gave me and fix it,
then im gonna do the links
and after that, i wanna do rollovers.

so can you explane that?

[MoneyIsDaMotive]

okay on that. post #9.

can you explane how to do that??????

[MoneyIsDaMotive]

nvm let me try and do it first, thenn if i need help ill ask

[MoneyIsDaMotive]

not yet. i had about a hour on it, i got the first table on.
take a look.
and

i had the image higher "like it is now"
before i logged off, but when i logged back in.
the image went down,
and this is the 2nd time
i fixed it tho its higher
but why did it do that?
any ideas?

[Mikeplyts]

Man, I would help out but I'm too confused as to what you're saying and what you want. Please clarify your question so we can understand better. :)

[MoneyIsDaMotive]

Okay sorry,
well first im gonna put my tables on
then Links/ Rollovers.
sorry for the confusing
and whats the way to do a screen shot again???

[MoneyIsDaMotive]

after i press prt screen?

[MoneyIsDaMotive]

 Capture.JPG ( 143.62K ) Number of downloads: 8


then when i refresh

click to enlarge

you see how its not so close to the top?
then when it changes

and also on IE the top links isn't there!

[MoneyIsDaMotive]

okay thats better and
heres the problem with IE

click to enlarge

it doesn't show up ,only if i roll the mouse over it does


also heres a update what i have done to my style sheet if you need it.

CODE

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}



body {
background-color: white;
background-image: url("http://i25.tinypic.com/33vkc5c.jpg");
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: white; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color:black; background-color: transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:black; font-weight:2pt; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:black; font-weight:2pt; border:0px; text-transform: none; line-height:12px;}



{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}



{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:brown; font-weight:none;border:1px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:brown; font-weight:none;border:1px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:babyblue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:babyblue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:brown; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:12px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase; }

</style>

<div class="bg" style="position: absolute; left:50%; margin-left:-330px; top:230px; width:640px; height:480px; overflow: auto;">
<img src="http://i25.tinypic.com/i77bxd.jpg" />
</div>

<style>.moveLinks{height:315px;}</style>
<div class="moveLinks"></div>

CODE

<div class="content" style="position: absolute; top:295px; left:50%; margin-left:36px; width:159px; height:163px; overflow: auto; border:0px solid; border-color:transparent;"><center>
Winnie Tha Pooh vWinnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh









</div>

[MoneyIsDaMotive]

okay i want it like its' on firefox but maybe add
a boarder between the links.
any code to do that??
or what do you think i should do?

[MoneyIsDaMotive]

ANY WAY to have it showing again??

man, can't i just make it transparent in both
and the search bar
and add that shortcut drop down list back?

[MoneyIsDaMotive]

wow thats alot better.
thanks

now im gonna put the 2nd table on so hold on


okay both tables are on,
does it look good so far?

also i KNOW i can't have the color on the scrollbars in firefox
but for IE whats the code to have it transparent except for
the arrow?

[Mickey]

That look good, mate. Really nice. To only make the arrows black, add this to your stylesheet:

CODE

body {
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
}

That should work.

[MoneyIsDaMotive]

okay thaank you,
and sence the bottom box is for pictures.
i want it to scroll across.

CODE

<div class="pictures" style="position: absolute; top:540px; left:50%; margin-left:-300px; width:299px; height:135px; overflow: auto; border:0px solid; border-color:transparent;"><center>

okay thats the div,
so don't i have to change this?

CODE

overflow: auto;

or what do i have to change?


oh and mike, THANK YOU FOR HELPIN ME!!!

[MoneyIsDaMotive]

yeah going left?

[MoneyIsDaMotive]

and that goes with the other code you gave me for the scrolling?

[MoneyIsDaMotive]

alright so don't change my code?

just change

CODE

overflow: auto;

to

CODE

overflow: hidden;

and then add

CODE

<marquee direction="left">
Insert content here.
</marquee>

or do i put the code you gave me in it?


EDIT - nvm i got it now

if the div is height:135px;

should the images be that too?

[MoneyIsDaMotive]

Last night, i completed the layout,
its all done, rollovers and everything.take a look

but theres a problem.
first, it rolls down to far.on IE and Firefox.
and on IE, the links, are way on the other side.
heres a screen shot

click to enlarge

and here what it should look like

click to enlarge

okay and heres a update of my code

CODE

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}



body {
background-color: white;
background-image: url("");
background-position: center;
background-repeat: no-repeat;
background-attachment: hidden;}

body {
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: lightblue;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: transparent;
}



table, tr, td {background-color: white; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color:black; background-color: transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:black; font-weight:2pt; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:black; font-weight:2pt; border:0px; text-transform: none; line-height:12px;}



{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}



{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:brown; font-weight:none;border:1px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:brown; font-weight:none;border:1px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:babyblue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:babyblue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:brown; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:12px; color:brown; font-weight:5pt;border:0px; text-transform: uppercase; }

.clearfix a {color:lightblue!important;}

a.rollover1 {
background-image: url("http://i30.tinypic.com/2aj3mtd.jpg");
width: 130px;
height: 32px;
display: block;
}
a.rollover2 {
background-image: url("http://i27.tinypic.com/vwu6nm.jpg");
width: 130px;
height: 32px;
display: block;
}
a.rollover3 {
background-image: url("http://i31.tinypic.com/24yv8uf.jpg");
width: 130px;
height: 32px;
display: block;
}
a.links img:hover {
opacity: 0.0;
filter: alpha(opacity=0);
}

</style>

<div class="bg" style="position: absolute; left:50%; margin-left:-330px; top:230px; width:640px; height:480px; overflow: auto;">
<img src="http://i26.tinypic.com/ju9383.jpg" />
</div>

<style>.moveLinks{height:315px;}</style>
<div class="moveLinks"></div>t

CODE

<div class="about me" style="position: absolute; top:300px; left:50%; margin-left:36px; width:159px; height:163px; overflow: auto; border:0px solid; border-color:transparent;">
<center>nie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh Winnie Tha Pooh


</div>

<div class="pictures" style="position: absolute; top:540px; left:50%; margin-left:-300px; width:299px; height:135px; overflow: hidden; border:0px solid; border-color:transparent;"><center>
<marquee direction="left">

IMAGES IMAGES IMAGES
images images images
images images images

</marquee>
</div>
<div class="Nav" style="position: absolute; top:582px; left:50%; margin-left:36px; width:640px; height:480px; overflow: auto; border:0px solid; border-color:transparent;">

<a href="http://www.msplinks.com/MDFodHRwOi8vaTI3LnRpbnlwaWMuY29tLzJ1c2o1MTUuanBn" class="rollover1 links"><img src="http://i27.tinypic.com/11joksw.jpg" border="0" alt="" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vaTI3LnRpbnlwaWMuY29tLzJ1c2o1MTUuanBn" class="rollover2 links"><img src="http://i32.tinypic.com/mudbuv.jpg" border="0" alt="" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vaTI3LnRpbnlwaWMuY29tLzJ1c2o1MTUuanBn" class="rollover3 links"><img src="http://i27.tinypic.com/10mvll1.jpg" border="0" alt="" /></a>


</div>

ALSO, theres a bottem scroll on the bottem.

im almost finished!!

[MoneyIsDaMotive]

what did i assign?

[MoneyIsDaMotive]

Ohhhh i thought you can do that,
then. okay. so how do i list which one is which?

[MoneyIsDaMotive]

i put your code in,
and the links stay now
but it still scrolls to far down,
and on IE the rollovers don't work

[MoneyIsDaMotive]

it says
i have to use ms paint,
can't i just put in the settings i already have?

[MoneyIsDaMotive]

shiii
i can't get this i don't understand.
is there another tut?

[MoneyIsDaMotive]

-Check the attributes of the image, and double the height of it ONLY

what does it mean by double the height? and my height on ms paint says 30

[MoneyIsDaMotive]

so when it says to upload my hover image,
it means my double image? or what?
i mean i uploaded my hova image and then put it on my page and nothing
happen.




the other code worked in IE before the change.....

[MoneyIsDaMotive]

wait let me check first
cause maybe it didnt.


i was wrong,
it didn't work
you think theres something on my page
thats stopping it to work?
like did you try the 50%?
or the _
???????



- oops i doubled post, i didn't notice.
sorry bout that.

Reason for edit: Please use the Edit button instead of double-posting. - Mike

[MoneyIsDaMotive]

anything yet?

[MoneyIsDaMotive]

THEY WORK!!!
THANK YOU!
can you explaned what you did to fix that?

and now, the other problem.
if you can figure it out.
it scrolls way to far down.
like well you probly already know
the "movelinks" code i used.
thats the same one i used before
and it worked , it didn't
go down like that.
so you think you know why?

[MoneyIsDaMotive]

its not the bottem links,
but you can scroll down paste the bottem links and theirs
a huge white space.

screen shot :

click to enlarge

[synapse]

Use of {visibility:hidden} renders the element invisible, not gone. Try using {display:none} it will render the element gone.

[MoneyIsDaMotive]

what part of the code??

[synapse]

Try all instances of it. If that doesn't work, revert back to what you had.

[MoneyIsDaMotive]

so if i see

{visibility:hidden}

change it?

[synapse]

You can see if that'll fix the problem, I'd edit in something that you can replace all at once, like notepad, or word.

[MoneyIsDaMotive]

CODE

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.bla
ktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

Okay i know your talking about that part,
but i don't know what part your talking about.....

[MoneyIsDaMotive]

ah i did?
it fixed the rollovers,
but not the bottem space

[MoneyIsDaMotive]

IT WORKS!
daamn,
haha thank you.

IM DONE.
but i gotta know my style sheet before
i start using it with other layouts.

what is this?

CODE

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:brown; font-weight:none;border:1px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:brown; font-weight:none;border:1px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:babyblue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:babyblue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:brown; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:brown; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:brown; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase;}

[MoneyIsDaMotive]

okay so im gonna just take the top off,

here some questions for the future,

you know the layouts,
that uses divs for the links,
and like the myspace orangebar,
you can have all the links in a bar of color
like ill find a layout that has it if you don't know what im
talking about.
and

i got the bolded code.
whats the code to edit the underline
and strike?

edit -

the bottem links are under the div,
so i can't see it.

can i edit this code

.moveLinks{height:315px;}

to bring the links down?

[MoneyIsDaMotive]

okay heres something i found on CB

here.

see where it says links?
and about me?

and heres another one

here.

oh yeah that's what i want,
when i hover the links.
and there's another one that, like for a regular layout.
the headings have that too. (about me, who idliketoome) all the columns

[MoneyIsDaMotive]

see the 2nd layout area

click to enlarge

the links, and it has a color background.
and when its hovored it tunes yellow.
thats what i mean.

[MoneyIsDaMotive]

okay and what about the headings,

about me. who id like to meet,
the intrestes.etc

[MoneyIsDaMotive]

mike,
i just went in IE.
and the links are backwards again?

[MoneyIsDaMotive]

ok thank you.
how can i transparent the
scrollbar in IE.
its white

[MoneyIsDaMotive]

okay i have no more questions, if i do ill PM you if thats ok?
or do you want me to make another topic??

[Mickey]

A new topic would be best. Topic closed & moved.