Поднять блок вверх — css

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
Загрузка...

Вопрос:


Здравствуйте!
Хочу поднять блок с картинками выше, но когда задаю слишком большой margin-top то второй ряд просто начинает наезжать сверху на первый и съезжается в один ряд. Мне необходимо поднять одинаково 2 ряда вверх…
введите сюда описание изображения

Страница

<?php	
   define('myeshop', true);
   include("include/db_connect.php");
   include("functions/functions.php");
   session_start();
   include("include/auth_cookie.php");
  
   $id = clear_string($_GET["id"]); 

     $seoquery = mysql_query("SELECT seo_words,seo_description FROM table_products WHERE products_id='$id' AND visible='1'",$link);
     
     If (mysql_num_rows($seoquery) > 0)
     {
        $resquery = mysql_fetch_array($seoquery);
     }   
   
  If ($id != $_SESSION['countid'])
{
$querycount = mysql_query("SELECT count FROM table_products WHERE products_id='$id'",$link);
$resultcount = mysql_fetch_array($querycount); 

$newcount = $resultcount["count"] + 1;

$update = mysql_query ("UPDATE table_products SET count='$newcount' WHERE products_id='$id'",$link);  
}

$_SESSION['countid'] = $id; 
      
?>

<div class="page-container" id="PageContainer">
<main class="main-content" id="MainContent" role="main">
<?php
$result1 = mysql_query("SELECT * FROM table_products WHERE products_id='$id' AND visible='1'",$link);
If (mysql_num_rows($result1) > 0)
{
$row1 = mysql_fetch_array($result1);
do
{   
if  (strlen($row1["image"]) > 0 && file_exists("./uploads_images/".$row1["image"]))
{
$img_path = './uploads_images/'.$row1["image"];
$max_width = 300; 
$max_height = 300; 
 list($width, $height) = getimagesize($img_path); 
$ratioh = $max_height/$height; 
$ratiow = $max_width/$width; 
$ratio = min($ratioh, $ratiow); 

$width = intval($ratio*$width); 
$height = intval($ratio*$height);    
}else
{
$img_path = "/images/no-image.png";
$width = 110;
$height = 200;
}     




echo  '



<div id="shopify-section-product-template" class="shopify-section"><div class="product-template__container page-width" itemscope itemtype="http://schema.org/Product" id="ProductSection-product-template" data-section-id="product-template" data-section-type="product" data-enable-history-state="true">
  <meta itemprop="name" content="OSS Charloween Tee Black">
  <meta itemprop="url" content="https://onsomeshit.com/products/oss-charloween-tee-black">
  <meta itemprop="image" content="//styleshop.net.ua/images/[email protected]?v=1509391637">

  <div class="grid product-single">
    <div class="grid__item product-single__photos medium-up--one-half"><div id="FeaturedImageZoom-product-template" class="product-single__photo product-single__photo--has-thumbnails" data-zoom="//styleshop.net.ua/images/[email protected]?v=1509391637">
        <img src="'.$img_path.'" alt="OSS Charloween Tee Black" id="FeaturedImage-product-template" class="product-featured-img js-zoom-enabled">
      </div></div>

	  
    <div class="grid__item medium-up--one-half">
      <div style="margin-top: -50px;" class="site-header__menu product-single__meta">

        <h1 itemprop="name" class="product-single__title">'.$row1["title"].'</h1>

        

        <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
          <meta itemprop="priceCurrency" content="USD">

          <link itemprop="availability" href="http://schema.org/InStock">

          <p class="product-single__price product-single__price-product-template">
            
              <span class="visually-hidden">Regular price</span>
              <s id="ComparePrice-product-template" class="hide"></s>
              <span class="product-price__price product-price__price-product-template">
                <span id="ProductPrice-product-template"
                  itemprop="price" content="30.0">
                  '.group_numerals($row1["price"]).' грн
                </span>
                <span class="product-price__sale-label product-price__sale-label-product-template hide">Sale</span>
              </span>
            
          </p>
          <div class="">
          <p>Описание товара</p>
		  Просто лучший свитшот!</div>
          <form action="/cart/add" method="post" enctype="multipart/form-data" class="product-form product-form-product-template" data-section="product-template">
            
              
                <div class="selector-wrapper js product-form__item">
                  <label for="SingleOptionSelector-0">
                    <br>Размер
                  </label>
                  <select class="single-option-selector single-option-selector-product-template product-form__input" id="SingleOptionSelector-0" data-index="option1">
                    
    '.$row1["size_s"].'
	'.$row1["size_m"].'
	'.$row1["size_l"].'
	'.$row1["size_xl"].'
	'.$row1["size_36"].'
	'.$row1["size_37"].'
	'.$row1["size_38"].'
	'.$row1["size_39"].'
	'.$row1["size_40"].'
	'.$row1["size_41"].'
	'.$row1["size_42"].'
	'.$row1["size_43"].'
	'.$row1["size_44"].'
	'.$row1["size_45"].'
                    
                  </select>
                </div>
              
            </select>

            
              



          </form>
		  <br>
		      <input type="submit" class="btn btn--small-wide" id="add-cart-view" value="В корзину"  data-id="'.$row1["products_id"].'" > 

        </div><br></div>

     <div class="small--hide product-single__meta">

        <h1 itemprop="name" class="product-single__title">'.$row1["title"].'</h1>

        

        <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
          <meta itemprop="priceCurrency" content="USD">

          <link itemprop="availability" href="http://schema.org/InStock">

          <p class="product-single__price product-single__price-product-template">
            
              <span class="visually-hidden">Regular price</span>
              <s id="ComparePrice-product-template" class="hide"></s>
              <span class="product-price__price product-price__price-product-template">
                <span id="ProductPrice-product-template"
                  itemprop="price" content="30.0">
                  '.group_numerals($row1["price"]).' грн
                </span>
                <span class="product-price__sale-label product-price__sale-label-product-template hide">Sale</span>
              </span>
            
          </p>
          <div class="">
          <p>Описание товара</p>
		  Просто лучший свитшот!</div>
          <form action="/cart/add" method="post" enctype="multipart/form-data" class="product-form product-form-product-template" data-section="product-template">
            
              
                <div class="selector-wrapper js product-form__item">
                  <label for="SingleOptionSelector-0">
                    <br>Размер
                  </label>
                  <select class="single-option-selector single-option-selector-product-template product-form__input" id="SingleOptionSelector-0" data-index="option1">
                    
    '.$row1["size_s"].'
	'.$row1["size_m"].'
	'.$row1["size_l"].'
	'.$row1["size_xl"].'
	'.$row1["size_36"].'
	'.$row1["size_37"].'
	'.$row1["size_38"].'
	'.$row1["size_39"].'
	'.$row1["size_40"].'
	'.$row1["size_41"].'
	'.$row1["size_42"].'
	'.$row1["size_43"].'
	'.$row1["size_44"].'
	'.$row1["size_45"].'
                    
                  </select>
                </div>
              
            </select>

            
              



          </form>
		  <br>
		      <input type="submit" class="btn btn--small-wide" id="add-cart-view" value="В корзину"  data-id="'.$row1["products_id"].'" > 

        </div>
		
		 </div>

';

   
}
 while ($row1 = mysql_fetch_array($result1));


 $result = mysql_query("SELECT * FROM uploads_images WHERE products_id='$id'",$link);
If (mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array($result);
echo '
<br>
<p>Доп. фото</p>

';
do
{
    
$img_path = './uploads_images/'.$row["image"];
$max_width = 70; 
$max_height = 70; 
 list($width, $height) = getimagesize($img_path); 
$ratioh = $max_height/$height; 
$ratiow = $max_width/$width; 
$ratio = min($ratioh, $ratiow); 

$width = intval($ratio*$width); 
$height = intval($ratio*$height);    
    
    
echo '
<div class="small--hide thumbnails-wrapper">
<div id="block-img-slide">
  
<li class="grid__item medium-up--one-quarter product-single__thumbnails-item">

<a href="#image'.$row["id"].'"><img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" /></a>

</li>
</div> 
</div>


<div class="site-header__menu thumbnails-wrapper">
<div id="block-img-slide2">
  
<li class="grid__item medium-up--one-quarter product-single__thumbnails-item">

<a href="#image'.$row["id"].'"><img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" /></a>

</li>
</div> 
</div>

';
}
 while ($row = mysql_fetch_array($result));

}

$result = mysql_query("SELECT * FROM table_products WHERE products_id='$id' AND visible='1'",$link);
$row = mysql_fetch_array($result);

$query_reviews = mysql_query("SELECT * FROM table_reviews WHERE products_id='$id' AND moderat='1' ORDER BY reviews_id DESC",$link);

If (mysql_num_rows($query_reviews) > 0)
{
$row_reviews = mysql_fetch_array($query_reviews);
do
{

        
}
 while ($row_reviews = mysql_fetch_array($query_reviews));
}
else
{

} 


}
	
