Как сделать надпись на кнопке?

@Артём254 · Регистрация: 29.12.2008

Author24 — интернет-сервис помощи студентам

На вложенном рисунке показана часть шапки сайта, как сделать надпись на кнопке и поставить на неё ссылку, если не затруднит продемонстрируйти сам код!

@J.Smith · 14.07.2009, 17:08

Сделать надпись на кнопке в фотошопе, и поставить картинку как ссылку.

@Артём254 · 14.07.2009, 17:15 **[ТС]**

Это понятно, а как тогда поставить кнопку на своё место, нужно же ей присвоить определённые координаты, как это сделать?

@J.Smith · 14.07.2009, 17:23

Можно с помощью таблицы с нуливым border'ом. Можно при помощи CSS: margin-top, margin-bottom, margin-left, margin-right. Я обычно пользуюсь таблицами.

@kirill29 · 14.07.2009, 17:36

Посмотри здесь: http://www.cyberguru.ru/dotnet... ement.html
http://fti.udm.ru/tim/cat/books/kurs2/s2_2.htm

@Vanstorm · 14.07.2009, 21:54

Я бы сделал изображения, а все надписи запихал-бы в div и позиционировал их с-ю css - это уменьшит код страницы.

@J.Smith · 14.07.2009, 21:59

Vanstorm,
а в разных браузерах они не поедут? Просто я сколько раз не пытался так сделать, у меня в Осле IE они всегда куда-то уезжали (видимо маленький радиус кривизны рук

)

@BlackApricot · 14.07.2009, 22:24

Я, не понял, на фото кнопки стоят на своём месте?
Если да, то о чём речь, стоят, ну и пусть стоят.

Артём254
А зачем их двигать, почему в нормальном потоке нельзя?

И ещё версия, сделай одну картинку и на ней карту.
В некоторых случаях одна картинка, может оказаться проще, чем несколько. Это реальный факт.

@Vanstorm · 14.07.2009, 22:38

HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//RU">
<HTML>
 <HEAD>
  <TITLE>Страница</TITLE>
 </HEAD>
<BODY>
<DIV style="position:absolute;left:27%;">
 
<IMG SRC="2.jpg" style="display:block" WIDTH="588" HEIGHT="51" BORDER=0 ALT="щапка">
<NOBR>
<DIV style="display:inline-table">
<IMG SRC="1.jpg"  WIDTH="143" HEIGHT="49" BORDER=0 ALT=""><IMG SRC="1.jpg"  WIDTH="143" HEIGHT="49" BORDER=0 ALT=""><IMG SRC="1.jpg"  WIDTH="143" HEIGHT="49" BORDER=0 ALT=""><IMG SRC="1.jpg"  WIDTH="143" HEIGHT="49" BORDER=0 ALT=""></DIV> 
</NOBR>
<DIV style="position:relative;top:-35px;left:40px;z-index:2"><A HREF="" >Главная</A></DIV>
</DIV>
</BODY>
</HTML>

Ну вот например. Проверено на осле 6 версии и фуфелфоксе 3.5

