Comments 21
Спасибо!
+3
Спасибо, почитаем.
+1
Темы выпуска меня интересуют. Всё нет времени искать по ним информацию, так как занят сейчас проектом. Но вот послушать в процессе работы будет весьма кстати. Спасибо :)
+1
+1
Это хабр слова script боится: http://tinyurl.com/59vq92
+1
JFYI, (разнообразная) музыка в прошлом выпуске сильно мне мешала воспринимать вас. Надеюсь в этом выпуске будет что-то более монотонное.
+1
Я бы хотел предложить на обсуждение тему - Методы вёрстки (блочной)
+1
Что именно вы имеете в виду? Positioning vs Floating?
+1
Я считаю что статичная вёрстка это уже каменный век, сайты с такой вёрсткой как правило делаются очень просто и выглядят не интересно, а проще говоря даже страшно. Если верстальщик считает что сделать фиксированный макет под 1024х768 достаточно то он не профессионал и вообще у него не правильные понятия. Все сайты должны быть только резиновые. Это имхо!
Ответ на ваш вопрос: floating и не только!
Floating как вы знаете для вёрстки не задумывался, но т.к. другого ничего нет (кроме таблиц :D) то использоваЛИ только его. Вот меня интересует как!?
1-й метод это всем нам известный враппер а в нём 3 дива с флоатами влево. это понятно и нечего обсуждать.
2-й метод это интересно:
ИЗВИНИТЕ НО ССЫЛКУ ТОЛЬКО ТАК МОГУ ЗАПОСТИТЬ:
http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-31-fixed-fluid-fixed/
Там тоже floatы используются но немного подругому, там в css используется -100%й маргин для одного из контейнеров. То есть это уже какой то не стандартный подход, но он работает.
3-й метод:
На хабре я видел такую штуку как вёрстка с помощью списков, т.е. ul, ну вы понимаете. Но мой первый акк забанили и я найти не смог.
4-й метод: тоже на хабре была ссылка на какой-то англ. сайт, там большими буквами висел заголовок: no float! no hack! no jokе! Но опять же ссылка на него у меня пропала вместе с моим акк.
И вообще интересно как Вы, фронт-энд девелоперы предлагаете верстать сайты, скорее всего флоатами, но это же тоже по разному можно делать. Вот впринципе что я хотел, что бы вы обсудили.
Ответ на ваш вопрос: floating и не только!
Floating как вы знаете для вёрстки не задумывался, но т.к. другого ничего нет (кроме таблиц :D) то использоваЛИ только его. Вот меня интересует как!?
1-й метод это всем нам известный враппер а в нём 3 дива с флоатами влево. это понятно и нечего обсуждать.
2-й метод это интересно:
ИЗВИНИТЕ НО ССЫЛКУ ТОЛЬКО ТАК МОГУ ЗАПОСТИТЬ:
http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-31-fixed-fluid-fixed/
Там тоже floatы используются но немного подругому, там в css используется -100%й маргин для одного из контейнеров. То есть это уже какой то не стандартный подход, но он работает.
3-й метод:
На хабре я видел такую штуку как вёрстка с помощью списков, т.е. ul, ну вы понимаете. Но мой первый акк забанили и я найти не смог.
4-й метод: тоже на хабре была ссылка на какой-то англ. сайт, там большими буквами висел заголовок: no float! no hack! no jokе! Но опять же ссылка на него у меня пропала вместе с моим акк.
И вообще интересно как Вы, фронт-энд девелоперы предлагаете верстать сайты, скорее всего флоатами, но это же тоже по разному можно делать. Вот впринципе что я хотел, что бы вы обсудили.
0
Все ваши чудесные рассуждения основаны на неверных предпосылках. Ширина сайта и его резиновость определяются в зависимости от проекта/заказа а не по убеждениям разработчика.
Positioning vs Floating — это был не вопрос о том, что из двух, а пример методов верстки.
Positioning vs Floating — это был не вопрос о том, что из двух, а пример методов верстки.
0
Ну это у Вас наверное, в серьёзной организации ;) У нас никаких тз не пишут и вопросов не задают типа "какую вёрстку вам надо?" всё равно ответа не дождёшься.
Так вот, методов то много, я написал о каких я слышал, интересует что ещё есть и что использовать что бы было правильно, и как Вы любите говорить - логично.
Так вот, методов то много, я написал о каких я слышал, интересует что ещё есть и что использовать что бы было правильно, и как Вы любите говорить - логично.
0
Страница с фреймами. Меню в левом нижнем окне. При нажатии на пункты меню должна открываться страница в правом нижнем окне. Вместо этого страница открывается в том окне, где самом еню.
где ошибка?
index0.html
< html>
< head>
< TITLE>название
< META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">
< /head>
< frameset rows="13%,*" frameborder="NO" border="0" framespacing="0" cols="*">
< frame name="topFrame" scrolling="NO" noresize src="Title.html" >
< frameset cols="168,*" frameborder="NO" border="0" framespacing="0" rows="*">
< frame name="leftFrame" scrolling="YES" noresize src="menu.html">
< frame name="mypage" src="oneironavigator.htm">
< /frameset>
< /frameset>
< /frameset>
< noframes>
< /noframes>
< /html>
menu.html
< HTML>
< HEAD>
< META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">
< /HEAD>
< body background="bgr/index.gif" bgcolor="lightblue" text="#000000" link="#0000bb" vlink="#bb0000" alink="#00bb00">
< !-- START OF Curtain DHTML -->
< style>
< !--
.curtain{
position:absolute;
left:0;
top:0;
layer-background-color:000000;
background-color:000000;
border:0.1px solid PURPLE
}
-->
< /style>
< div id="c1" class="curtain">
< script language="JavaScript1.2">
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (c=1;c<=2;c++){
temp[c]=eval("document.c"+c+".clip")
temp2[c]=eval("document.c"+c)
temp[c].width=window.innerWidth
temp[c].height=window.innerHeight/2
temp2[c].top=(c-1)*temp[c].height
}
}
else if (document.all){
var curtainbottom=document.body.offsetHeight/2,curtaintop=0
for (c=1;c<=2;c++){
temp[c]=eval("document.all.c"+c+".style")
temp[c].width=document.body.clientWidth
temp[c].height=document.body.offsetHeight/2
temp[c].top=(c-1)*parseInt(temp[c].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (document.all){
curtainbottom-=speed
temp[1].clip="rect(0 auto+"+curtainbottom+" 0)"
curtaintop+=speed
temp[2].clip="rect("+curtaintop+" auto auto)"
if (curtainbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
< /script>
< !-- END OF Curtain DHTML -->
< /FONT>
< LEFT>
< base target="mypage">
< div class="Footer">
< a href="oneironavigator.htm">Приглашение
< P>
< a href="letters.htm">Письма читателей
< P>
< /body>
< /html>
где ошибка?
index0.html
< html>
< head>
< TITLE>название
< META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">
< /head>
< frameset rows="13%,*" frameborder="NO" border="0" framespacing="0" cols="*">
< frame name="topFrame" scrolling="NO" noresize src="Title.html" >
< frameset cols="168,*" frameborder="NO" border="0" framespacing="0" rows="*">
< frame name="leftFrame" scrolling="YES" noresize src="menu.html">
< frame name="mypage" src="oneironavigator.htm">
< /frameset>
< /frameset>
< /frameset>
< noframes>
< /noframes>
< /html>
menu.html
< HTML>
< HEAD>
< META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">
< /HEAD>
< body background="bgr/index.gif" bgcolor="lightblue" text="#000000" link="#0000bb" vlink="#bb0000" alink="#00bb00">
< !-- START OF Curtain DHTML -->
< style>
< !--
.curtain{
position:absolute;
left:0;
top:0;
layer-background-color:000000;
background-color:000000;
border:0.1px solid PURPLE
}
-->
< /style>
< div id="c1" class="curtain">
< script language="JavaScript1.2">
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (c=1;c<=2;c++){
temp[c]=eval("document.c"+c+".clip")
temp2[c]=eval("document.c"+c)
temp[c].width=window.innerWidth
temp[c].height=window.innerHeight/2
temp2[c].top=(c-1)*temp[c].height
}
}
else if (document.all){
var curtainbottom=document.body.offsetHeight/2,curtaintop=0
for (c=1;c<=2;c++){
temp[c]=eval("document.all.c"+c+".style")
temp[c].width=document.body.clientWidth
temp[c].height=document.body.offsetHeight/2
temp[c].top=(c-1)*parseInt(temp[c].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (document.all){
curtainbottom-=speed
temp[1].clip="rect(0 auto+"+curtainbottom+" 0)"
curtaintop+=speed
temp[2].clip="rect("+curtaintop+" auto auto)"
if (curtainbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
< /script>
< !-- END OF Curtain DHTML -->
< /FONT>
< LEFT>
< base target="mypage">
< div class="Footer">
< a href="oneironavigator.htm">Приглашение
< P>
< a href="letters.htm">Письма читателей
< P>
< /body>
< /html>
-1
Не смотря на то что у нас тут вроде как не мастер-класс по изучению устаревших технологий, я вам отвечу.
Во-первых вы не указали DOCTYPE - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Во-вторых, если ссылка в одном фрэйме, а открываться она должна в другом, то ей элементарно нужно указать target на нужный фрэйм.
Копайте в этом направлении.
З.Ы. Совет на будущее. Если вас интересует мнение посторонних о своем коде, то потрудитесь создать документ с кодом и выложить в открытый доступ, а не пихайте тонны кода вкомментарии.
Во-первых вы не указали DOCTYPE - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Во-вторых, если ссылка в одном фрэйме, а открываться она должна в другом, то ей элементарно нужно указать target на нужный фрэйм.
Копайте в этом направлении.
З.Ы. Совет на будущее. Если вас интересует мнение посторонних о своем коде, то потрудитесь создать документ с кодом и выложить в открытый доступ, а не пихайте тонны кода вкомментарии.
0
Если создается говносайт, где цель ссылок их продажа,
то главное там анкор и окружающий тест.
то главное там анкор и окружающий тест.
0
Как всегда, интересно, однако опять про семантику.
Я понимаю, что это ваш конек, любимая тема, однако можно осветить еще какие-то темы?
Та же идея Дина про html tag per podcast не такая уж и плохая. Например, как правильно использовать теги legend или label, или список необходимой литературы для профессионального frontend-разработчика я узнаю из комментариев Дениса, а в подкасте все rel да ref...
Я понимаю, что это ваш конек, любимая тема, однако можно осветить еще какие-то темы?
Та же идея Дина про html tag per podcast не такая уж и плохая. Например, как правильно использовать теги legend или label, или список необходимой литературы для профессионального frontend-разработчика я узнаю из комментариев Дениса, а в подкасте все rel да ref...
0
Разговор зашёл о rel, так как мы говорили о конкретном элементе HTML (anchor), а я считаю, что о нём нельзя говорить без упоминания об этом атрибуте.
Наверное, стоит не по одному элементу, а по группе элементов рассматривать, как например phrase-элементы (emphasis, strong emphasis и так далее).
Наверное, стоит не по одному элементу, а по группе элементов рассматривать, как например phrase-элементы (emphasis, strong emphasis и так далее).
0
Only those users with full accounts are able to leave comments. Log in, please.
W3Cast #4