Старый 03.07.2010, 00:58   #1
halkfild
 
Регистрация: 30.06.2010
Сообщений: 13
Репутация: 14
Question Вопросы вёрстки: HTML/CSS/Canvas

В данной теме задаем вопросы по языку разметки HTML и каскадных таблицах стилей CSS. Также в теме можно задавать вопросы по HTML5 и СSS2-3.
halkfild вне форума   Ответить с цитированием
Старый 11.11.2011, 08:28   #2
SeNaP
 
Аватар для SeNaP
 
Регистрация: 03.08.2010
Сообщений: 152
Репутация: 10
По умолчанию

Как разместить блок или текст в центре экрана?
SeNaP вне форума   Ответить с цитированием
Старый 11.11.2011, 09:43   #3
oRb
 
Аватар для oRb
 
Регистрация: 01.07.2010
Сообщений: 319
Репутация: 138
По умолчанию

Цитата:
Сообщение от SeNaP Посмотреть сообщение
Как разместить блок или текст в центре экрана?
Как вариант:

Код HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html dir="ltr" lang="ru">
    <head>
        <title></title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
            
            html, body {
                heigth: 100%;
            }
            
            #element {
                position: absolute;
                width: 200px;
                height: 200px;
                left: 50%;
                top: 50%;
                margin-left: -100px;
                margin-top: -100px;
                background-color: green;
            }
        </style>
    </head>
    <body>
        <div id="element">&nbsp;</div>
    </body>
</html>
__________________
Не оказываю никаких услуг.
I don't provide any services.
oRb вне форума   Ответить с цитированием
Старый 11.11.2011, 14:09   #4
kavabango
 
Аватар для kavabango
 
Регистрация: 08.08.2011
Сообщений: 11
Репутация: 0
По умолчанию

Цитата:
Сообщение от SeNaP Посмотреть сообщение
Как разместить блок или текст в центре экрана?
или так. Работает на большинстве браузеров
Код:
<html lang="ru">
<head>	
</head>
<style>
#center
{
	width: 400px;
	height: 180px;
	margin: 50% auto;
}
</style>
<body>
	<div id="center">
		&nbsp;
	</div>
</body>
</html>
kavabango вне форума   Ответить с цитированием
Старый 11.11.2011, 15:47   #5
ForeverFree
 
Регистрация: 11.10.2011
Сообщений: 24
Репутация: 0
По умолчанию

Цитата:
Сообщение от kavabango Посмотреть сообщение
или так. Работает на большинстве браузеров
Код:
<html lang="ru">
<head>	
</head>
<style>
#center
{
	width: 400px;
	height: 180px;
	margin: 50% auto;
}
</style>
<body>
	<div id="center">
		&nbsp;
	</div>
</body>
</html>
Неверно, потому что этом случае у тебя в центре будет находиться верхняя левая точка контейнера. А текст пойдет правее и ниже.
ForeverFree вне форума   Ответить с цитированием
Старый 11.11.2011, 18:59   #6
kavabango
 
Аватар для kavabango
 
Регистрация: 08.08.2011
Сообщений: 11
Репутация: 0
По умолчанию

Это да, забыл дописать. Я просто хотел обратить внимание на центрирование по горизонтали.
Сам просто на отступ сверху не заморачиваюсь обычно. Ставлю поменьше "на глаз".
Получается коротко и наглядно
kavabango вне форума   Ответить с цитированием
Старый 28.12.2011, 06:13   #7
}{оттабыч
Banned
 
Регистрация: 08.10.2010
Сообщений: 188
Репутация: 53
По умолчанию

kavabango,

1) в Quirks Mode ваш код в IE 6 работать не будет, margin не сработает;

2) минимальную\максимальную ширину\высоту в IE 7 для блока в Quirks Mode не задать;

3) не будет учитываться в IE (все ветки!) рамки, padding в «общую ширину» блока что будет пугать своими размерами в других браузерах. Базовая модель для IE в Quirks Mode есть IE 5.5.
}{оттабыч вне форума   Ответить с цитированием
Старый 03.08.2012, 19:28   #8
Untitled
 
Аватар для Untitled
 
Регистрация: 24.06.2012
Сообщений: 131
Репутация: 30
По умолчанию

Имеется:
Код:
<title>Test ABC</title>
Нужно что-то дописать между Test и ABC так, чтобы ABC незаметно вышло за границы заголовка в окне. Как минимум в Опере пробелы подряд, &nbsр;, табуляция и т.п. склеиваются.
Untitled вне форума   Ответить с цитированием
Старый 08.08.2012, 21:28   #9
Boolean
 
Регистрация: 19.10.2011
Сообщений: 111
Репутация: 34
По умолчанию

Цитата:
Сообщение от Untitled Посмотреть сообщение
Имеется:
Код:
<title>Test ABC</title>
Нужно что-то дописать между Test и ABC так, чтобы ABC незаметно вышло за границы заголовка в окне. Как минимум в Опере пробелы подряд, &nbsр;, табуляция и т.п. склеиваются.
Зачем? Средствами JS реализовать помоему проще будет.
__________________
|
Boolean вне форума   Ответить с цитированием
Старый 02.05.2013, 07:37   #10
nomad
 
Аватар для nomad
 
Регистрация: 23.07.2010
Сообщений: 179
Репутация: 7
По умолчанию

php код, для примера:

PHP код:
$file 'http://youtube.com';
echo 
'<object data="';
echo 
$file;
echo 
'" width="50" height="50" </object>';
echo 
"Works"
По факту скрипт ничего не выводит в браузере (опера, ФФ, хром, ИЕ), хотя, в моем понимании, я должен увидеть Works на экране (и мне принципиально его увидеть). В исходном коде можно видеть
Код:
<object data="http://youtube.com" width="50" height="50" </object>Works
Если заменить object на iframe - все отлично, но хотелось бы уйти от ифрейма.
Как-то можно это реализовать?

PS Был незакрыт тэг, спасибо elk
__________________
Roamer, wanderer
Nomad, vagabond
Call me what you will

(c) Metallica

Последний раз редактировалось nomad; 02.05.2013 в 13:01..
nomad вне форума   Ответить с цитированием
Ответ

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход



Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd. Перевод: zCarot