?>
</div>

Стили (сюда не вместилось)

ТЫК

Автор вопроса: Шелест Роман

Источник

Вам также может быть интересно:

Использование вложенных маршрутов в React Router — javascript reactjs react-router
Вопрос: Для организации маршрутов в приложении использую React Router. <Route path="/" component={...}> <IndexRoute component={...}/> <Route path="user/:userId" component={...}> ...
Как с помощью Retrofit 2.0 отправить данные в JSON на сервер и получить ответ? — java android retrofit
Вопрос: Только начал читать про Retrofit 2.0 до этого использовал HttpURLConnection. Как я работаю с HttpURLConnection, формирую Json перевожу его в byte, ставлю header в ...
Не приходят push уведомления. FCM — android firebase android-notification
Вопрос: Появилась необходимость реализовать push уведомления. Прописал в манифесте сервис: <service android:name=".MyFirebaseMessagingService"> <intent-filter> ...
Принцип браузерной игры в линукс терминале — java linux terminal
Вопрос: Наткнулся на Java библиотеку CHARVA. И хотел бы уточнить у знающих людей, возможно ли на основе данной библиотеки сделать программу по принципу браузерной игры, но ...
Мерцание заблокированного экрана при выключенной подсветке в Debian 8 Gnome 3 — linux debian экран
Вопрос: На ноутбуке с Debian 8 Jessie и Gnome 3 имеется следующая проблема. При выключенном заблокированном экране сквозь него можно наблюдать, как весь экран становится белым, ...
Создание WCF клиента на готовый SOAP web сервер — c# wcf
Вопрос: Доброго времени суток. Появилась задача опрашивать web сервер с клиента на котором планируется написать WCF клиентскую часть. Информации про сервер очень мало (не знаю платформу ...
Безопасно ли удалить файл логов general_log.txt? — mysql
Вопрос: При выполнении запроса со вставкой данных большого объёма SQLyog начал вылетать с ошибкой: not enough memory application terminated В связи с этим я решила ...
Callback функции создания таблицы mysql в nodejs — mysql node.js callback
Вопрос: Есть функция, которая при запуске создает базу даных, function showDb() { pool.query("show databases like 'bt' ",function (err, ...
Как создать Adapter с неограниченным количеством строк и с неограниченным разным количеством столбцов в каждой строке — java android
Вопрос: Как создать Adapter с неограниченным количеством строк и с неограниченным разным количеством столбцов в каждой строке Автор вопроса: Salut Amigo Источник
Не могу передать байтовый массив в контроллер — c# asp.net-mvc entity-framework
Вопрос: У меня изображения храняться в бд в формате байтового массива, через форич отлично все выводит, но когда я хочу открыть страницу для работы с ...
proguard release error — java android mvp
Вопрос: Включил в проекте proguard, apk собирается, все хорошо, но приложение не работает) Proguard-rules.pro -keepattributes InnerClasses -keepattributes EnclosingMethod -keepattributes *Annotation* -dontoptimize # Keep Butterknife -keep class butterknife.** { *; } -dontwarn butterknife.internal.** -keep ...
Не отрабатывает page:update — javascript ruby-on-rails
Вопрос: Есть мой учебный проект на ruby. Делаю редактирование объектов с помощью JS. Сейчас работает так: Редактирую первый раз - всё нормально. Не обновляя страницу, ...
Как найти определенный символ в строке и удалить значение после него (и вместе с ним) Jquery — javascript html jquery
Вопрос: Здравствуйте, есть определенный набор строк, типа "L / Красный / 12345", как можно на странице найти их, и вырезать из них все что находится ...
Почему не работает wildcard module declaration? — typescript
Вопрос: Почему не работает такой способ декларации: declare module "*!text" {} ? Цель - использовать контент файла в переменной: import layout = require("/js/views/layouts/wnd.html!text"); или так: import layout from "/js/views/layouts/wnd.html!text"; Если ...
Как прервать 3rd-party код? — c# многопоточность .net-core
Вопрос: Есть 3rd-party код из библиотеки который "зависает" в ожидании где-то в работе с сетью. CancellationToken поддержки нет, таймаутов нет. Запускаю я его через: Task.Run(() => ...

Оставьте ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *