Ahh! Div alignment issues, tried everything [Archive]

bluepapillon

03-16-2008, 11:06 PM

Ok so I'm a total newb at css and feel way in over my head... i've already vowed to never touch it again after i fix this problem, it hurts my head way too much...

So I have this lovely little java (i think) slide that I put in a "layer"/div, in GoLive, to be placed over a box that's part of my background image... so i set it up over the box with position: absolute *shame on me?*, so it looks fine in my laptop resolution of 1024x768 but gets all messed up in a larger res and even when I shrink the browser window of this one. so i think you guys get the picture...

http://thehouseofneftali.com/lang.html (i apologize if the script is a little sloppy)

I'm not lazy and definitely tried everything short of hiring a web designer to do it for me... I searched and searched and tried and tried. Nothing! I got my hopes up with putting that div in a container with relative position but that didn't work even though it seems like it should, basically I'm screwed

So I'm begging, can anyone help?

Thanx a ton :)

boogyman

03-17-2008, 01:08 PM

its javascript not just java. the two languages are completely different.

Your explanation was a little bit confusing, but looking at your page and reading your explanation, do you want that image slideshow and the links side by side? why suggestion is to get rid of that entire background image you have and take a slice of that gradient and assign that. something along the affect of.

<body>
<ul id="splash">
<li><script type="text/javascript">new fadeshow(fadeimages, 141, 250, 0, 3000, 1);</script></li>
<li><a href="http://thehouseofneftali.com/menu.html" title=""><img src="templates/images/splash2.png" height="490" width="850" alt="" title="" /></li>
</ul>

<div style="font-size:80%;">
<p>Neftali® is a registered trademark of The House of Neftali,</p>
<p>in the U.S. and other countries. © 2007-2008 All Rights Reserved.</p>
</div>

</body>

body {
margin: 0 auto;
width: 100%;
text-align: center;
padding: 0;
background-color:#000000;
color:#736f6e;
font-size: normal;
}
ul#splash {
margin: .5em 0 .5em;
padding: 0;
}
ul#splash li {
list-style-type:none;
display:inline;
margin-left: 3em;
padding: 1em;
background: #000000 url('/path/to/gradient.gif') repeat-x;
}