Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/7: Рейтинг темы: голосов - 7, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 03.11.2014
Сообщений: 6

Второй столбец в одном блоке

03.11.2014, 14:06. Показов 1649. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
немного истории.

Сам в программировании не смыслю, абсолютно. Не так давно семьей решили открыть турагенство. Открыли, работает, не так хорошо как хотелось бы и решили что нужно сделать сайт. Так как бюджет был небольшим то решил воспользоваться конструктором сайтов. Только теперь понимаю какой это было ошибкой. Там было расписано, что мне останется только лишь заполнить блоки и все будет хорошо и для этого не нужно знать никаких языков программирования. При первой же проблеме тех поддержка мне ответила, что необходимо знать css, javascript, html.
С горем пополам чутка разобрался в форматировании текстов создании спойлеров и в таких не сложных вещах.

Суть вопроса.

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

в приложении 2 скрина, на одном расположение блоков, и там видно пустое место между погодой и вк, как раз туда и нужно разместить обменник.
на втором скрине как выглядит окно которое появляется при нажатии на html вкладку, на каждом блоке.
Миниатюры
Второй столбец в одном блоке   Второй столбец в одном блоке  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
03.11.2014, 14:06
Ответы с готовыми решениями:

Изменение в одном блоке при нажатии в другом блоке
Скажите возможно ли с помощью CSS или HTML(что мало вероятно) сделать так чтобы если я навожу(щелкаю) на(по) ссылке в одном блоке...

Как в datagridview заменить столбец из одной таблицы на столбец из второй?
Существуют 2 таблицы:"Storage" и "Managers". В таблице "Managers" указано "Managers_ID" и "FIO". В таблице "Storage" тоже...

Файл: Загрузка данных из файла: первый столбец записывался в 1й массив, второй столбец - во 2й массив, а 3й столбец - в 3й массив.
Есть текстовый файл, в нем 3 столбца чисел (число строк заранее неизвестно). Напишите пожалуйста код, чтобы первый столбец записывался в...

11
 Аватар для PeterLS
71 / 69 / 22
Регистрация: 24.11.2012
Сообщений: 502
Записей в блоге: 1
03.11.2014, 14:48
Shm0N, а вы не могли бы скопировать определенный куски html и css кодов и вставить их сюда соответствующим образом? Думаю что в таком случае больше шансов что вам помогут.
0
0 / 0 / 0
Регистрация: 03.11.2014
Сообщений: 6
03.11.2014, 14:51  [ТС]
этими блоками я не могу управлять, тот код который есть в окне, это код информера погодного, а когда открываешь блок в нем пусто. Все что возможно это размещать информацию внутри блока. Надеюсь я правильно понял о чем Вы говорили.
0
0 / 0 / 0
Регистрация: 03.11.2014
Сообщений: 6
03.11.2014, 14:57  [ТС]
на примере пустого блока, жмешь изменить и открывается вот такое окно, там есть кнопка html, либо возможно сразу нажать на кнопку html и откроется окно которое можно заполнить, изначально оно пустое
Миниатюры
Второй столбец в одном блоке   Второй столбец в одном блоке  
0
 Аватар для PeterLS
71 / 69 / 22
Регистрация: 24.11.2012
Сообщений: 502
Записей в блоге: 1
04.11.2014, 15:55
Вот здесь вы скидывали html-код https://www.cyberforum.ru/atta... 1415012677 . Скопируйте его и вставьте сюда.
Есть такой-же css-код? Если да, то сделайте то же самой.
0
0 / 0 / 0
Регистрация: 03.11.2014
Сообщений: 6
04.11.2014, 16:20  [ТС]
это погодный информер

