холочу что бы правильно отображался текст

korchak · February 24, 2011

ребята привет

есть пару надписей на странице ... написанно тестом Futura LighC, но так как в этом шрифте буква R не красивая, я заменил ее написал ее другим шрифтом AGA valache C .. вс пока готов в фотошопе - макет страницы..

ВОПРОС:

- если у человека который зашел на эту сраницу нету такого шрифта, как оно отобразится ?

- как сделать так что бы если даже нету шрифта, оно показывало так как я задал ?

спасибо за ответ

Clubberry · February 24, 2011

Технологии CSS3 позволяют подставлять свои шрифты.

Подробнее:

http://htmlbook.ru/css/font-face

korchak · February 24, 2011

Технологии CSS3 позволяют подставлять свои шрифты.
Подробнее:
http://htmlbook.ru/css/font-face

ага.... тогда отпадает ... прейдется картинкой

Clubberry · February 24, 2011

Почему отпадает? Ведь можно использовать Ваш шрифт для всех. Все, кто зайдёт на Ваш сайт будут видеть нормально текст.

korchak · February 24, 2011

то есть ... если человек зайдет на сайт то он сможет видеть шрифт такой, который я настроил и заадл 7

я так понял что ему предложит установить сначала шрифт система эта - а это как то геморойно...

или я не так понял ..

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

Clubberry · February 24, 2011

Внимательнее пожалуйста. Есть примеры, возьмите просмотрите пример. Вам что-то предлагают установить?

Вот ещё от w3schools:

http://www.w3schools.com/css3/css3_fonts.asp

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

Может быть так?

.example {
	   position: absolute;
	   bottom: 50%;
	   left: 50%;
	   }

Edited February 24, 2011 by Clubberry

korchak · February 24, 2011

ПРАВИЛЬНО Я ВСТАВИЛ ... НЕ РАБОТАЕТ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Ссылка</title>

A IMG { border: none; }

.example {

position: absolute;

bottom: 50%;

left: 50%;

}

</style>

</head>

<body>

</body>

</html>

Clubberry · February 24, 2011

Пойдите пожалуйста поучите с самого начала html, а потом css.

P.S. Ещё одно, на будущее, код пожалуйста вкладывайте в теги код.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Ссылка</title>

<style type="text/css">

a img {
	border: none;
	}

.example {
	position: absolute;
	bottom: 50%;
	left: 50%;
	}

</style>

</head>

<body>

<a class="example" href="sample.html"><img src="facebook_16.png" alt="Пример"></a>

</body>

</html>

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

Edited February 24, 2011 by Clubberry

korchak · February 24, 2011

да уже понял что не справлюсь сам..

выравняло хорошо по горизонту ... по вертикале оно не работает .... все здит все равно .. центра нету (((

SelenIT · February 24, 2011

Нужно еще body растянуть на весь экран, например, как-нибудь так:

html { height: 100%; }
body {min-height: 100%;}

korchak · February 24, 2011

тогда появляется скрол )))))))

надо идит в контору - пускай делают.. блин

Clubberry · February 24, 2011

тогда появляется скрол )))))))
надо идит в контору - пускай делают.. блин

Или всё же учить веб-программирование самому.

Чтобы убрать скролл можно поставить

overflow: hidden;

korchak · February 24, 2011

спасибо )

скрол убрался но все равно по вертикале гуляет по полной

c01nd01r · February 24, 2011

Вот хороший пример по центрированию блока

http://ruseller.com/lessons/les554/example/demo.html

Clubberry · February 24, 2011

position: fixed;

korchak · February 24, 2011

все равно ездит ))))))))))))))))

Clubberry · February 24, 2011

Удариться в алибастер... В плане плавает?

korchak · February 24, 2011

ты меня извини ))) все перепробоавал .. уже 4 часа кучу ..

сделал все что ты написал )

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Ссылка</title>

<style type="text/css">

overflow: hidden;
position: fixed;


html { height: 100%; }
body {min-height: 100%;}

a img {
    border: none;
    }

.example {
    position: absolute;
    bottom: 50%;
     left: 50%;
    }

</style>

</head>

<body>

<a class="example" href="sample.html"><img src="img/fon.jpg"></a>

</body>

</html>

вот попробуй сделать на примере.. сдела картинку размером по высоте 30 пикселей а по ширене допустим 200 пикселей...

попробуй изменить разрешение екрана и ты увидишь как оно ездит по странице

может я чето не догоняю

runet · February 24, 2011

Ссылку на страницу с проблемой или рисунок что хотите получить.

Ну правильно рисунок и должен ездить, ведь у тебя позиция в % стоит, а ты изменяешь размер окна и этим изменяешь расстояние от краев.

korchak · February 24, 2011

Ссылку на страницу с проблемой или рисунок что хотите получить.
Ну правильно рисунок и должен ездить, ведь у тебя позиция в % стоит, а ты изменяешь размер окна и этим изменяешь расстояние от краев.

дак вот мне нужно сделать так.. что бы картинка была всегда по центру.. как по вертикале так и по горизонту.. что бы ее края картинки до края монитора всегда был одинаковый размер !!!! как по горизонту так и по вертикале .. уже все перепробовал - все ваши советы

runet · February 24, 2011

страница будет фиксированного размера или нет.

Попробуй:

.example {
position: absolute;
top: 50%;
left: 50%;
margin-top: -половины высоты рисунка px;
margin-left: -половины ширины рисунка px;
}

korchak · February 24, 2011

страница будет фиксированой или нет - как это ?

мне просто нужно что бы у всех оно было по центру - и все ... разные мониторы, разные форматы, разные разрешения .. ЦЕНТР..

Clubberry · February 24, 2011

Эх, мне вас жалко. Лучше бы вы эти 4 часа потратили на изучение html/css.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Ссылка</title>

<style type="text/css">

html { 
	height: 100%; 
	}

body { 
	min-height: 100%;
	overflow: hidden;
	}

a img {
	border: none;
	}

.example {
	position: fixed;
	bottom: 400px; /* тут подгоните под нужное место, не обязательно 400 пикселей */
	left: 400px; /* и тут тоже */
	}

</style>

</head>

<body>

<a class="example" href="sample.html"><img src="img/fon.jpg"></a>

</body>

</html>

Edited February 24, 2011 by Clubberry

runet · February 24, 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title></title>
<style type="text/css">
/*<![CDATA[*/
.center{
		width: 400px;
		height: 400px;
		border: 1px solid red;

		position: absolute;
		top: 50%;
		left: 50%;

		margin-top: -200px;
		margin-left: -200px;
}
/*]]>*/
</style>
</head>

<body>

<div class="center"> </div>

</body>

</html>

Попробуй так или нет.

korchak · February 24, 2011

нет ... тоже не центр ... )))))))

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title></title>
<style type="text/css">
/*<![CDATA[*/
.center{
		width: 400px;
		height: 400px;
		border: 1px solid red;

		position: absolute;
		top: 50%;
		left: 50%;

		margin-top: -200px;
		margin-left: -200px;
}
/*]]>*/
</style>
</head>

<body>

<div class="center"> </div>

</body>

</html>

Попробуй так или нет.

runet · February 24, 2011

Покажи как ты делаешь.

Sign In

холочу что бы правильно отображался текст

Question

Link to comment

Share on other sites

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

52 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information