Q4Dizzy

http://jsfiddle.net/yq8e152r/1/ на скорую руку... 

Если вы не совсем понимаете, значит читайте, учите и старайтесь понять... По крайней мере от себя скажу - темы - позиционирование (position), обтекания (float), очистка (clear), псевдоэлементы (after, before и т.д.), тип элемента (display), ну и ещё некоторые... Их знать и учить обязательно.. Даже по сути нет такой темы, которую можно было бы пропустить и особо не читать.. 

Дружно поверстаем и купим человеку мопед)) как раз Новый год рядом уже

Советую почитать по этой части, а так же про обтекания и очистку.

Сырой верстальщик сначала будет практиковаться и делать статические HTML, дабы поднять свой уровень навыков и знаний. Потом уже пробовать выше и выше.. 

Вы как начинали верстать? сразу с шаблонов и движки сразу писать начали?

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

Улыбнуло дико

Только один момент заинтересовал.. Почему ширина и высота картинок ограничена в самой структуре? Где универсальность?

я вижу вы тут совсем высокого мнения о wp ? а что вы не берёте в счёт max-site cms - вот первый враг wp - пишите ему - он вам 100% форы даст - смешные вы - одну работу увидели и всё ? как минимум свой шаблон - в этом уникальность - 

Смысла споров реально нет... Любой движок (без разницы) требует знаний и навыков. Не уважаете WP - дело лично ваше, вы начали этот спор, есть наличие того, что этот движок хрень по сравнению с остальными - вылаживайте лично ваше, что бы был смысл вести беседы такого рода)

P.S. ДАвненько я на форум не заходил, живее и веселее тут стало)

маштабируйте, тестируйте..

http://jsfiddle.net/vraaj8jc/3/

вот вам галерея готовая  просто создайте index.html и вставьте туда этот http://codepen.io/an...Gpv?editors=110

А теперь откройте это на экране HD. Картинка тянется по ширине, что это уже не картинка, а краски пьяного Пикассо.

box-sizing: border-box;

 

 

я прошу прощение , но а у вас есть сайт на собственном движке ? а то у вас на wordpress а на нём даже простая домохозяйка без навыком html css js может слепить сайт за 30 минут , тем более тот шаблон - не совсем уверен но он заводской - так есть ?

 

Мы вас прощаем, как вы и просите, за некомпетентность как минимум.

 

Не хотите похвастаться вашим движком? Мы даже потратим время и проанализируем его код и возможности =) Хотите показать ваши работы? Мы с удовольствием их оценим.

 

ЗЫ Если нет то вы не имеете никаких прав кого-то критиковать и говорить о всяких домохозяйках.

 

 

мне что из за спора покупать хостинг ? что мне мне выигрыш спора даст ? 

 

Вы правы, WP действительно довольно простой движок.. Но выше пишут верно, умение им пользоваться и умение реализовать на нём что-то иное, чего не найти в инете забесплатно - это совсем разные уровни.. Так же можно дать домохозяйкам пользоваться укозом, много там ума надо? Везде требуются знания.

А по поводу хостинга - да возьмите бесплатный какой-либо..или напишите на своей локальной машине и сбросьте готовую работу архивом.

Ну, смысл такой: http://codepen.io/anon/pen/rxNveY

При маштабировании бяка)) 

Спасибо.

Нет, это не то, что мне нужно. У вас ограничения как раз на пропорции картинки. Табличные стили подходят для выравнивания по высоте, когда относительно большая ширина. И я также сделал во 2 варианте. Но когда большая высота и нужно выравнивать по ширине - это не работает, высокая картинка туда нее влезает.

Задача оказалась очень сложной при кажущейся простоте. Но люди же как-то делают это.

 

Скажите, что означает в стилях

.pic > span ?

Что означает ">" посередине ?

http://htmlbook.ru/css/selector/child

Тогда скорее всего конфликт скриптов либо элемент не успевает прогрузится до конца.. Возможно поможет load.

http://jsfiddle.net/Q4Dizzy/a9ydk03e/

Наподобии такого... В любом случае использовать надо табличные стили из-за вертикального выравнивания..  А  насчёт высоты контейнеров и высоты длинных картинок - либо ограничивать максимальную высоту картинок, либо добавлять overflow родительскому блоку, что бы скрылась нижняя часть изображений, длинных в плане высоты.

http://jsfiddle.net/Q4Dizzy/1xz3o0zo/2/

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

Это лишь догадка, но как минимум - сравните версии jquery из демо и ту, что на вашем сайте.

Может так?

Источник

Зависит от задачи и ситуации.. Кто что предпочитает использовать.

Записывайте в бд и оттуда же получайте на другой странице.

Если используется только js, ТО можно использовать локальное хранилище, хотя вариант не айс конечно.

Если уж используете дополнительные атрибуты, то добавляйте им вначале - data.

Пример

<a href="http://google.ru" title="Google" data-original-title="Описание" target="_blank">Google</a>

Суть в следующем.. создаю изображение с текстом, который ввёл пользователь в поле ввода и передаю это значение php с помощью аякс..

Данные получаю, в переменной они есть. но выводится только тот текст, который заранее написан в сам php.

<?php$w = 1000;$h = 200;$image = imagecreatetruecolor($w, $h) or die('Cannot create image');//Цвета$white = 0xffffff;$black = 0x000000;$red = 0xff0000;//Шрифт$font = ('BebasNeue.ttf'); // - обязательно надо указать путь до шрифта$fontsize = 100; // размер шрифта, gd1 - в пикселях, gd2 - в пунктах//Cам текст$text = $_POST['case_text'].'1';//Централизация шрифта$sz = imagettfbbox($fontsize, 0, $font, $text);$x = (imageSX($image) - ($sz[2] - $sz[0])) / 2;$y = (imageSY($image) + ($sz[1] - $sz[7])) / 2;//Делаем изображение прозрачнымimagesavealpha($image, true);imagefill($image, 1, 1, imagecolorallocatealpha($image, 255, 255, 255, 127));imagecolortransparent($image, $black);//Вставляем текстimagettftext($image, $fontsize, 0, $x, $y, $red, $font, $text);//Выводим изображениеheader('Content-type: image/png');imagepng($image);imagedestroy($image);?>

Но выводится изображение только с тем текстом, который был введён в сам php...

$text = $_POST['case_text'].'1';

То есть в данном случае появится изображение с цифрой 1. Почему игнорируется текст, который был получен с поля ввода?

А адрес странички есть?

https://icomoon.io

кружки через background-color + border-radius.