Новые блоги и статьи
Как программировать под HCL Notes и создавать свои продукты на ее основе InfoMaster 11.01.2025 HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой мощную платформу для разработки корпоративных приложений, которая сочетает в себе функции электронной почты, календаря,. . .	Как работать с SVN (Subversion) InfoMaster 11.01.2025 Введение Система контроля версий является неотъемлемой частью современного процесса разработки программного обеспечения. Она обеспечивает управление изменениями в коде, позволяет отслеживать. . .	Использование GraphQL в JavaScript InfoMaster 11.01.2025 Введение в GraphQL и его преимущества В современной разработке веб-приложений эффективный обмен данными между клиентом и сервером играет ключевую роль. GraphQL представляет собой язык запросов и. . .	Администрирование Git, продвинутые техники работы с Git InfoMaster 11.01.2025 Основы управления репозиторием Эффективное управление Git-репозиторием требует глубокого понимания механизмов контроля доступа и инструментов администрирования. Рассмотрим ключевые аспекты. . .	Что такое HCL Notes и как с ним работать InfoMaster 10.01.2025 HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой комплексную платформу для совместной работы и обмена информацией в корпоративной среде. Это многофункциональное решение,. . .	Как работать с Git из Windows и Visual Studio InfoMaster 10.01.2025 Работа с Git в Windows Работа с Git в операционной системе Windows может быть осуществлена с помощью различных инструментов, каждый из которых обладает своими уникальными возможностями и. . .
Аналог оператора switch case в Python InfoMaster 10.01.2025 Оператор switch case используется в программировании для выбора одного из нескольких вариантов исполнения кода. Однако в языке Python этот оператор отсутствует. Понимание аналогов switch case в. . .	Отличия абстрактного класса от интерфейса InfoMaster 10.01.2025 В современной разработке программного обеспечения существуют два основных механизма реализации абстракции: абстрактные классы и интерфейсы. Эти инструменты, хотя и схожи в своей основной цели -. . .	Как работать в Git InfoMaster 10.01.2025 Git — это одна из наиболее популярных систем контроля версий, которая активно используется разработчиками по всему миру. Она позволяет эффективно управлять изменениями в коде, координировать работу. . .	Реализация передвижения персонажа в Unity3d на C# InfoMaster 10.01.2025 Реализация передвижения персонажа в Unity3D начинается с правильной настройки проекта. Этот этап критически важен для создания отзывчивого и плавного управления. Рассмотрим основные шаги для создания. . .	Docker: руководство для начинающих InfoMaster 10.01.2025 В современном мире разработки программного обеспечения контейнеризация стала неотъемлемой частью процесса создания и развертывания приложений. Docker, как ведущая платформа контейнеризации, произвела. . .	Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .

@Артём254 0 / 0 / 0 Регистрация: 29.12.2008 Сообщений: 28
		1
	Как сделать надпись на кнопке? 14.07.2009, 16:25. Показов 6830. Ответов 8 Метки нет (Все метки) На вложенном рисунке показана часть шапки сайта, как сделать надпись на кнопке и поставить на неё ссылку, если не затруднит продемонстрируйти сам код! Миниатюры 0

@J.Smith Кто вы, мистер Смит? 285 / 117 / 2 Регистрация: 03.03.2008 Сообщений: 525
	14.07.2009, 17:08	2
	Сделать надпись на кнопке в фотошопе, и поставить картинку как ссылку. 1

@Артём254 0 / 0 / 0 Регистрация: 29.12.2008 Сообщений: 28
	14.07.2009, 17:15 [ТС]	3
	Это понятно, а как тогда поставить кнопку на своё место, нужно же ей присвоить определённые координаты, как это сделать? 0

@J.Smith Кто вы, мистер Смит? 285 / 117 / 2 Регистрация: 03.03.2008 Сообщений: 525
	14.07.2009, 17:23	4
	Можно с помощью таблицы с нуливым border'ом. Можно при помощи CSS: margin-top, margin-bottom, margin-left, margin-right. Я обычно пользуюсь таблицами. 0

@kirill29 2096 / 1261 / 171 Регистрация: 01.02.2009 Сообщений: 2,842
	14.07.2009, 17:36	5
	Посмотри здесь: http://www.cyberguru.ru/dotnet... ement.html http://fti.udm.ru/tim/cat/books/kurs2/s2_2.htm 0

@Vanstorm 2773 / 341 / 22 Регистрация: 15.01.2008 Сообщений: 2,614
	14.07.2009, 21:54	6
	Я бы сделал изображения, а все надписи запихал-бы в div и позиционировал их с-ю css - это уменьшит код страницы. 0

@J.Smith Кто вы, мистер Смит? 285 / 117 / 2 Регистрация: 03.03.2008 Сообщений: 525
	14.07.2009, 21:59	7
	Vanstorm, а в разных браузерах они не поедут? Просто я сколько раз не пытался так сделать, у меня в Осле IE они всегда куда-то уезжали (видимо маленький радиус кривизны рук ) 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	14.07.2009, 22:24	8
	Я, не понял, на фото кнопки стоят на своём месте? Если да, то о чём речь, стоят, ну и пусть стоят. Артём254 А зачем их двигать, почему в нормальном потоке нельзя? И ещё версия, сделай одну картинку и на ней карту. В некоторых случаях одна картинка, может оказаться проще, чем несколько. Это реальный факт. 0

	14.07.2009, 22:38