- 15 Mar 2018
- 519
- 1
- 51
Sıfırdan site yapıyorum da sitenin açılış sayfasına 2 fotoğraf ve altına bir yazı koymam lazım hizalama kısmını bir halledemedim önce üst üste oluyordu yan yana yapamıyordum şimdi o sorun halloldu şimdi de aşırı büyüyor fotoğraflar biri tam sığmıyor falan nasıl çözerim
Sadece resmin olduğu kısımKod:<!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags--> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Keskinn Kanalı Kontrol Paneli"> <meta name="author" content="Uğur Keskin"> <!-- Title Page--> <title>Yönetim Paneli</title> <!-- Fontfaces CSS--> <link href="css/font-face.css" rel="stylesheet" media="all"> <link href="vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all"> <link href="vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all"> <link href="vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all"> <!-- Bootstrap CSS--> <link href="vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all"> <!-- Vendor CSS--> <link href="vendor/animsition/animsition.min.css" rel="stylesheet" media="all"> <link href="vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" media="all"> <link href="vendor/wow/animate.css" rel="stylesheet" media="all"> <link href="vendor/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all"> <link href="vendor/slick/slick.css" rel="stylesheet" media="all"> <link href="vendor/select2/select2.min.css" rel="stylesheet" media="all"> <link href="vendor/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all"> <link href="vendor/vector-map/jqvmap.min.css" rel="stylesheet" media="all"> <!-- Main CSS--> <link href="css/theme.css" rel="stylesheet" media="all"> </head> <body class="animsition"> <div class="page-wrapper"> <!-- MENU SIDEBAR--> <aside class="menu-sidebar2"> <div class="logo"> <a href="#"> <img src="images/icon/maduyapıüretim.jpg" alt="MADU YAPI ÜRETİM" /> </a> </div> <div class="menu-sidebar2__content js-scrollbar1"> <div class="account2"> </div> <nav class="navbar-sidebar2"> <ul class="list-unstyled navbar__list"> <li class="active has-sub"> <a class="js-arrow" href="#"> <i class="fas fa-tachometer-alt"></i>Projeler <span class="arrow"> <i class="fas fa-angle-down"></i> </span> </a> <ul class="list-unstyled navbar__sub-list js-sub-list"> <li> <a href="index.html"> <i class="fas fa-tachometer-alt"></i>Devam Eden Projeler</a> </li> <li> <a href="bitmişproje.html"> <i class="fas fa-tachometer-alt"></i>Bitmiş Projeler</a> </li> </ul> </li> <li> <a href="inbox.html"> <i class="fas fa-chart-bar"></i>Anasayfa</a> </li> <li class="has-sub"> <a class="js-arrow" href="#"> <i class="fas fa-trophy"></i>İletişim <span class="arrow"> <i class="fas fa-angle-down"></i> </span> </a> <ul class="list-unstyled navbar__sub-list js-sub-list"> <li> <a href="table.html"> <i class="fas fa-table"></i>Telefon</a> </li> <li> <a href="form.html"> <i class="far fa-check-square"></i>E-posta</a> </li> <li> <a href="calendar.html"> <i class="fas fa-calendar-alt"></i>Adres</a> </li> </ul> </li> <li class="has-sub"> <a class="js-arrow" href="#"> <i class="fas fa-copy"></i>Hakkımızda <span class="arrow"> <i class="fas fa-angle-down"></i> </span> </a> <ul class="list-unstyled navbar__sub-list js-sub-list"> <li> <a href="login.html"> <i class="fas fa-sign-in-alt"></i>Login</a> </li> <li> <a href="register.html"> <i class="fas fa-user"></i>Register</a> </li> <li> <a href="forget-pass.html"> <i class="fas fa-unlock-alt"></i>Forget Password</a> </li> </ul> </li> <li class="has-sub"> <ul class="list-unstyled navbar__sub-list js-sub-list"> <li> <a href="button.html"> <i class="fab fa-flickr"></i>Button</a> </li> <li> <a href="badge.html"> <i class="fas fa-comment-alt"></i>Badges</a> </li> <li> <a href="tab.html"> <i class="far fa-window-maximize"></i>Tabs</a> </li> <li> <a href="card.html"> <i class="far fa-id-card"></i>Cards</a> </li> <li> <a href="alert.html"> <i class="far fa-bell"></i>Alerts</a> </li> <li> <a href="progress-bar.html"> <i class="fas fa-tasks"></i>Progress Bars</a> </li> <li> <a href="modal.html"> <i class="far fa-window-restore"></i>Modals</a> </li> <li> <a href="switch.html"> <i class="fas fa-toggle-on"></i>Switchs</a> </li> <li> <a href="grid.html"> <i class="fas fa-th-large"></i>Grids</a> </li> <li> <a href="fontawesome.html"> <i class="fab fa-font-awesome"></i>FontAwesome</a> </li> <li> <a href="typo.html"> <i class="fas fa-font"></i>Typography</a> </li> </ul> </li> </ul> </nav> </div> </aside> <!-- END MENU SIDEBAR--> <!-- PAGE CONTAINER--> <div class="page-container2"> <!-- HEADER DESKTOP--> <header class="header-desktop2"> <div class="section__content section__content--p30"> <div class="container-fluid"> <div class="header-wrap2"> <div class="logo d-block d-lg-none"> </div> <div class="header-button2"> <div class="header-button-item js-item-menu"> <i class="zmdi zmdi-search"></i> <div class="search-dropdown js-dropdown"> <form action=""> <input class="au-input au-input--full au-input--h65" type="text" placeholder="Search for datas & reports..." /> <span class="search-dropdown__icon"> <i class="zmdi zmdi-search"></i> </span> </form> </div> </div> </div> </div> <div class="setting-menu js-right-sidebar d-none d-lg-block"> <div class="account-dropdown__body"> <div class="account-dropdown__item"> <a href="#"> <i class="zmdi zmdi-account"></i>Account</a> </div> <div class="account-dropdown__item"> <a href="#"> <i class="zmdi zmdi-settings"></i>Setting</a> </div> <div class="account-dropdown__item"> <a href="#"> <i class="zmdi zmdi-money-box"></i>Billing</a> </div> </div> <div class="account-dropdown__body"> <div class="account-dropdown__item"> <a href="#"> <i class="zmdi zmdi-globe"></i>Language</a> </div> <div class="account-dropdown__item"> <a href="#"> <i class="zmdi zmdi-pin"></i>Location</a> </div> <div class="account-dropdown__item"> <a href="#"> <i class="zmdi zmdi-email"></i>Email</a> </div> <div class="account-dropdown__item"> <a href="#"> <i class="zmdi zmdi-notifications"></i>Notifications</a> </div> </div> </div> </div> </div> </div> </div> </header> <aside class="menu-sidebar2 js-right-sidebar d-block d-lg-none"> <div class="logo"> <a href="#"> <img src="images/icon/logo-white.png" alt="Cool Admin" /> </a> </div> <div class="menu-sidebar2__content js-scrollbar2"> <div class="account2"> <div class="image img-cir img-120"> </div> <h4 class="name">john doe</h4> <a href="#">Sign out</a> </div> <nav class="navbar-sidebar2"> <ul class="list-unstyled navbar__list"> <li class="active has-sub"> <a class="js-arrow" href="#"> <i class="fas fa-tachometer-alt"></i>Dashboard <span class="arrow"> <i class="fas fa-angle-down"></i> </span> </a> <ul class="list-unstyled navbar__sub-list js-sub-list"> <li> <a href="index.html"> <i class="fas fa-tachometer-alt"></i>Dashboard 1</a> </li> <li> <a href="index2.html"> <i class="fas fa-tachometer-alt"></i>Dashboard 2</a> </li> <li> <a href="index3.html"> <i class="fas fa-tachometer-alt"></i>Dashboard 3</a> </li> <li> <a href="index4.html"> <i class="fas fa-tachometer-alt"></i>Dashboard 4</a> </li> </ul> </li> <li> <a href="inbox.html"> <i class="fas fa-chart-bar"></i>Inbox</a> </li> <li> <a href="#"> <i class="fas fa-shopping-basket"></i>eCommerce</a> </li> <li class="has-sub"> <a class="js-arrow" href="#"> <i class="fas fa-trophy"></i>İletişim <span class="arrow"> <i class="fas fa-angle-down"></i> </span> </a> <ul class="list-unstyled navbar__sub-list js-sub-list"> <li> <a href="table.html"> <i class="fas fa-table"></i>Tables</a> </li> <li> <a href="form.html"> <i class="far fa-check-square"></i>Forms</a> </li> <li> <a href="calendar.html"> <i class="fas fa-calendar-alt"></i>Calendar</a> </li> <li> <a href="map.html"> <i class="fas fa-map-marker-alt"></i>Maps</a> </li> </ul> </li> <li class="has-sub"> <a class="js-arrow" href="#"> <i class="fas fa-copy"></i>Pages <span class="arrow"> <i class="fas fa-angle-down"></i> </span> </a> <ul class="list-unstyled navbar__sub-list js-sub-list"> <li> <a href="login.html"> <i class="fas fa-sign-in-alt"></i>Login</a> </li> <li> <a href="register.html"> <i class="fas fa-user"></i>Register</a> </li> <li> <a href="forget-pass.html"> <i class="fas fa-unlock-alt"></i>Forget Password</a> </li> </ul> </li> <li class="has-sub"> <a class="js-arrow" href="#"> <i class="fas fa-desktop"></i>UI Elements <span class="arrow"> <i class="fas fa-angle-down"></i> </span> </a> <ul class="list-unstyled navbar__sub-list js-sub-list"> <li> <a href="button.html"> <i class="fab fa-flickr"></i>Button</a> </li> <li> <a href="badge.html"> <i class="fas fa-comment-alt"></i>Badges</a> </li> <li> <a href="tab.html"> <i class="far fa-window-maximize"></i>Tabs</a> </li> <li> <a href="card.html"> <i class="far fa-id-card"></i>Cards</a> </li> <li> <a href="alert.html"> <i class="far fa-bell"></i>Alerts</a> </li> <li> <a href="progress-bar.html"> <i class="fas fa-tasks"></i>Progress Bars</a> </li> <li> <a href="modal.html"> <i class="far fa-window-restore"></i>Modals</a> </li> <li> <a href="switch.html"> <i class="fas fa-toggle-on"></i>Switchs</a> </li> <li> <a href="grid.html"> <i class="fas fa-th-large"></i>Grids</a> </li> <li> <a href="fontawesome.html"> <i class="fab fa-font-awesome"></i>FontAwesome</a> </li> <li> <a href="typo.html"> <i class="fas fa-font"></i>Typography</a> </li> </ul> </li> </ul> </nav> </div> img { height: auto; max-width: 25%; } .image-table { border: 0px solid rgba(0, 0, 0, 0); border-collapse: separate; border-spacing: 5px; table-layout: fixed; text-align: center; width: 25%; } .image-table img { border: 5px solid #fff; box-sizing: border-box; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } </aside> <!-- END HEADER DESKTOP--> <!-- BREADCRUMB--> <!-- END BREADCRUMB--> <!-- STATISTIC--> <!-- END STATISTIC--> <!-- END PAGE CONTAINER--> </div> <table class="image-table"> <tbody> <tr> <td> <img src="images/icon/bina1.jpeg" alt="Açıklama" title="Başlık"> </td> </tr> </tbody> </table> </div> <!-- Jquery JS--> <script src="vendor/jquery-3.2.1.min.js"></script> <!-- Bootstrap JS--> <script src="vendor/bootstrap-4.1/popper.min.js"></script> <script src="vendor/bootstrap-4.1/bootstrap.min.js"></script> <!-- Vendor JS --> <script src="vendor/slick/slick.min.js"> </script> <script src="vendor/wow/wow.min.js"></script> <script src="vendor/animsition/animsition.min.js"></script> <script src="vendor/bootstrap-progressbar/bootstrap-progressbar.min.js"> </script> <script src="vendor/counter-up/jquery.waypoints.min.js"></script> <script src="vendor/counter-up/jquery.counterup.min.js"> </script> <script src="vendor/circle-progress/circle-progress.min.js"></script> <script src="vendor/perfect-scrollbar/perfect-scrollbar.js"></script> <script src="vendor/chartjs/Chart.bundle.min.js"></script> <script src="vendor/select2/select2.min.js"> </script> <script src="vendor/vector-map/jquery.vmap.js"></script> <script src="vendor/vector-map/jquery.vmap.min.js"></script> <script src="vendor/vector-map/jquery.vmap.sampledata.js"></script> <script src="vendor/vector-map/jquery.vmap.world.js"></script> <!-- Main JS--> <script src="js/main.js"></script> </body> </html> <!-- end document-->
Kod:
height: auto;
max-width: 25%;
}
.image-table {
border: 0px solid rgba(0, 0, 0, 0);
border-collapse: separate;
border-spacing: 5px;
table-layout: fixed;
text-align: center;
width: 25%;
}
.image-table img {
border: 5px solid #fff;
box-sizing: border-box;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
}
</aside>
<!-- END HEADER DESKTOP-->
<!-- BREADCRUMB-->
<!-- END BREADCRUMB-->
<!-- STATISTIC-->
<!-- END STATISTIC-->
<!-- END PAGE CONTAINER-->
</div>
<table class="image-table">
<tbody>
<tr>
<td>
<img src="images/icon/bina1.jpeg" alt="Açıklama" title="Başlık">
</td>
</tr>
</tbody>
</table>