I'm having a small problem with positioning.

-

so need position list of images 5 px right , 5 px top, within area of website. don't need 5px , 5 px depending on windows with, div (width) of website..
put relative position of div , absolute on image not working.. got far> pleasse

php:
#headsocial {
position: absolute;
    float: right;
    top: -8px;
    right: 11px;
}

#headsocial li{
    display:inline;
}

        #headsocial img { 
        float: right;
        margin-left: 11px;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
        }
                    
                    
                        #headsocial img:hover {
                            -webkit-border-radius: 13px;
                            -moz-border-radius: 13px;
                            -o-border-radius: 13px;
                            border-radius: 13px;
                        }


, html

php:
<menu>
         <ul id="headsocial">
            <li>
                  <a href="#">
                  <img src="/volumes/macintosh hd 1/applications/macview/images/facebook.png" alt="facebook" class="space" id="facebook" />
               </a>
            </li>
            <li>
               <a href="#">
                  <img src="/volumes/macintosh hd 1/applications/macview/images/stumbleupon.png" alt="stumbleupon" />
               </a>
            </li>
            <li>
               <a href="#">
                  <img src="/volumes/macintosh hd 1/applications/macview/images/twitter.png" alt="twitter" />
               </a>
            </li>
            <li>
               <a href="#">
                  <img src="/volumes/macintosh hd 1/applications/macview/images/32x32.png" alt="googleplus" />
              </a>
            </li>
             <li>
               <a href="#">
                  <img src="/volumes/macintosh hd 1/applications/macview/images/feed-icon_orange-32px.png" alt="rss" />
               </a>
            </li>
         </ul>
</menu>
 

an element position:absolute; positioned in relation window or parent element position attribute. if trying keep positioned inside containing div set width want site be, set div position:relative;

couple other notes:
absolute positioning not best way achieve this, using float recommended way.
if using absolute positioning float:right; isn't doing anything.
 


Forums Special Interests Web Design and Development


  • iPhone
  • Mac OS & System Software
  • iPad
  • Apple Watch
  • Notebooks
  • iTunes
  • Apple ID
  • iCloud
  • Desktop Computers
  • Apple Music
  • Professional Applications
  • iPod
  • iWork
  • Apple TV
  • iLife
  • Wireless

Comments

Post a Comment

Popular posts from this blog

Mac OS X Server as File Server for 50/50 Mac & PC Workgroup

-
hello all. title suggest, i'm thinking using mac os x server file server 50/50 split mac , pc workgroup. background : can't take performance hit comes having os x clients use smb. target used time machine. extremez-ip extremelast-resort because of cost. os x (lion) server on site. entire windows infrastructure virtualized, , because of way esxi handles max size of virtual disks, have have 4 separate volumes per 1 tb of data, not preferable. proposed solution: os x lion server hosts home directories , giant community directory. file protocols enabled on server. performance problems os x implementation of smb (which understand has changed)? commentaries great.   hi, there's earlier post contributed has possibly useful details on server platforms in mixed environments: http://forums.macrumors.com/showthread.php?p=13042520&highlight=#post13042520 i...
Read more

Permissions Problem?

-
hello. unable log on computer. took mac store , said had problem permissions. reset computer's permissions , able log onto computer. however, since dock resets day had permissions problem. example, had various cs5 programs on dock. when upgraded cs5.5, replaced cs5 shortcuts cs5.5 counterparts. however, when restarted computer, cs5 icons still there. also, whenever restart computer, browser history resets whatever on day encountered permissions problem. can not save bookmarks. also, files required type in password whenever try moving or deleting file. there other problems wanted see if knows problem have before adding more problems. thank   Forums Macs macOS macOS iPhone Mac OS & System Software iPad Apple Watch Notebooks iTunes Apple ID iCloud Desktop Comput...
Read more

iPhone won't sync with iTunes

-
hey guys. i've been having problem today, after downloading ios 5 onto iphone 4. downloaded os @ around 10:10, right after came out. download smooth, took no time, , happy. 1 thing noticed had been placed on phone except music, resulted resyncing phone computer. tried syncing phone, , until got last step says "waiting changes applied". @ point itunes freezes, crashes resulting in nothing being synced phone. tried restoring phone, restarting phone, restarting computer , nothing. want sync stuff! appreciated, thank you!   Forums iPhone, iPad, and iPod Touch iOS Older iOS Versions iOS 5 and earlier iPhone Mac OS & System Software iPad Apple Watch Notebooks iTunes Apple ID iCloud Desktop Computers Apple Music Professional Applic...
Read more