Как изменить размер блока в html

Как изменить размер блока меню?

Приветствую.Меня интересует как сделать : http://cs310530.vk.me/v310530641/9e97/59gDwmTikIQ.jpg (НЕ реклама) Из вот этого http://77.120.247.79/Test/ (НЕ реклама) Примечание : Как изменить размер блока меню. Заранее спасибо.

Отслеживать
задан 8 мар 2014 в 18:24
VLADPRO100LORD VLADPRO100LORD
93 1 1 серебряный знак 10 10 бронзовых знаков

Я вижу как минимум три меню на странице и ничего не вижу на скриншоте, потому что он микроскопических размеров. Опишите задачу подробнее.

8 мар 2014 в 19:43
Необходимо сократить размер блока где расположено меню.HOME и тд.
8 мар 2014 в 19:48

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

#nav < background: #fafafa url(../img/nav-bg.png) repeat-x; // здесь и до следующего комментария - код, который уже существует border-bottom: 1px solid #fff; border-top: 1px solid #e3e1d9; height: 39px; position: relative; z-index: 999; width: 1000px; // фиксированная ширина, как и у контейнера ниже margin: 0 auto; // выравниваем по центру padding: 0 15px; // добавляем поля, поля плюс ширина - искомые 1030пкс >#search < float: right; margin: 7px 25px 0 0; // меняем внешний отступ, я так и не понял, почему он поехал, видимо из-за position:relative родителя >

Отслеживать
ответ дан 8 мар 2014 в 19:54
36.1k 2 2 золотых знака 55 55 серебряных знаков 82 82 бронзовых знака
Огромное спасибо!
8 мар 2014 в 21:24

html
css

Важное на Мете

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как визуально изменить размер блоков с помощью редактора веб-страниц

Измените размер блоков, просто щелкнув и перетащив маркеры полос вверху или внизу любого блока. При изменении размера вы можете видеть расстояния до и после элементов, размещенных внутри блока.

Your browser does not support HTML5 video.

Просмотр по категориям функций

Элементы веб-страницы
Поддерживаемые системы
Визуальный редактор страниц
Элементы дизайна
Медиа библиотеки
Свойства элемента
Отзывчивый
Эффекты анимации
Настройки темы
Форма обратной связи
Верхний и нижний колонтитулы
Электронная коммерция
Пользовательский код
Особенности приложения
Свойства сайта и страницы
Виджеты WordPress

How to Resize Block For A Web Layout

Using our editor, you can edit content marketing ads, images, grids, add CSS code, etc. There is a useful section for developers and designers to resize blocks easily (only open the editor and see how it is simple). You can resize blocks in the editor very easily, and this is why users like to use our tool for different purposes (make blocks for landing, edit hero block, add some new items in the existing layout, and so on). First, you can create the most important section with CSS, and after fitting other items, our editor offers a better way to work with CSS and help to create a wonderful layout. When choosing your design element height and width, you will wonder how easily you can resize it. Click on the button. We help you create a new hero section and make sure visitors stay on your site. The element’s size plays a very important role in the design, so even a small change in the size of the element affects the entire page.

A smartphone, desktop, phone, tablet, and different devices have different screen sizes, so it is important to create a responsive design for other devices. A section will help you create a responsive full-width navigation bar, which is very comfortable for users (consider their need and make a nice layout), as they can easily find needed pages on the site. If you don’t know if the content is important, trust us, it is fundamental for your desktop or smartphone. If you want to buy now a paid tool, don’t hurry. There is no need to know CSS, HTML, or JS. Only start using our tool, which is very simple. We allow you to control the length and width of the element when you change it to change your element exactly. Editor gives you opportunities to create new responsive websites with the gradient hero section on the different screen sizes very well (even despite the CSS error, CSS classes, height, width, etc.). When you resize the viewport height, other parts are not very relevant, as the viewport is one of the most important items of web content.

