Find solution
What Is HTML?

What Am i making wrong? Html/css?

  • Ok, im new to html and css, im trying to make a webbsite for a project but i got 3 pics that isnt going under the other one. I tried every thing, heres how it looks: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ITG > Start</title> <link type="text/css" rel="stylesheet" href="Css/Style.css" /> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.c… rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <header> </header> <body bgcolor="#191919"> <nav> <img src="img/itgymnasiet_logotype.png" alt="Logo" title="ITG Logo"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a href="#">Start</a></li> </li> <li><a class="MenuBarItemSubmenu" href="index2.itg">Om ITG</a> <ul></li> <li><a href="#">Verksamhetschefen har ordet</a></li> <li><a href="#">Vad är IT-Gymnasiet</a></li> <li><a href="#">Kvalitet och elevinflytande</a></li> <li><a href="#">Synpunkter på verksamheten</a></li> <li><a href="#">Nyheter</a></li> <li><a href="#">Kontakta oss</a></li> </ul> <li><a class="MenuBarItemSubmenu" href="index3.html">Våra Program</a> <ul></li> <li><a href="#">IT Design</a></li> <li><a href="#">IT El</a></li> <li><a href="#">IT Musik och Media</a></li> <li><a href="#">IT Sam</a></li> <li><a href="#">IT Teknik</a></li> <li><a href="#">IB-Programmet</a></li> </ul> </li> <li><a href="index4.html">Efter ITG</a></li> </ul> </div> </nav> <img src="img/Gallery.png" alt="Logo" width="599" height="597" style="float:left" id="gallery" > <img src="img/button.png" alt="Logo" width="39" height="34" style="float:left" id="button"> <img src="img/button2.png" alt="Logo" width="39" height="34" style="float:left" id="buttonone"> <img src="img/button2.png" alt="Logo" width="39" height="34" style="float:left" id="buttontwo"> (those 3 imgs, i want them 1 under the other one) <aside> </aside> <article> </article> <footer> </footer> </div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHove… imgRight:"SpryAssets/SpryMenuBarRightHov… var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHove… imgRight:"SpryAssets/SpryMenuBarRightHov… </script> </body> </html>

  • Answer:

    they are side by side cause you have float:left as a style in them... just remove the float:lefts and they will do what I think you want

ali a at Yahoo! Answers Visit the source

Was this solution helpful to you?

Other answers

Remove the following from each line: style="float:left" And add a <br> at the end of each line. The float left is making them float on the left side of each other.

To stack the images you'll probably need to use CSS z-index to place each image on a different layer. To make them line up you may need to use CSS to lock them into the same positions. This link may help with the syntax http://www.w3schools.com/cssref/pr_pos_z-index.asp

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.