ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простая задача центрирования блока в непростом окружении
8 сообщений из 33, страница 2 из 2
  2  все
Простая задача центрирования блока в непростом окружении
    #38688369
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
И ещё один артефакт. Добавил картинку перед надписью - появился какой-то интервал между картинкой и надписью.
Откуда - непонятно. Поверил в firebug - ни у картинки, ни у надписи нет ни margin'ов, ни padding'ов.
 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
<!DOCTYPE html>
<html>
<head>

<style>
.blue {
        background:blue;
        margin-right:10px;
        text-align:center;
        vertical-align:top;
        display:inline-block;
}
.red {
        color:#fff;
        background:red;
        vertical-align:middle;
        display:inline-block;
        padding:10px 10px 10px 25px;
}
.valign {
        width:0;
        height:100%;
        vertical-align:middle;
        display:inline-block;
}
</style>

</head>
<body>
        <a href="http://sql.ru/" class="blue" style="width:200px;height:200px;">
                <span class="red">1 строка</span><span class="valign"></span>
        </a>
        
        <a href="http://google.com/" class="blue" style="width:300px;height:400px;">
                <img class="red" src="data:image/jpg;base64,/9j/4QCwRXhpZgAASUkqAAgAAAAFABIBAwABAAAAAQAAADEBAgAcAAAASgAAADIBAgAUAAAAZgAAABMCAwABAAAAAQAAAGmHBAABAAAAegAAAAAAAABBQ0QgU3lzdGVtcyBEaWdpdGFsIEltYWdpbmcAMjAxNDowNzowNCAwMzo1OToyMgADAJCSAgADAAAAMTUAAAKgBAABAAAADwAAAAOgBAABAAAADwAAAAAAAABL+AUA/8AAEQgADwAPAwEhAAIRAQMRAf/bAIQAAgEBAQEBAgEBAQICAgIDBQMDAgIDBgQEAwUHBgcHBwYHBggJCwkICAoIBgcKDQoKCwwMDQwHCQ4PDgwPCwwMDAEDAwMEAwQIBAQIEgwKDBISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhIS/8QAcQAAAwEAAAAAAAAAAAAAAAAABQYHCRAAAQMDBAIDAQAAAAAAAAAAAQIDBAUHEQAGEiEIIhMxQYEBAQEBAAAAAAAAAAAAAAAAAAUGBxEAAQMCBQMFAAAAAAAAAAAAAQIDBAARBRIhMUETgZEjMlGh8P/aAAwDAQACEQMRAD8A13sj4+bJr8+u3UuJAbqa5VUliNHmqJZZbQ6pJWpOcEkpP30AP7qQ+S1dtFVN3x0WcpEFiNGRxfqFMCm25LhKgUhPScJCR7Ad8v0as4D8mXiBAPpoFrcfH2dazbFYkODhSSpILrhvfne/gCw70W33ca821GNw2dhtNsQDUpZccbUguONOqKi1yOcJ9iesH2x+aQKZtOdV4BobG2nETi78rDzUhJS56nkhQUQAAASCO89fWkIiWGGuq0r3HMd/2nFEzlSpbwaeTfKMo1HbzzX/2Q==">
                <span class="red">1 строка<br>2 строка<br>3 строка<br>4 строка<br>5 строка длинная</span><span class="valign"></span>
        </a>
</body>
</html>

...
Рейтинг: 0 / 0
04.07.2014, 19:04
| Ответить | Цитировать | Написать  
Простая задача центрирования блока в непростом окружении
    #38688373
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
А твкой вариант не подойдет? =)
http://jsbin.com/dosiyopo/3/edit
...
Рейтинг: 0 / 0
04.07.2014, 19:09
| Ответить | Цитировать | Написать  
Простая задача центрирования блока в непростом окружении
    #38688384
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
Это наверное в форум "Работа" или ждать когда появится какой-нибудь незанятый ничем человек и причешет код под все ваши требования (к примеру text-align:left допишет куда надо), а также расскажет что, почему и как.

Вон пользователь Малыхин Сергей вижу желает вам помочь.
...
Рейтинг: 0 / 0
04.07.2014, 19:16
| Ответить | Цитировать | Написать  
Простая задача центрирования блока в непростом окружении
    #38688443
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
Малыхин СергейА твкой вариант не подойдет? =) http://jsbin.com/dosiyopo/3/edit Неа. Не все браузеры понимают псевдотаблицы и псевдоячейки.
К тому же я уже реализовал кроссбраузерный вариант на блоках с [display: inline-block] (вариант st_st ).

авторЭто наверное в форум "Работа"Ага. Щас объявление размещу. С разбегу. Потом за "вашими" программистами весь код переписывай.

автор...или ждать когда появится какой-нибудь незанятый ничем человек и причешет код под все ваши требования (к примеру text-align:left допишет куда надо), а также расскажет что, почему и как.Код и сам могу написать и причесать. А на форуме мне нужны ответы на конкретные вопросы.
Откуда берётся интервал между иконкой и надписью в конкретном (Вашем, кстати, примере) - для ответа на этот вопрос потребуется меньше слов, чем Вы уже написали про "работу". А [text-align:left] приписывать некуда. Там, где он должен быть "приписан", должно быть прописано [text-align:center] .
...
Рейтинг: 0 / 0
04.07.2014, 20:43
| Ответить | Цитировать | Написать  
Простая задача центрирования блока в непростом окружении
    #38688445
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
Для индивидуального выравнивания надписей внутри ссылки: "проклассировать" span'ы, отвечающие за иконку и надпись + [text-align: left] span'у, отвечающему за надпись.
Осталось выяснить, откуда берётся интервал между иконкой и надписью.
...
Рейтинг: 0 / 0
04.07.2014, 20:58
| Ответить | Цитировать | Написать  
Простая задача центрирования блока в непростом окружении
    #38688566
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
авторОткуда берётся интервал между иконкой и надписью в конкретном (Вашем, кстати, примере) - для ответа на этот вопрос потребуется меньше слов, чем Вы уже написали про "работу"Даже одно слово: "пробел".
...
Рейтинг: 0 / 0
05.07.2014, 11:12
| Ответить | Цитировать | Написать  
Простая задача центрирования блока в непростом окружении
    #38688579
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
У меня нет времени кого-то учить и объяснять ему каждую мелочь по коду. Это форум, здесь никто никому ничего не обязан.
...
Рейтинг: 0 / 0
05.07.2014, 12:36
| Ответить | Цитировать | Написать  
Простая задача центрирования блока в непростом окружении
    #38688582
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
st_stУ меня нет времени кого-то учить и объяснять ему каждую мелочь по коду. Это форум, здесь никто никому ничего не обязан.Естественно, не обязан. Просто Вы писали, будто у Вас нет времени, написав при этом про "работу" небольшой опус на 43 слова.
Если бы у вас не было времени, вы бы написали одно слово ("пробел") вместо 43.
...
Рейтинг: 0 / 0
05.07.2014, 12:50
| Ответить | Цитировать | Написать  
8 сообщений из 33, страница 2 из 2
  2  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простая задача центрирования блока в непростом окружении
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38688445&tid=1446929]:
 0ms
get settings:
 9ms
get forum list:
 17ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 167ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 204ms
total:  467ms
созд. / загр.: 467ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]