Witam. Mam problem z ustawieniem linkow w linii. Probuje display:inline-block i float: left
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"/> <title>Still moving</title> </head> <body> <div id="container"> <header> <img src="Pics/Ex-5-Alex-Ironside.gif" alt="Logo"/> <!--Fontello icons--> </header> <nav> <div class="menu"><a href="#">Home</a></div> <div class="menu"><a href="#">Prices</a></div> <div class="menu"><a href="#">What we offer</a></div> <div class="menu"><a href="#">About us</a></div> <div class="menu"><a href="#">Contact us</a></div> </nav> <!--<main>--> <!--<div id="pictures">--> <!--<img src="Pics/DSC_0012.JPG" alt="Picture of a skeleton"/>--> <!--<img src="Pics/DSC_0010.JPG" alt="Picture of bed"/>--> <!--<img src="Pics/DSC_0014.JPG" alt="Picture of a cussion"/>--> <!--</div>--> <div id="callendar"> <table> <tr> <td><span class="dayNum">28</span><span class="dayName">mon</span></td> <td><span class="dayNum">29</span><span class="dayName">tue</span></td> <td><span class="dayNum">30</span><span class="dayName">wed</span></td> <td><span class="dayNum">1</span><span class="dayName">thu</span></td> <td><span class="dayNum">2</span><span class="dayName">fri</span></td> <td><span class="dayNum">3</span><span class="dayName">sat</span></td> <td><span class="dayNum">4</span><span class="dayName">sun</span></td> </tr> <tr> <td><span class="dayNum">5</span><span class="dayName">mon</span></td> <td><span class="dayNum">6</span><span class="dayName">tue</span></td> <td><span class="dayNum">7</span><span class="dayName">wed</span></td> <td><span class="dayNum">8</span><span class="dayName">thu</span></td> <td><span class="dayNum">9</span><span class="dayName">fri</span></td> <td><span class="dayNum">10</span><span class="dayName">sat</span></td> <td><span class="dayNum">11</span><span class="dayName">sun</span></td> </tr> <tr> <td><span class="dayNum">12</span><span class="dayName">mon</span></td> <td><span class="dayNum">13</span><span class="dayName">tue</span></td> <td><span class="dayNum">14</span><span class="dayName">wed</span></td> <td><span class="dayNum">15</span><span class="dayName">thu</span></td> <td><span class="dayNum">16</span><span class="dayName">fri</span></td> <td><span class="dayNum">17</span><span class="dayName">sat</span></td> <td><span class="dayNum">18</span><span class="dayName">sun</span></td> </tr> <tr> <td><span class="dayNum">19</span><span class="dayName">mon</span></td> <td><span class="dayNum">20</span><span class="dayName">tue</span></td> <td><span class="dayNum">21</span><span class="dayName">wed</span></td> <td><span class="dayNum">22</span><span class="dayName">thu</span></td> <td><span class="dayNum">23</span><span class="dayName">fri</span></td> <td><span class="dayNum">24</span><span class="dayName">sat</span></td> <td><span class="dayNum">25</span><span class="dayName">sun</span></td> </tr> <tr> <td><span class="dayNum">26</span><span class="dayName">mon</span></td> <td><span class="dayNum">27</span><span class="dayName">tue</span></td> <td><span class="dayNum">28</span><span class="dayName">wed</span></td> <td><span class="dayNum">29</span><span class="dayName">thu</span></td> <td><span class="dayNum">30</span><span class="dayName">fri</span></td> <td><span class="dayNum">31</span><span class="dayName">sat</span></td> <td><span class="dayNum">1</span><span class="dayName">sun</span></td> </tr> </table> </div> <footer> <div class="socialMedia"> <img src="Social%20Media/facebook.png" alt="facebook image"/> </div> <div class="socialMedia"> <img src="Social%20Media/youtube.png" alt="youtube icon"/> </div> <div class="socialMedia"> <img src="Social%20Media/twitter.png" alt="twitter icon"/> </div> </footer> </main> <aside> </aside> </div> </body> </html>
html{ margin:0; padding:0; } body{ margin:0; padding:0; background-color: aquamarine; } div#container{ height:3000px; width:2000px; } header{ height: 200px; width:100%; } header img{ size:50%; } nav{ width:100%; } nav a{ width:20%; display: inline-block; float:left; }
Jakies pomysly? Zedytowalem zeby wrzucic caly kod