<div id="SinoptikInformer" style="width:304px;" class="SinoptikInformer type5c1"><div class="siHeader"><div class="siLh"><div class="siMh"><a onmousedown="siClickCount();" href="http://sinoptik.com.ru/" target="_blank">Погода</a><a onmousedown="siClickCount();" class="siLogo" href="http://sinoptik.com.ru/" target="_blank"><img src="http://informers.sinoptik.ua/img/t.gif" /></a> <span id="siHeader"></span></div></div></div><div class="siBody"><div class="siCity"><div class="siCityName"><a onmousedown="siClickCount();" href="http://sinoptik.com.ru/погода-пхукет" target="_blank">Погода в <span>Пхукете</span></a></div><div id="siCont0" class="siBodyContent"><div class="siLeft"><div class="siTerm"></div><div class="siT" id="siT0"></div><div id="weatherIco0"></div></div><div class="siInf"><p>влажность: <span id="vl0"></span></p><p>давление: <span id="dav0"></span></p><p>ветер: <span id="wind0"></span></p></div></div></div><div class="siCity"><div class="siCityName"><a onmousedown="siClickCount();" href="http://sinoptik.com.ru/погода-стамбул" target="_blank">Погода в <span>Стамбуле</span></a></div><div id="siCont1" class="siBodyContent"><div class="siLeft"><div class="siTerm"></div><div class="siT" id="siT1"></div><div id="weatherIco1"></div></div><div class="siInf"><p>влажность: <span id="vl1"></span></p><p>давление: <span id="dav1"></span></p><p>ветер: <span id="wind1"></span></p></div></div></div><div class="siCity"><div class="siCityName"><a onmousedown="siClickCount();" href="http://sinoptik.com.ru/погода-гоа-велха" target="_blank">Погода в <span>Гоа Велхе</span></a></div><div id="siCont2" class="siBodyContent"><div class="siLeft"><div class="siTerm"></div><div class="siT" id="siT2"></div><div id="weatherIco2"></div></div><div class="siInf"><p>влажность: <span id="vl2"></span></p><p>давление: <span id="dav2"></span></p><p>ветер: <span id="wind2"></span></p></div></div></div><div class="siCity"><div class="siCityName"><a onmousedown="siClickCount();" href="http://sinoptik.com.ru/погода-каир" target="_blank">Погода в <span>Каире</span></a></div><div id="siCont3" class="siBodyContent"><div class="siLeft"><div class="siTerm"></div><div class="siT" id="siT3"></div><div id="weatherIco3"></div></div><div class="siInf"><p>влажность: <span id="vl3"></span></p><p>давление: <span id="dav3"></span></p><p>ветер: <span id="wind3"></span></p></div></div></div><div class="siLinks"><span><a onmousedown="siClickCount();" href="http://sinoptik.com.ru/погода-санкт-петербург" target="_blank">Погода в Санкт-Петербурге</a>&nbsp;</span><span><a onmousedown="siClickCount();" href="http://sinoptik.com.ru/погода-москва" target="_blank">Погода в Москве</a>&nbsp;</span></div></div><div class="siFooter"><div class="siLf"><div class="siMf"></div></div></div></div><script type="text/javascript" charset="UTF-8" src="http://sinoptik.com.ru/informers_js.php?title=4&amp;wind=2&amp; cities=101151254,100745044,101271146,100 360630&amp;lang=ru"></script>

это валютный

