0
Белые линии границы вокруг моего контейнера
Вертикальные белые линии на левом и правом являются те, которые я не хочу (а не горизонтальные, те ч). Я понятия не имею, что их вызывает.
<div class="container">
<div class="row">
<div class="col-lg-11">
<div class="panel panel-default">
<div class="panel-body">
<div class="page-header">
<img src="img/banner.jpg" width="100%" />
<h1 class="text-center">POP UP MAKER MARKET</h1>
<h5 class="text-center">The place where SU's best designers, artists, makers and hackers can sell their work.
\t \t \t \t \t \t \t \t </br>
\t \t \t \t \t \t \t \t <h3 class = "text-center">APPLY BELOW</h3>
\t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t
\t \t \t \t \t \t \t <form class="form-horizontal" method = "post" action="submit.php" enctype = "multipart/form-data">
\t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t <label for="name" class="col-sm-2 control-label">Name:</label>
\t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="name" name = "name">
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t <div class = "form-group">
\t \t \t \t \t \t \t \t \t <label for="inputEmail3" class="col-sm-2 control-label">Email:</label>
\t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="email" name = "email">
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t <label for="phoneNumber" class="col-sm-2 control-label">Phone:</label>
\t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="phone" name = "phone">
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t <label for="major" class="col-sm-2 control-label">Major:</label>
\t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="major" name = "major">
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <hr>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t <label for="itemForSale" class="col-sm-2 control-label">Item for Sale:</label>
\t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="itemForSale1" name = "itemForSale1">
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t <label for="quantity" class="col-sm-2 control-label">Quantity:</label>
\t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id = "quantity1" name = "quantity1">
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t <label for="price1" class="col-sm-2 control-label">Price:</label>
\t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="price1" name = "price1">
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <div class = "form-group">
\t \t \t \t \t \t \t \t \t <label for="itemOneImg1" class="col-sm-2 control-label">Image 1:</label>
\t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t <input type = "file" accept=".jpg, .jpeg, .png" class = "form-control" name = "itemOneImg1">
\t \t \t \t
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <div class = "form-group">
\t \t \t \t \t \t \t \t \t <label for="itemOneImg2" class="col-sm-2 control-label">Image 2:</label>
\t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t <input type = "file" accept=".jpg, .jpeg, .png" class = "form-control" name = "itemOneImg2">
\t \t \t \t
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <button type="button" class = "btn-default" id="additional-files">Additional files</button>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <!-- Two -->
\t \t \t \t \t \t \t \t <div class = "show-onclick">
\t \t \t \t \t \t \t \t \t <hr>
\t \t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t \t <label for="itemForSale2" class="col-sm-2 control-label">Item for Sale:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="itemForSale2" name = "itemForSale2">
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t \t <label for="quantity2" class="col-sm-2 control-label">Quantity:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id = "quantity2" name = "quantity2">
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t \t <label for="major2" class="col-sm-2 control-label">Price:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="price2" name = "price2">
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <div class = "form-group">
\t \t \t \t \t \t \t \t \t \t <label for="itemTwoImg1" class="col-sm-2 control-label">Image 1:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type = "file" accept=".jpg, .jpeg, .png" class = "form-control" name = "itemTwoImg1">
\t \t \t \t \t
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <div class = "form-group">
\t \t \t \t \t \t \t \t \t \t <label for="itemTwoImg2" class="col-sm-2 control-label">Image 2:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type = "file" accept=".jpg, .jpeg, .png" class = "form-control" name = "itemTwoImg2">
\t \t \t \t \t
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <!-- END TWO -->
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <button class = "show-onclick btn-default" type="button" id="additional-files1">Additional files</button>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <!-- THREE -->
\t \t \t \t \t \t \t \t <div class = "show-onclick1 form-group">
\t \t \t \t \t \t \t \t \t <hr>
\t \t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t \t <label for="itemForSale3" class="col-sm-2 control-label">Item for Sale:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="itemForSale3" name = "itemForSale3">
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t \t <label for="quantity3" class="col-sm-2 control-label">Quantity:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id = "quantity3" name = "quantity3">
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t \t \t <label for="price3" class="col-sm-2 control-label">Price:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type="text" class="form-control" id="price3" name = "price3">
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <div class = "form-group">
\t \t \t \t \t \t \t \t \t \t <label for="itemThreeImg1" class="col-sm-2 control-label">Image 1:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type = "file" accept=".jpg, .jpeg, .png" class = "form-control" name = "itemThreeImg1">
\t \t \t \t \t
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <div class = "form-group">
\t \t \t \t \t \t \t \t \t \t <label for="itemThreeImg2" class="col-sm-2 control-label">Image 2:</label>
\t \t \t \t \t \t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t \t \t \t \t \t \t <input type = "file" accept=".jpg, .jpeg, .png" class = "form-control" name = "itemThreeImg2">
\t \t \t \t \t
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t <input id="submit" name="submit" type="submit" value="Submit" class="btn btn-primary pull-right">
\t \t \t \t \t \t \t </form>
\t \t \t \t \t \t \t
\t \t \t \t \t \t </div>
\t \t \t \t \t </div>
\t \t \t \t </div>
\t \t \t </div>
\t \t \t
\t \t \t <div class = "row">
\t \t \t \t <div class = "col-md-6">
\t \t \t \t \t <h3>DETAILS</h3>
\t \t \t \t \t <p>
\t \t \t \t \t \t The shop will be open from November 9th until Finals week in the Marshall Square Mall.
\t \t \t \t \t </p>
\t \t \t \t \t </br>
\t \t \t \t \t <p>
\t \t \t \t \t \t Dropoffs will take place on November 6th & 7th.
\t \t \t \t \t </p>
\t \t \t \t \t </br>
\t \t \t \t \t <p>
\t \t \t \t \t \t 10% commission on sold items.
\t \t \t \t \t </p>
\t \t \t \t </div>
\t \t \t \t
\t \t \t \t <div class = "col-md-6">
\t \t \t \t \t <h3>CONTACT</h3>
\t \t \t \t \t <p>
\t \t \t \t \t \t We can be reached at <a class = "link" href = "mailto:[email protected]?Subject=Form%20Contact" target = "_top">[email protected]</a>
\t \t \t \t \t </p>
\t \t \t \t </div>
\t \t \t </div>
\t \t </div>Это мой HTML.
@font-face {
font-family: Futura;
src: url(futura-medium.tff !important);
\t color: #ffffff;
}
input[type="text"] {
\t color:white !important;
}
input[type="email"] {
\t color:white !important;
}
.model-content {
\t color:black !important;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.navbar-default {
background-color: #000000;
}
body {
\t background: #f05324 !important;
\t margin-bottom: 80px;
\t color: #ffffff;
}
.page-header, .panel-body, .panel, .panel-default, .col-lg-9, .row {
\t background: #f05324 !important;
}
.form-control{
background-color: #f05324;
color: #000000;
}
hr {
\t border-color: #ffffff;
\t background-color: #ffffff;
\t color: #ffffff;
}
.link {
\t color: #ffffff;
}
.page-header {
\t margin-top: 0;
}
.panel-body {
\t padding-top: 0;
}
.img-featured {
\t margin-top : 15px;
\t margin-bottom: 15px;
\t margin-right : 15px;
}
.img-project{
\t margin-top : 15px;
\t margin-bottom: 15px;
}
.show-onclick {
\t display: none;
}
.show-onclick1 {
\t display: none;
}
.block {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
margin-left: // half the width of your img
}Вот мой CSS.
Любая идея, что может быть причиной этого? Это очень раздражает.
, пожалуйста, добавьте скрипку, чтобы играть с – Chris