Сообщения без ответов | Активные темы


Список форумов » Специализированные форумы » Программирование

Часовой пояс: UTC + 3 часа




Начать новую тему Новая тема / Ответить на тему Ответить  Сообщений: 368 • Страница 15 из 19 • <  1 ... 12  13  14  15  16  17  18  19  >
  Пред. тема | След. тема 
В случае проблем с отображением форума, отключите блокировщик рекламы
Автор Сообщение
  Vaitek

Member
Статус: Не в сети
Регистрация: 08.09.2004
Я чего-то туплю но:

Есть несколько картинок, квадратных, небольших (80х80). Их нужно отобрать в строку с центрированием (это я могу), но так чтобы они автоматически переносились на новую строку и получались в 2-3 или сколько надо рядов, если ширины элемента в котором картинки расположены (ячейка таблицы например) не хватает разместить их все в одну строку. Ну и конечно нижеследующий контент должен смещаться вниз, а не закрываться картинками.

Можно это сделать без яваскрипта? Или хотя бы о скриптом, если список картинок задан массивом.

_________________
Да здравствует то, благодаря чему, мы не смотря ни на что...

Реклама

Партнер
  ToSHiC

Member
Статус: Не в сети
Регистрация: 07.01.2010
просто поставить друг за другом, например, без всяких таблиц
  php5

Vaitek писал(а):
Я чего-то туплю но:

Есть несколько картинок, квадратных, небольших (80х80). Их нужно отобрать в строку с центрированием (это я могу), но так чтобы они автоматически переносились на новую строку и получались в 2-3 или сколько надо рядов, если ширины элемента в котором картинки расположены (ячейка таблицы например) не хватает разместить их все в одну строку. Ну и конечно нижеследующий контент должен смещаться вниз, а не закрываться картинками.

Можно это сделать без яваскрипта? Или хотя бы о скриптом, если список картинок задан массивом.

какой двиг? если вы это на статике делаете, то не пойму, зачем такой "монанизм"?
  MrCrab

Делаю сайт в serif web plus x5.Нужно сделать постраничный вывод статей и инструмент для добавления/редактирования статей.Как сделать?
  Fuyou

Member
Статус: Не в сети
Регистрация: 16.12.2009
Фото: 4
Помогите быдло-джангеру разобраться с версткой пожалуйста!

Проблема с float-блоком, надо в нем отцентрировать другой блок с картинкой.
пробую тут http://www.w3schools.com/cssref/tryit.a ... ical-align
код
Код:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div.imagetile
    {
       float:left;
        width:300px;
        height:300px;
        background-color:gray;
        text-align:center;
        display:table-cell;
        vertical-align:middle;
        border-width: 3px;
        border-style: solid;
        border-color: #1a1a1a;
    }
div.imagetileinner
    {
        width:264px;
        margin: 0 auto;
        border-width: 1px;
        border-style: solid;
        border-color: red;
        vertical-align:middle;
    }
img.browseimg
    {
        vertical-align:middle;
    }
body
    {
        background-color: #404040;
    }
</style>
</head>
<body>
<div class="imagetile">
<div class='imagetileinner'>
<img class="browseimg" src="w3schools_logo.gif" alt="W3Schools" width="270" height="50" />
</div>
</div>
<div class="imagetile">
<div class='imagetileinner'>
<img class="browseimg" src="w3schools_logo.gif" alt="W3Schools" width="270" height="50" />
</div>
</div>
</body>
</html>



Если убрать float:left; все центрируется как надо. Только надо чтобы n блоков выстраивались в ряды под размер окна. Нагуглить ничего толкового пока не получилось...

_________________
Asus Strix X370-F ☆ AMD Ryzen 1700 ☆ Palit GeForce GTX 750 KalmX ☆ Samsung OEM DDR4 16GB ★ Dell XPS 12 (9Q23, 2012)

  Fuyou

Member
Статус: Не в сети
Регистрация: 16.12.2009
Фото: 4
Чойта на оверклокерс только геймеры остались? :D
Если кому интересно мне помогли решить проблему, вот так выглядят мои классы:
Floating centered divs
Код:
div.imagetile 
{       
    float:left;
    width:280px;
    height:280px;
    background-color:gray;
    text-align:center;   
    display: table;     
    vertical-align:middle;               
    overflow: hidden; 
   
}
    div.imagetileinner
{       
        width:264px;
        margin: 0 auto;
        display: table-cell;   
        vertical-align: middle;
        text-align: center;   
}
   

_________________
Asus Strix X370-F ☆ AMD Ryzen 1700 ☆ Palit GeForce GTX 750 KalmX ☆ Samsung OEM DDR4 16GB ★ Dell XPS 12 (9Q23, 2012)

  Vladson

member+
Статус: Не в сети
Регистрация: 16.01.2004
Откуда: Estonia,Tallinn
Fuyou писал(а):
только геймеры остались?

Не, я был геймером, но это было в прошлой жизни... Впрочем верстальщиком я тоже был только в ней...

_________________
X99-TF/E5-2678v3+Evo212/2x16Gb-DDR4-Gloway-TYPE-a@2133-12-13-13-26/GTX1070TI/KINGSTON-SNV2S1000G

  belomoeff

Junior
Статус: Не в сети
Регистрация: 09.09.2011
Откуда: Тобольск
MrCrab, на чистом HTML никак, только средствами php и MySQL. Зачем изобретать велосипед, сделайте сайт на Joomla?
  Fuyou

Member
Статус: Не в сети
Регистрация: 16.12.2009
Фото: 4
belomoeff писал(а):
только средствами php и MySQL
А что, других средств веб-разработки нет? Лучше Джанго вкурить, не буду флеймить о языках, но годный фреймворк защищает от быдлокода.

_________________
Asus Strix X370-F ☆ AMD Ryzen 1700 ☆ Palit GeForce GTX 750 KalmX ☆ Samsung OEM DDR4 16GB ★ Dell XPS 12 (9Q23, 2012)

  Kryos

Member
Статус: Не в сети
Регистрация: 24.06.2003
Откуда: Москва
Fuyou есть мнение также, что фреймворки способствуют быдлокодингу. Новички получается учат не язык, а фреймворк. Так что если уж пайтон, так лучше пускай в чистом виде сперва.

_________________
.

  Fuyou

Member
Статус: Не в сети
Регистрация: 16.12.2009
Фото: 4
Kryos Если задаться целью обучиться веб-разработке - то абсолютно согласен. Если задача выполнить проект - то лучше выучить фреймворк с MVC и встроенной защитой, а не корячить дырявую всем инжектам кракозябру.

_________________
Asus Strix X370-F ☆ AMD Ryzen 1700 ☆ Palit GeForce GTX 750 KalmX ☆ Samsung OEM DDR4 16GB ★ Dell XPS 12 (9Q23, 2012)

  Kryos

Member
Статус: Не в сети
Регистрация: 24.06.2003
Откуда: Москва
Fuyou естественно

_________________
.

  Char88

Member
Статус: Не в сети
Регистрация: 08.07.2006
Откуда: СПБ
Kryos писал(а):
есть мнение также, что фреймворки способствуют быдлокодингу. Новички получается учат не язык, а фреймворк.

Это полный бред, простите. Новички учатся тому как делать хорошо и как делать плохо.

Быдлокод получается без оного. Ибо нормально структурировать код, задача не посильная нубу. Получается неизменно ад

Добавлено спустя 1 минуту 33 секунды:
Fuyou писал(а):
но годный фреймворк защищает от быдлокода.

К сожалению даже он не защищает.

Добавлено спустя 3 минуты 11 секунд:
Если уж о том заговорили, то быдлокоду способствует Хабр, и тонны блогов "программистов". Все как один претендуют на истину в последней инстанции, а в большинстве случаев "учат" тому, что сами тока что прочитали в другом блоге и ничерта в этом не понимают
  Fuyou

Member
Статус: Не в сети
Регистрация: 16.12.2009
Фото: 4
Char88 писал(а):
К сожалению даже он не защищает.
Понятно что полностью не защищает, но вот как раз структурированию кода способствует. Правда когда когда становится много приходится дальше уже самому крутиться. Просто я начал свой путь веб-коддинга с разбора сайта написанного школьником. На джанго так плохо написать просто невозможно, он физически не поддерживает такой низкий уровень быдлокода. :haha:

На всякий вопрос по теме - как поменять псевдо-трехмерное окаймление инпута? border что-то не прокатил.

_________________
Asus Strix X370-F ☆ AMD Ryzen 1700 ☆ Palit GeForce GTX 750 KalmX ☆ Samsung OEM DDR4 16GB ★ Dell XPS 12 (9Q23, 2012)

  Char88

Member
Статус: Не в сети
Регистрация: 08.07.2006
Откуда: СПБ
Fuyou писал(а):
border что-то не прокатил.

border: none должно убирать вообще любой намек на "окаймление"

Может речь о box-shadow? Он по умолчанию стоит в сафари там всяком
  Fuyou

