CSS定位

-4

我在使用CSS重新定位一些HTML元素時出現了一些問題，我試圖在Word新聞模板上移動一些圖片......但是，他們拒絕讓步。相關的CSS代碼如下：CSS定位

我正在嘗試在頁腳中移動社交媒體圖像以匹配身體的填充。我不知道如何用PHP做JS小提琴。

任何幫助，您可以提供將不勝感激！

/* THISIS: Social icons */ 
ul.social-media{ 
    list-style:none; 
    padding:0; 
    margin: 0px 10px 0px 0px; 
} 
ul.social-media li{ 
    list-style:none; 
    float:left; 
    margin: 7px 8px 7px 8px; 
} 
ul.social-media li a{ 
    width: 16px; 
    display:block; 
    height: 16px; 
    text-indent: -10000px; 
    transition:all 0.35s ease-in-out; 
    -moz-transition:all 0.35s ease-in-out; 
    -webkit-transition:all 0.35s ease-in-out; 
    -o-transition:all 0.35s ease-in-out; 
    padding:12px; 
    background-position:left top; 
    background-color:#e3e3e3; 
    background-repeat:no-repeat; 
}ul.social-media li a.facebook{ 
    background-image: url('../img/contact-icons/facebook.png'); 
    padding-right:10%; 
} 
ul.social-media li a.twitter{ 
    background-image: url('../img/contact-icons/twitter.png'); 
    padding-right:10%; 
} 
ul.social-media li a.rss{ 
    background-image: url('../img/contact-icons/rss.png'); 
    padding-right:10%; 
} 
ul.social-media li a.google-plus{ 
    background-image: url('../img/contact-icons/google.png'); 
    padding-right:10%; 
} 
ul.social-media li a.skype{ 
    background-image: url('../img/contact-icons/skype.png'); 
    padding-right:10%; 
} 
ul.social-media li a.dribbble{ 
    background-image: url('../img/contact-icons/dribbble.png'); 
    padding-right:10%; 
} 
ul.social-media li a.twitch{ 
    background-image: url('../img/contact-icons/twitch.png'); 
    padding-right:10%; 
} 
ul.social-media li a.vimeo{ 
    background-image: url('../img/contact-icons/vimeo.png'); 
    padding-right:10%; 
} 
ul.social-media li a.linked-in{ 
    background-image: url('../img/contact-icons/linkedin.png'); 
    padding-right:10%; 
} 
ul.social-media li a.reddit{ 
    background-image: url('../img/contact-icons/reddit.png'); 
    padding-right:10%; 
} 
ul.social-media li a.wordpress{ 
    background-image: url('../img/contact-icons/wordpress.png'); 
    padding-right:10%; 
} 
ul.social-media li a.youtube{ 
    background-image: url('../img/contact-icons/youtube.png'); 
    padding-right:10%; 
} 
ul.social-media li a:hover{ 
    background-position:0px -40px; 
    transition:all 0.2s ease-in-out; 
    -moz-transition:all 0.2s ease-in-out; 
    -webkit-transition:all 0.2s ease-in-out; 
    -o-transition:all 0.2s ease-in-out; 
}

來源

2014-12-08 Sykeon

你將需要發佈你的HTML或更好的：鏈接或小提琴 – jmore009 2014-12-08 03:24:56

你需要什麼樣的幫助？錢？ WP開發人員？ – Shomz 2014-12-08 03:25:32

您是否可以使用Inspector複製一些站點代碼並將其包含在內，以便我們可以看到事物是如何相互關聯的？ – rfornal 2014-12-08 03:25:36

目前尚不清楚你想達到什麼樣的，但下面的CSS屬性是那些你應該玩：位置/保證金/填充/顯示/左/右/上/下

例如嘗試

display: inline-block; 
position: relative; 
margin-left: 20px;

來源

2014-12-08 03:27:57 Collector

我猜你可以使用屬性利潤率，而不是填充，也可以設置的位置是：相對的，絕對或浴液：左，右爲要改變位置的元素。你能詳細介紹一下你的HTML文件或者任何重要的東西（在線例子）嗎？

來源

2014-12-08 03:28:30

回答

相關問題