Светлана Г.

Обычно, каждое поле ввода вместе с label заключают в отдельный div или p. Не нужно label заключать в div. label по умолчанию имеет display:inline. Чтобы он был над полем ввода, нужно сделать его блочным. А чтобы все label имели одинаковую ширину и были на одной строке с полем ввода - задать им display:inline-block и нужную ширину. Может понадобиться еще и vertical-align.

А псевдокласс :last-of-type не подойдет?

Почему так сложно?

Мне нужно только конкретно для этой таблицы.

А нельзя обойтись медиа-запросом? Переписывать отдельно стили для каждой ориентации - это очень трудоемкое дело. Да и мне это нужно только для iPad.

Всем здравствуйте! Страница Вот такая проблема. У заказчика iPad4. Она хочет, чтобы сайт на ее устройстве в альбомной ориентации отображался как для desktop. Но не могу это никак настроить! Эмуляторы отрабатывают нормально, а реальные iPad выбирают мобильный вариант. Не срабатывают оба таких media-queries: @media only screen and (max-width: 960px) {} @media only screen and (max-width: 960px),(min-device-width: 768px) and (max-device-width: 1024px) {}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), (max-width: 960px) { Как решить данную задачу?

monochromer, спасибо, все понятно!

Спасибо! Буду знать.

Спасибо! Это решение подходит. Немного поправила: table tr td:nth-of-type(2n);Но вот почему col не срабатывает, очень интересно!

Здравствуйте! Есть таблица из двух колонок. Как можно, не прописывая класс ко всем <td>, ко второй колонке применить класс .nowra;? Я пишу так, но не срабатывает. <table><col span="1"><col span="1" class="nowrap"><thead><tr><th>Наименование услуг</th><th>Цена</th></thead></tr><tbody><tr><td>Маникюр гигиенический</td><td><strong>600-00</strong></td></tr>...

Switch74, спасибо большое, все получилось!

Устраивает . Я пока не добралась его применить. Сделаю и покажу результат. Спасибо!

<p style="display: table; width: 100%;"> <span class="country" style="display: table-cell; text-align: right;">Germany:</span> <span class="number" style="display: table-cell; text-align: right;">+ 49-30-78-90-68-0</span> </p> Нет, это способ, к сожалению, не работает.

Картинку можно не брать в расчет. Она уже стоит. Мне важно только телефон вправо выровнить. Картинку можно не брать в расчет. Она уже стоит. Мне важно только телефон вправо выровнить. Вот страница:http://germantravel.eu/contact-us/

С display:table не получилось: http://jsfiddle.net/xq8mtjog/13/