wrapping around span and sticking span

-

trying small divs wrap around span absolute position style. absolute image "sticks" in upper right corner , resizes when browser size reduced. other images not wrapping functions in desktop browsers , iphone/ipad/droid. need images wrap. float , clear aren't working. without absolute doesn't "stick." help.

 

webpage:

http://www.demilodesign.com/assets/css/test_droid.html

 

html:

<span>

   <span class="catalogfeatureimage" style="position:absolute; top:0;">   

    <!-- start wowslider.com body section -->

    <div id="wowslider-container1">

    <div class="ws_images"><ul>

<li><img src="data1/images/mika.jpg" alt="mika" title="mika" id="wows1_0"/></li>

<li><img src="data1/images/papel_picado.jpg" alt="papel_picado" title="papel_picado" id="wows1_1"/></li>

</ul></div>

<!-- generated wowslider.com v4.3 -->

    <div class="ws_shadow"></div>

    </div>

    <script type="text/javascript" src="engine1/wowslider.js"></script>

    <script type="text/javascript" src="engine1/script.js"></script>

  <!-- end wowslider.com body section -->

   

  <!--preview hot-off-the-press eco invites on our blog. make longer.--></span>

<div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

    <div class="catalogthumbs"><img src="http://www.demilodesign.com/assets/images/catalogthumb.jpg" width="118">zachary</div>

</div>

 

</span>

</div>

 

css:

.catalogthumbs {
display: inline-block;
  width: 118px;
  height: 118px;
  text-align:center;
  vertical-align: top;
  border:1px solid #666666;
font-weight: bold;
margin-bottom: 30px;
margin-right: 5px;
margin-left: 5px;

 

}

.catalogfeatureimage {
top:50;
display: inline-block;
float:right;
padding: 5px;
  max-width:520px;
width: auto;
height:auto;
  text-align:center;
font-size:90%;
vertical-align:middle;
  border:1px solid #cccc66;
margin-bottom: 300px;
margin-left: 9px;
margin-right: 5px;
background-color: #f6fddb;

}

 

sorry, can't have both ways.  either div positioned or isn't. apdivs removed normal content flow cannot float around adjacent content.    preference stay away positioning together.  it's going create many more problems in long run.

 

 

nancy o.



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

Thread: gpg: Conflicting Commands

-
Image
hi, relatively new linux (have used many live disks) , have had install of ubuntu 12.04 few days now. part have found easy use , have been comfortable it. have first question can't resolve myself: adding googles repository list. when first ran command supplied google found did not have wget installed. used apt-get install it. worked fine (as far can tell) re-ran googles code : wget -q https://dl-ssl.google.com/linux/linux_signing_key.pub -o- | sudo apt-key add -deb http://dl.google.com/linux/deb/ stable non-free , message 'gpg: conflicting commands' tell me going wrong , how fix please new script : wget -q https://dl-ssl.google.com/linux/linux_signing_key.pub -o- | sudo apt-key add linux_signing_key.pub need edit /etc/apt/sources.list , add line @ end deb http://dl.google.com/linux/deb/ stable non-free end hope find usefull edit: need root or use sudo make changes /etc/apt/sour...
Read more

Adobe Acrobat Pro , Terminal Server Use

-
hello,   a fellow employee requires adobe acrobat pro installed use, , management me have sorted out. employee uses thin client connect terminal server of administration work.   i require single license adobe acrobat pro used single user.   will there license issues installing adobe acrobat pro on terminal server?   can install adobe acrobat pro on terminal server?   thanks, david hi david,   yes, can install acrobat terminal servers... !   the licensing terminal server considered normal licensing process, means need buy many number of licenses acrobat number of users accessing terminal server (like citrix) access software. eg if 10 users accessing citrix server @ particular time use acrobat software need 10 licenses same. More discussions in Installing, Updating, & Subscribing to Acrobat adobe
Read more

when i try using AE CC 3d camera tracker after the first step it says "Analysis solve failed." help?

-
im attempting editor , trying edit segment video game (bo2) , im trying have text stick wall in video. every time try using camera tracker spends 5 minutes completing first step , guess succeeds because goes second step says "solving camera" or that, red bar appears saying "analysis solve failed." do? if you're trying use 3d camera tracker on movie froma vieo game not shot real camera, camera tracker unable solve "real" camera matched scene. More discussions in After Effects adobe
Read more