So, you can control content width, height, and fit to users with their web browsers, screen sizes, and so on. Drag markers for images, texts, and other items to resize, change the height width, create a hero section, and change the background. You can hold the Shift key to resize proportionally and the Alt key for fixing the center. Collapse background to image or expand image on the site using our tool, and your items will look bigger or smaller. There are many sections to work with zoom in one section below. On the other, you can control background color, etc. Here you can find the most important instrument to create the responsive design for the screen sizes with any height and width. On Nicepage, you can work well with background video content, marketing statements, and so on. If you don’t get full information, there are related posts about this theme, and you can read them.

Изменить размер блока

Не обижайтесь, но css и html — это основы сайтостроения. Если я не правильно понял Ваш ответ и Вы это все знаете, смотрите в сторону создания шаблонов и темизации. Локально Вам можно помочь, если укажете адрес сайта и какой блок нужно отцеесесить.

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

На Ютюбе есть инструции как привить CSS тем друпала при помощи Firebug. Если дадите ссылку на сайт подскажу.

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

http://www.med-status.ru вот ссылка на сайт, блок который надо сделать называется ОТЗЫВЫ, но он должен быть такой же как и блок в котором текст, а местоположение блока должно быть под блоком с текстом, одним словом между текстовым блоком и подвалом.
разработчик который все это делал уехал просто, а я естественно этого сделать не знаю как

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

В themes/med/style.css пишите:

.m-content .s-block <
width : 490px ;
>

Тогда блоки в области контента будут иметь определенную ширину.

Ваш разработчик считает себя самым умным, но в Дупале делается не так.

На любом Дупал сайте каждый блок имеет свой идентификатор. Например даже на этом:

Курсы javascript

Обращаюсь к знатокам javascript — как реализовать возможность изменения размеров элемента (div-блока). Я не прошу мне скрипт писать — просто попытайтесь теоретически мне об этом рассказать как-нибудь )
[ P.S. JQuery юзать НЕ ХОЧУ — хочу на нативном javascript’е ].

Последний раз редактировалось Maxim_Never, 06.11.2012 в 19:01 .
06.11.2012, 19:20
Регистрация: 22.03.2012
Сообщений: 3,744
style.width|height
Последний раз редактировалось bes, 06.11.2012 в 19:22 .
07.11.2012, 18:31
Интересующийся
Регистрация: 06.11.2012
Сообщений: 15

Не не не ! Сори я неточно указал суть проблемы. Я имею ввиду как это провернуть динамически. Аналогия с окном браузера — мы можем изменять его размеры как вздумается — так каким образом это можно провернуть с div’ом. [ Ну вычислять какой будет размер дива можно прибавляя\ убавляя количество пикселов, пройденных указателем мышки с момента события на диве ‘onmousedown’ ]. А как вот дальше действовать — туман )

07.11.2012, 18:50
Регистрация: 21.11.2010
Сообщений: 4,588
07.11.2012, 21:04
Интересующийся
Регистрация: 06.11.2012
Сообщений: 15
Урра разобрался — все заработало — СПАСИБО БОЛЬШОЕ .
08.11.2012, 17:28
Интересующийся
Регистрация: 06.11.2012
Сообщений: 15

Ну изменять размер получилось, но не все так просто — как его зафиксировать ?)
Т.е. при событии ‘onmouseup’ div должен зафиксировать текущий размер — как это сделать подскажите.
П.С. я знаю что этот код мало где будет работать и работает не так, как надо — это не важно, мне общий принцип его работы нужен !

window.onload = function() var div = document.getElementById(«resizable»);
// Получаем div нужный нам
var width = div.offsetWidth;
var height = div.offsetHeight;
// Ширина и высота div’a

document.onmousedown = function() // При нажатии кнопки . . .

pos = event.pageX;
// Получаем позицию (в px) курсора относительно документа

document.onmousemove = function(event) // При движении . . .

res = width + event.pageX-pos;
// ‘rez’ = ширина div’a + кол-во пикселов смещения
div.style.width = res+»px»;