htmlonline
-
Posts
226 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by htmlonline
-
Можешь показать? Например мне нужно прилепить текст к блоку поиска...
-
Влад, прчему нельзя делать так? Ща обнулю стили... А пему у меня строка поиска и кнопка к низу прижались? Я же им маргины задал... Вот что есть на данный момент: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//RU" "http://www.w3.org/TR/html4/ loose.dtd"> <html> <head> <style type="text/css"> div { display: table; margin: 0; padding: 0; } div.menu {/*Описываю position*/ position: relative; text-align: center; top: 0; background: #6495ed; right: 0; width: 100%;/*ширина на всё окно браузера*/ height: 20%;/*высота относительно окна браузера*/ font-family: Tahoma, Arial, sans-serif; } div.menu div.sylka a { color:maroon; text-decoration: none; font-style: italic; } div.sylka p { display: table cell; vertical-align: middle; font-size: 25; } div.sylka { height: 100%; padding: 10px; float: left; border-bottom: 2px ridge maroon; font-size: 5pt; width: 20%; } div.search { width: 70%; margin-top: 32%; height: 35%; border: none; text-align: center; font-size: 40; font-family: Arial; margin-right: 15%; margin-left: 15%; } .line { border: 2px outset 33ccff; text-align: center; margin-left: 2%; margin-top: 4%; margin-bottom: 4%; font-family: Comic Sans MS, sans-serif; margin-right: 0; } div.footer { width: 100%; height: 20%; bottom: 0; } div.footer p { display: table cell; vertical-align: middle; } </style> </head> <body> <div class="menu"> <div class="sylka" style="border-right: 2px ridge maroon;"> <p>Форум</p> </div> <div class="sylka" style="border-right: 2px ridge maroon"> <p>HtmlBook.ru</p> </div> <div class="sylka" style="border-right: 2px ridge maroon"> <p>Почта</p> </div> <div class="sylka" style="border-right: 2px ridge maroon"> <p>Новые ответы</p> </div> <div class="sylka"> <p>Обратная связь</p> </div> </div> <div class="search" style="border: 1px ridge blue;"> <input type="text" class="line" size="35"> <div style="text-align: center; border:1px solid blue; padding:3px; float: right; right: 10px; margin-top: 4%; margin-right: 8%; margin-bottom:4%; margin-left: 0;"> Search </div> </div> </body> </html>
-
Я прописал выше div { display: table; } Но тем не менее с выравниванием по вертикали я разобрался... Теперь не могу разобраться со строкой поиска и кнопкой.. Как сделать чтобы в один ряд были? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//RU" "http://www.w3.org/TR/html4/ loose.dtd"> <html> <head> <style type="text/css"> div { display: table; } div.menu {/*Описываю position*/ position: relative; text-align: center; top: 0; background: #6495ed; right: 0; width: 100%;/*ширина на всё окно браузера*/ height: 20%;/*высота относительно окна браузера*/ font-family: Tahoma, Arial, sans-serif; min-width: 600px; } div.menu div.sylka a { color:maroon; text-decoration: none; font-style: italic; } div.sylka p { display: table cell; vertical-align: middle; font-size: 25; } div.sylka { height: 100%; padding: 10px; float: left; border-bottom: 2px ridge maroon; font-size: 5pt; width: 25%; } div.search { width: 70%; margin-top: 32%; height: 35%; border: none; text-align: center; font-size: 40; font-family: Arial; margin-right: 15%; } .line { border: 2px outset 33ccff; text-align: center; font-family: Comic Sans MS, sans-serif; } div.footer { width: 100%; min-width: 600px; height: 20%; min-height: 120px; bottom: 0; } div.footer p { display: table cell; vertical-align: middle; } </style> </head> <body> <div class="menu"> <div class="sylka" style="border-right: 2px ridge maroon;"> <p>Форум</p> </div> <div class="sylka" style="border-right: 2px ridge maroon"> <p>HtmlBook.ru</p> </div> <div class="sylka" style="border-right: 2px ridge maroon"> <p>Почта</p> </div> <div class="sylka" style="border-right: 2px ridge maroon"> <p>Ответы на ваши сообщения</p> </div> <div class="sylka"> <p>Обратная связь</p> </div> </div> <div class="search" style="border: 1px ridge blue;"> <font face="Arial" size="35">HtmlBook</font> <input type="text" class="line" size="25"> <div style="text-align: center; border:1px solid blue; padding:3px; float: right; right: 10px;"> Search </div> </div> </body> </html>
-
У меня проблемы с изменением размера текста, я пишу вот так: div.menu div.sylka p { display: table cell; vertical-align: middle; font-size: 5pt; } Но ничего не происходит! В чем ошибка?
-
Смотрим законченный блок горизонтального меню. ЯЧприступаю к позиционированию блока поиска и логотипа. И тут сразу вопрос: у блока поиска позишн релатив и я его по центру размещаю маргинами?
-
Какая картинка из трех?
-
Вот что есть на данный момент: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//RU" "http://www.w3.org/TR/html4/ loose.dtd"> <html> <head> <style type="text/css"> div { display: table; } div.menu {/*Описываю position*/ position: relative; text-align: center; top: 0; right: 0; width: 100%;/*ширина на всё окно браузера*/ height: 20%;/*высота относительно окна браузера*/ font-family: Tahoma, Arial, sans-serif; min-width: 600px; } div.menu div.sylka a { color:maroon; text-decoration: none; font-style: italic; } div.sylka p { display: table cell; vertical-align: middle; } div.sylka { height: 100%; padding: 10px; float: left; border-bottom: 2px solid maroon; font-size:25; width: 25%; } div.search { width: 70%; height: 35%; border: none; text-align: center; font-family: Arial; } .line { border: 2px solid 33ccff; text-align: center; font-family: Comic Sans MS, sans-serif; } div.footer { width: 100%; min-width: 600px; height: 20%; min-height: 120px; bottom: 0; } div.footer p { display: table cell; vertical-align: middle; } </style> </head> <body> <div class="menu"> <div class="sylka" style="border-right: 2px solid maroon;"> <p>HtmlBook</p> </div> <div class="sylka" style="border-right: 2px solid maroon"> <p>new answers to you posts</p> </div> <div class="sylka" style="border-right: 2px solid maroon"> <p>Post</p> </div> <div class="sylka"> <p>Forum</p> </div> </div> </body> </html> Есть проблема с фоном меню... Не знаю какой поставить цвет... Чтобы красиво смотрелось...
-
Должны были получится четыре дива вверху экрана, причем у них должны быть границы только общие с соседями и нижние... Осталось разобраться с центрированием мен ю и вче будет нормально...
-
http://htmlonline.3dn.ru/ZS67AAB8EW148X2P.html У меня получилась вместо меню десткая хрень! Можете посмотреть? Жду ваших советов пока не верстаю...
-
Ок, ща забацаю..
-
А можно вот так: vertical-align: middle; ? Доперло как выровнять текст по вертикали: div { display: table; } div.menu {/*Описываю position*/ position: relative; text-align: center; width: 100%;/*ширина на всё окно браузера*/ height: 20%;/*высота относительно окна браузера*/ font-family: Tahoma, Arial, sans-serif; min-width: 600px; } div.menu div.sylka a { color:maroon; text-decoration: none; font-style: italic; } div.sylka p { display: table cell; vertical-align: middle; } div.sylka { height: 100%; padding: 10px; } div.search { width: 70%; height: 35%; border: none; text-align: center; font-family: Arial; } .line { border: 2px solid 33ccff; text-align: center; font-family: Comic Sans MS, sans-serif; } div.footer { width: 100%; min-width: 600px; height: 20%; min-height: 120px; bottom: 0; } div.footer p { display: table cell; vertical-align: middle; } На этом я прервусь и пойду спать...
-
Ну насчет не строчки кода не добавил не соглашусь... Я добавил туда стартовую страничку свою напмсанную на c# получилось что то вроде вебтопа на укозе, там есть заметки, функция вскрытия кода страницы, и ещескуча всего...
-
Описал строку поиска и логотип. {/*Описываю position*/ position: relative; text-align: center; width: 100%;/*ширина на всё окно браузера*/ height: 20%;/*высота относительно окна браузера*/ font-family: Tahoma, Arial, sans-serif; min-width: 600px; } div.menu div.sylka a { color:maroon; text-decoration: none; font-style: italic; } div.sylka { height: 100%; padding: 10px; } div.search { margin-top: 30%; margin-left: 15%; width: 70%; height: 35%; border: none; text-align: center; font-family: Arial; } .line { border: 2px solid 33ccff; text-align: center; font-family: Comic Sans MS, sans-serif; } Описал футер div.menu {/*Описываю position*/ position: relative; text-align: center; width: 100%;/*ширина на всё окно браузера*/ height: 20%;/*высота относительно окна браузера*/ font-family: Tahoma, Arial, sans-serif; min-width: 600px; min-height: 120px; } div.menu div.sylka a { color:maroon; text-decoration: none; font-style: italic; } div.sylka { height: 100%; } div.search { width: 70%; min-width: 420px; height: 35%; border: none; text-align: center; font-family: Arial; } .line { border: 2px solid 33ccff; text-align: center; font-family: Comic Sans MS, sans-serif; } div.footer { width: 100%; min-width: 600px; height: 20%; min-height: 120px; bottom: 0; border-top: 2px solid blue; } Так как задать выравнивание по высоте?
-
Не не слабо, просто подумал будет некрасиво... А как мне выровнять?
-
У меня браузер на с# не читает последнюю версию HTML5...
-
Спасибо!
-
Описываю блок контейнер для поиска и логотипа. div.menu {/*Описываю position*/ position: relative; text-align: center; width: 100%;/*ширина на всё окно браузера*/ height: 20%;/*высота относительно окна браузера*/ font-family: Tahoma, Arial, sans-serif; min-width: 600px; } div.menu div.sylka a { color:maroon; text-decoration: none; font-style: italic; } div.sylka { height: 100%; padding: 10px; } div.search { width: 70%; height: 35%; border: none; text-align: center; font-family: Arial; } Как выравнивание текста по вертикали сделать? Я подумал и решил, что высота меню должна быть фиксом... можно так: text-valign: middle;
-
Не отображает ни то ни другое! Селевит, ты ведь на c# пишешь или на с++?
-
Исправился: div.menu {/*Описываю position*/ position: relative; width: 100%;/*ширина на всё окно браузера*/ height: 20%;/*высота относительно окна браузера*/ font-family: Tahoma, Arial, sans-serif; min-width: 600px; } div.menu a { color:maroon; text-decoration: none; font-style: italic; } Описал блоки пунктов меню, исправил неточность в div.menu a: div.menu {/*Описываю position*/ position: relative; text-align: center; width: 100%;/*ширина на всё окно браузера*/ height: 20%;/*высота относительно окна браузера*/ font-family: Tahoma, Arial, sans-serif; min-width: 600px; } div.menu div.sylka a { color:maroon; text-decoration: none; font-style: italic; } div.sylka { height: 100%; padding: 10px; }
-
Начал верстку по второму эскизу... Описал блок меню: div.menu {/*Описываю position*/ position: relative; width: 100%;/*ширина на всё окно браузера*/ height: 15%;/*высота относительно окна браузера*/ } Вроде все правильно... Я застопорился со вставлением верхнего меню в блок меню... Хотел вставить дивы, не получилось float-ом... Максим, сегодня нет...
-
А как я по твоему возьму логотип? А также там еще куча всяких картинок...
-
Блин, не отображает... А почему так? CSS3 Все нормально, а HTML5 Не показывает...
-
Я всегда сначала делаю эскиз, а потом окончательный эскиз верстаю... Я сейчас не у компа, вот в чем проблема... IPad не читает .psd...
-
Вот обновленный эскиз:
-
Чего?!?!