Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Div tag problem :/

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #32359
    pickle_Face
    Member

    When I resize the browser then scroll across my div tag images move along. Last time I fixed this problem with “min-width:100px;” etc but now it won’t work.

    Hoping someone can figure out this problem :P

    @charset “utf-8”;
    /* CSS Document */

    body {
    background-color:#000;
    }

    .button_facebook {
    top:-135px;
    left:-230px;
    width:0px;
    height:0px;
    position:relative;
    }

    .button_fb {
    background:url(facebook.png) ;
    border:none;
    width:80px;
    height:80px;
    }

    .button_fb:hover {
    border:none;
    background:url(hover_fb.png);
    width:80px;
    height:80px;
    }

    .button_twitter {
    top:-135px;
    left:-115px;
    width:0px;
    height:0px;
    position:relative;
    }

    .button_tw {
    background:url(twitter.png) ;
    border:none;
    width:80px;
    height:80px;
    }

    .button_tw:hover {
    border:none;
    background:url(hover_tw.png);
    width:80px;
    height:80px;
    }

    .button_soundcloud {
    top:-133px;
    left:0px;
    width:0px;
    height:0px;
    position:relative;
    }

    .button_sc {
    background:url(soundcloud.png);
    border:none;
    width:75px;
    height:75px;
    }

    .button_sc:hover {
    border:none;
    background:url(hover_sc.png);
    width:75px;
    height:75px;
    }

    .button_youtube {
    top:-138px;
    left:115px;
    width:0px;
    height:0px;
    position:relative;
    }

    .button_ut {
    background:url(youtube.png);
    border:none;
    width:80px;
    height:80px;
    }

    .button_ut:hover {
    border:none;
    background:url(hover_ut.png);
    width:90px;
    height:90px;
    }

    Cheers in advance.

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.