ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / "float: left;" + href = странное поведение
7 сообщений из 7, страница 1 из 1
"float: left;" + href = странное поведение
    #38011717
zvb73
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zvb73
Гость
Есть вот такой div:

Код: html
1.
2.
3.
4.
                <div id="logindisplay">
                    Welcome <b>m</b>
                    <a href="/Account/LogOff">Log Off</a>
                </div>



Всё работает хорошо.
Немного меняем стиль:

Код: html
1.
2.
3.
4.
                <div id="logindisplay" style="float: left;">
                    Welcome <b>m</b>
                    <a href="/Account/LogOff">Log Off</a>
                </div>



Ссылка перестаёт работать :(
Где ошибка?
...
Рейтинг: 0 / 0
24.10.2012, 16:26:46
| Ответить | Цитировать | Написать  
"float: left;" + href = странное поведение
    #38011740
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
zvb73Есть вот такой div:

Код: html
1.
2.
3.
4.
                <div id="logindisplay">
                    Welcome <b>m</b>
                    <a href="/Account/LogOff">Log Off</a>
                </div>



Всё работает хорошо.
Немного меняем стиль:

Код: html
1.
2.
3.
4.
                <div id="logindisplay" style="float: left;">
                    Welcome <b>m</b>
                    <a href="/Account/LogOff">Log Off</a>
                </div>



Ссылка перестаёт работать :(
Где ошибка?

надо всю вёрстку увидить, но думаю, что из-за флоат (отличительная особенность этого свойства) родитель logindisplay'я приобретает нулевую высоту или ширину. Как вариант, для родителя logindisplay'я прописать overflow: hidden;
...
Рейтинг: 0 / 0
24.10.2012, 16:32:14
| Ответить | Цитировать | Написать  
"float: left;" + href = странное поведение
    #38011753
zvb73
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zvb73
Гость
Разметка вот:

Код: 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.
40.
41.
42.
43.
44.
45.
46.
@using TransManager.Models.Menu
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div id="wrapper">
        <div class="page">
            <div id="header">
                <div id="logindisplay" style="float: left;">
                    Welcome <b>@ViewData["UserName"]</b>
                    @Html.ActionLink("Log Off", "LogOff", "Account")
                </div>
                <div id="menucontainer">
                    @Html.SiteMenuAsUnorderedList(ViewBag.SiteLinks as List<ISiteLink>)
                </div>
            </div>
            <div id="main">
                @RenderBody()
            </div>
        </div>
    </div>
	<div id="w-footer">
		<div id="footer">
			@RenderSection("Footer", false)
        </div>
	</div>

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)

    <script type ="text/javascript">
        function ResizeFooter(n) {
            var px = n.toString() + "px";
            $("#w-footer").css("height", px);
            $("#w-footer").css("margin-top", "-" + px);
            $("#footer").css("height", px);
        }
    </script>
</body>
</html>



вот кусок css

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: left;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}
...
Рейтинг: 0 / 0
24.10.2012, 16:38:54
| Ответить | Цитировать | Написать  
"float: left;" + href = странное поведение
    #38011763
zvb73
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zvb73
Гость
Програмёрнадо всю вёрстку увидить, но думаю, что из-за флоат (отличительная особенность этого свойства) родитель logindisplay'я приобретает нулевую высоту или ширину. Как вариант, для родителя logindisplay'я прописать overflow: hidden;

overflow: hidden не помогло.

насчёт нулевой высоты или ширины - внешний вид остаётся таким-же, весь текст видно, только ссылка становится неактивной
...
Рейтинг: 0 / 0
24.10.2012, 16:44:06
| Ответить | Цитировать | Написать  
"float: left;" + href = странное поведение
    #38011789
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
zvb73Програмёрнадо всю вёрстку увидить, но думаю, что из-за флоат (отличительная особенность этого свойства) родитель logindisplay'я приобретает нулевую высоту или ширину. Как вариант, для родителя logindisplay'я прописать overflow: hidden;

overflow: hidden не помогло.

насчёт нулевой высоты или ширины - внешний вид остаётся таким-же, весь текст видно, только ссылка становится неактивной

браузер какой? у меня в хроме то, что ты написал работает нормально. ссылка остаётся кликабельная... ошибка в чём-то другом...
...
Рейтинг: 0 / 0
24.10.2012, 16:58:06
| Ответить | Цитировать | Написать  
"float: left;" + href = странное поведение
    #38011793
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
странно
можете сделать демонстрирующий проблему тестовый пример на jsfiddle.net ?
...
Рейтинг: 0 / 0
24.10.2012, 16:59:24
| Ответить | Цитировать | Написать  
"float: left;" + href = странное поведение
    #38011804
zvb73
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zvb73
Гость
У меня не работает независимо от браузера (смотрел в Опере и Хроме). Пример попробую сделать - очищу от всего лишнего. Скорее всего тогда и заработает всё :)
Починю - отпишусь
...
Рейтинг: 0 / 0
24.10.2012, 17:05:45
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / "float: left;" + href = странное поведение
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38011717&tid=1449193]:
 0ms
get settings:
 9ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 178ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 219ms
total:  466ms
созд. / загр.: 466ms
x
x
Закрыть


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