Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / "float: left;" + href = странное поведение / 7 сообщений из 7, страница 1 из 1
24.10.2012, 16:26:46
    #38011717
zvb73
zvb73
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
"float: left;" + href = странное поведение
Есть вот такой 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:32:14
    #38011740
Програмёр
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
"float: left;" + href = странное поведение
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:38:54
    #38011753
zvb73
zvb73
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
"float: left;" + href = странное поведение
Разметка вот:

Код: 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:44:06
    #38011763
zvb73
zvb73
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
"float: left;" + href = странное поведение
Програмёрнадо всю вёрстку увидить, но думаю, что из-за флоат (отличительная особенность этого свойства) родитель logindisplay'я приобретает нулевую высоту или ширину. Как вариант, для родителя logindisplay'я прописать overflow: hidden;

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

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

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

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

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


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