coding for div Options

[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