Member
Статус: Не в сети
Регистрация: 16.12.2009
Фото: 4
Char88 border:none; -то убирает, но я не убрать хотел, а скорректировать цвета. Он у меня border-color затемняет на верху и слева и подсвечивает справа и внизу, получается как-будто input утоплен. Я конечно могу выставить цвета для каждой границы, но интересно можно ли убрать или настроить такую автоматику.

_________________
Asus Strix X370-F ☆ AMD Ryzen 1700 ☆ Palit GeForce GTX 750 KalmX ☆ Samsung OEM DDR4 16GB ★ Dell XPS 12 (9Q23, 2012)

  Char88

Member
Статус: Не в сети
Регистрация: 08.07.2006
Откуда: СПБ
Fuyou писал(а):
Он у меня border-color затемняет на верху и слева и подсвечивает справа и внизу, получается как-будто input утоплен.

box-shadow none с соответствующей приставкой вашего браузера
  Fuyou

Member
Статус: Не в сети
Регистрация: 16.12.2009
Фото: 4
Char88 я пробовал, это не бокс-шадоу, он рисуется за границей бордера.

Или это чисто браузерная неконтролируемая фича? Пробовал FF и Comodo Dragon - в обоих есть но немного по-разному.

_________________
Asus Strix X370-F ☆ AMD Ryzen 1700 ☆ Palit GeForce GTX 750 KalmX ☆ Samsung OEM DDR4 16GB ★ Dell XPS 12 (9Q23, 2012)

  zelinski

Member
Статус: Не в сети
Регистрация: 10.10.2005
Откуда: Питер
Решил сайтостроение освоить. Не получилось. Точнее - со всем, что мне нужно было от сайта, разобрался, кроме всего одного момента. Но это самый важный момент. Без него, всё что я теперь про сайтостроение знаю (а знаю я всё кроме этого проклятого момента, точнее, всё что требуется (кроме момента этого), чтобы делать сайты в моём вкусе и размещать на них именно такой контент, какой мне хочется ). Так что из-за всего одной гадости я в минусе. Сейчас опишу что за гадость. Может быть. кто-то с ней сталкивался и сможет посоветовать, куда копать?
Создал сайт - http://sites.google.com/site/spbgurupk Понял, что при бесплатном хостинге на gmail.com дают целых 100 Гигабайт (мне бы и 5 хватило бы), но нет возможности писать в гостевую никому кроме того кто авторизуется на gmailе на котором был создан сайт. От мысли указать логин и пароль моего gmailа, чтобы кому понадобится - написали мне, поразмыслив, отказался. Вдруг зайдёт дама и с её женской логикой непонятно на что обидится и сайт удалит... Удалось сделать форму для ввода сообщений для всех, но вводить можно, а сохранять их не получается. Хотел бы, чтобы любой посетитель мог оставить пару строчек в гостевой. Достаточно будет если в гостевой не более десятка сообщений будет запоминаться. По мере их появления, буду их читать, отвечать на них в другом разделе и удалять прочтённые сообщения гостей. Что-то не получается ((( Возможно ли сделать самую примитивную медленную-медленную, маленькую-маленькую, но работающую Гостевую не используя MySQL? Самый примитив! HTML и PHP - не более! Самая маленькая и простенькая гостевая! Пока ничего подходящего найти не могу ((( Может быть, кто-нибудь подскажет ссылочку или кинет коды для HTML и PHP, если это возможно?
  zelinski

Member
Статус: Не в сети
Регистрация: 10.10.2005
Откуда: Питер
Вот, гостевая заработала - https://sites.google.com/site/spbgurupk/home/vrem, но сложноватая она ((( Очень хотелось бы попроще, попримитивнее. Если кто-нибудь может в этом плане что-нибудь посоветовать - заранее благодарен!
Здесь - https://sites.google.com/site/spbgurupk/home/sajty-1 - реклама этого форума )))
Показать сообщения за:  Поле сортировки  
Начать новую тему Новая тема / Ответить на тему Ответить  Сообщений: 368 • Страница 15 из 19 • <  1 ... 12  13  14  15  16  17  18  19  >
-

Список форумов » Специализированные форумы » Программирование

Часовой пояс: UTC + 3 часа


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 21

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти:  

Лаборатория

Обзор ноутбука ASUS Zenbook DUO (UX8406)


Обзор и тестирование модульного блока питания MSI MAG A850GL PCIE5


Обзор и тестирование процессорного кулера APNX AP1-V


Обзор и тестирование материнской платы MSI Z790 Gaming Plus WIFI


Обзор и тестирование смартфона Honor X9b 5G





Новости
Создано на основе phpBB® Forum Software © phpBB Group
Русская поддержка phpBB | Kolobok smiles © Aiwan