At least part of why it is confusing to get those javascript rotating images to
place correctly is because there are two properties controlling them:
/* --------- rotator in-page placement --------- */
div#rotator {
background: #000;
width:300px;
position: relative;
z-index: 1;
padding: 0;
margin: 0;
text-align: center;
}
/* rotator css */
div#rotator span {
float:right;
position:absolute;
list-style: none;
left: 459px;
top: -360px;
I don't know javascript so I'm fumbling around some here. When I change
div#rotator span (the style that places the image within the page to relative,
they are no longer contained in the same place. When they rotate through they
appear all over the page.
Is it possible that this is a case where the absolute positioning is required?
Any help is greatly appreciated!
Matthew
On Apr 6, 2010, at 3:52 PM, Matthew wrote:
> Thank you, but when I float: left the div containing the text, and float:
> right the image, the image vanishes and the crowd at the bottom is no longer
> behind the next. Nor does it stop at the right point if the browser becomes
> too small.
>
>
> On Apr 6, 2010, at 3:42 PM, David Laakso wrote:
>
>> Matthew wrote:
>>> Hi everyone,
>>>
>>> Please check out this site:
>>>
>>> www.em-w.com/oldschoolband
>>>
>>> Can someone help me figure out how to control the positioning of the image
>>> in the right side without using absolute positioning? I can't do it! I
>>> can't make objects appear next to each other with relative positioning; I
>>> can only stack them. I realize absolute positioning is not the way to go
>>> here, but its all I can do. I also notice that it appears in different
>>> places depending on the browser I'm using. I'm not getting something
>>> fundamental about CSS. Please help if you think you can.
>>>
>>> Thank you!
>>> Matthew
>>>
>>
>>
>> Simple: float.
>> <http://chelseacreekstudio.com/ca/cssd/3.htm>
>> Best,
>> ~d
>>
>>
>>
>> --
>> desktop
>> http://chelseacreekstudio.com/
>> mobile
>> http://chelseacreekstudio.mobi/
>>
>> ______________________________________________________________________
>> css-discuss [cs...@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
> ______________________________________________________________________
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