<table width="210" border="1" style="border-collapse: collapse; text-align:center; font-size:11px; color:#000000; "><tr bgcolor="#C3FEFF"><td height="10" valign="top" colspan="3"><style>A.forexpf_ { text-decoration: none;} A.forexpf_:visited {color: #000000;} </style><a href="http://www.forexpf.ru/" title="Курсы валют ЦБ РФ" target="_blank" class="forexpf_">Курсы валют ЦБ РФ</a></td></tr><tr bgcolor=""><td>Дата:</td><td id="pfdt1">00:00</td><td id="pfdt2">00:00</td></tr><tr bgcolor="#C3FEFF"><td><a href="http://www.forexpf.ru/currency_usd.asp" title="Курс доллара" target="_blank" class="forexpf_">Курс доллара</a></td><td id="usrutd">0.00</td><td id="usrutm">0.00</td></tr><tr bgcolor=""><td><a href="http://www.forexpf.ru/currency_eur.asp" title="Курс Евро" target="_blank" class="forexpf_">Курс евро</a></td><td id="eurutd">0.00</td><td id="eurutm">0.00</td></tr><tr bgcolor="#C3FEFF"><td><a href="http://www.forexpf.ru/currency_usd.asp" title="Курс фунта" target="_blank" class="forexpf_">Курс фунта</a></td><td id="gbrutd">0.00</td><td id="gbrutm">0.00</td></tr><tr bgcolor=""><td><a href="http://www.forexpf.ru/currency_usd.asp" title="Курс бел. рубля" target="_blank" class="forexpf_">Курс бел. рубля</a></td><td id="byrutd">0.00</td><td id="byrutm">0.00</td></tr><tr bgcolor="#C3FEFF"><td><a href="http://www.forexpf.ru/currency_usd.asp" title="Курс тенге" target="_blank" class="forexpf_">Курс тенге</a></td><td id="kzrutd">0.00</td><td id="kzrutm">0.00</td></tr><tr bgcolor=""><td><a href="http://www.forexpf.ru/currency_usd.asp" title="Курс юаня" target="_blank" class="forexpf_">Курс юаня</a></td><td id="cnrutd">0.00</td><td id="cnrutm">0.00</td></tr><tr bgcolor="#C3FEFF"><td><a href="http://www.forexpf.ru/currency_usd.asp" title="Курс гривны" target="_blank" class="forexpf_">Курс гривны</a></td><td id="uarutd">0.00</td><td id="uarutm">0.00</td></tr><tr bgcolor=""><td><a href="http://www.forexpf.ru/currency_usd.asp" title="Курс франка" target="_blank" class="forexpf_">Курс франка</a></td><td id="chrutd">0.00</td><td id="chrutm">0.00</td></tr><tr bgcolor="#C3FEFF"><td><a href="http://www.forexpf.ru/currency_usd.asp" title="Курс йены" target="_blank" class="forexpf_">Курс йены</a></td><td id="jprutd">0.00</td><td id="jprutm">0.00</td></tr></table><script src="http://informers.forexpf.ru/php/cbrf.php?id=012345678"></script>
0
04.11.2014, 17:01

Не по теме:

ааа!! выколите мне глаза! тут все в одну строчку!((

0
 Аватар для PeterLS
71 / 69 / 22
Регистрация: 24.11.2012
Сообщений: 502
Записей в блоге: 1
04.11.2014, 17:20
Shm0N, от этого кода не зависит расположение блоков. Ты каждый информер помести в отдельный div и для него уже пропиши свои параметры. Вот я поместил их в одну строку:

Сделал это так:
HTML5
1
2
3
4
5
6
<div class="lf">
    тут код погодного информера
</div>
<div class="rg">
    тут код валютного информера
</div>
CSS
1
2
3
4
5
6
7
8
9
.lf {
    width: 50%;
    float: left;
}
 
.rg {
    width: 50%;
    float:  right;
}
0
0 / 0 / 0
Регистрация: 03.11.2014
Сообщений: 6
04.11.2014, 23:52  [ТС]
Цитата Сообщение от PeterLS Посмотреть сообщение
Код HTML5
<div class="lf">
тут код погодного информера
</div>
<div class="rg">
тут код валютного информера
</div>
сделал так, вставил коды информеров и получил вот что. (приложение).

и я не знаю как сделать чтобы коды были не в 1 строчку

Очень благодарен за Вашу помощь.
Миниатюры
Второй столбец в одном блоке  
0
0 / 0 / 0
Регистрация: 03.11.2014
Сообщений: 6
04.11.2014, 23:56  [ТС]
и подскажите это тоже надо было где то вставлять?

Цитата Сообщение от PeterLS Посмотреть сообщение
.lf
{ width: 50%; float: left; }
.rg
{ width: 50%;
float: right; }
0
12 / 12 / 5
Регистрация: 20.11.2012
Сообщений: 55
05.11.2014, 12:06
Цитата Сообщение от Shm0N Посмотреть сообщение
и подскажите это тоже надо было где то вставлять?
Сообщение от PeterLS
.lf
{ width: 50%; float: left; }
.rg
{ width: 50%;
float: right; }
Да надо было где-то вставлять, а именно в css файле!
Ну или же в html вставить!
Как вам будет удобнее так и делайте)
0
 Аватар для PeterLS
71 / 69 / 22
Регистрация: 24.11.2012
Сообщений: 502
Записей в блоге: 1
05.11.2014, 12:55
Shm0N, да, это тоже нужно вставить либо в файле html - там-же где и информеры у Вас (между тегами head пишите
HTML5
1
2
3
4
5
6
7
8
9
10
11
<style>
  .lf {
      width: 50%;
      float: left;
  }
 
  .rg {
      width: 50%;
      float:  right;
  }
</style>
), либо в файле css - это файл стилей. Имеет расширение css и называется, как правило, "style" или подобно.
Там в конце пишите:
CSS
1
2
3
4
5
6
7
8
9
.lf {
    width: 50%;
    float: left;
}
 
.rg {
    width: 50%;
    float:  right;
}
Добавлено через 1 минуту

Не по теме:

Цитата Сообщение от Shm0N Посмотреть сообщение
Очень благодарен за Вашу помощь.
Сенк, пожалуйста :)

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
05.11.2014, 12:55
Помогаю со студенческими работами здесь

Вывести элементы матрицы в следующем порядке: первый столбец сверху вниз, второй столбец снизу вверх...
program Matrix12; var a:array of integer; M, N, i, j:Integer; begin randomize; Write('N: '); Readln(N); ...

Одинаковые имена в одном блоке
Добрый вечер всем, знатоки просьба вас помочь. Поспорил недавно с человеком Вопрос: Можно ли объявлять переменные одним и тем же именем в...

Обращение в одном блоке к другому
Заголовок может быть некорректным. Здесь мне нужно обратиться к блоку &quot;private void button2_Click(object sender, EventArgs e)&quot; ...

Выровнять заголовок в одном блоке с картинкой
На странице имеется несколько блоков, идущих по горизонтали, выровненные с помощью float:left. Зоголовок может быть и в одну и в две...

8 или более картинок в одном блоке
Друзья, подскажите пожалуйста, как можно разместить на одинаковом расстоянии друг от друга и от края до края 8 или более картинок в одном...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru