new01
User-
Posts
152 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by new01
-
Я сам всё сделал.Сейчас выложу код.! Сделал почти у каждого блока border:1px solid #000000; чтоб легче было видно блоки. <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> <html xmlns='http://www.w3.org/1999/xhtml'> <head> <style type='text/css'> #homeInfoMan{margin-top:10px;margin-bottom:20px;padding-left:35px;text-align:left;} #homeInfoMan p {padding:10px;text-align:right;margin-right:40px;} #commenOne{ clear: both;border-bottom:6px solid red;width:490px;overflow:hidden;min-height:80px; } #comAvatar{width:67px;height:67px;float:left;padding:5px;border:1px solid red;text-align:center;} #commenText{border:1px solid #000000;word-wrap:break-word;width:400px;margin-top:3px;font- weight:100;font-size:12px;text-align:left;padding-bottom:10px;overflow: hidden;} *html #commenOne {height: expression((document.documentElement.clientHeight || document.body.clientHeight) < 80 ? '80x' : 'auto');} </style> <title>$Welcometo</title> </head> <body> <div id='homeInfoMan'> <div id='commenOne'> <div id='comAvatar'> <img src='../foto/1/name/Avatar/1.jpg' widht='67' height='67'/> </div> <div style='float:left;margin-left:4px;text-align:left;border:1px solid red;width:405px;'> <div style='border:1px solid #000000;height:15px;float:left;width:400px;'> <div style='float:left;border:1px solid #000000;'> Name </div> <div style='font-size:10px;float:right;margin-right:15px;border:1px solid #000000;'> DATA </div> </div> <div id='commenText'> Text </div> </div> </div> </div> </body> </html>
-
ну просто,я ориентируюсь на большие сайты типа mail.ru,ya.ru,facebook и т.д. У них во всех браузерах всё отбражается корректно.Я тоже хочу этого добиться. Если придумаете напишите решение,я пока тоже попробую.Заранее спасибо.
-
я про 6-ой говорю.
-
Softlink,разбираю ваш вариант,мне понравился,,только есть небольшая ошибка.Бордюр нижний у блока с классом comment border-bottom:1px solid #ccc; в экспловере смещается вверх будто там нет ваще никаких блоков выше.Вот скрин,специаольно поменял ширину борюда на 5 пикслейе чтоб лучше было видно. psywalker.добавил #commenOne {overflow: hidden;},но проблема не решилась.В опере Блок С Текстом комментария встает справа от Имени,а в эспловере ниже ,но не ровно с ним по вертикали.Познакомился с overflow: hidden;,прочитал про него,но не совсем понял,что он значит. Можете немного прояснить?
-
Вот у меня блок с ид homeInfoMan.Туда я сую н-ное количество комментариев.Мне над что блок самого комментария отражался корректно.Вот пример. Черным прямоугольником изображено аватарка пользователя,который написал комментарий,Name=Имя,Data=Дата напписания.Снизу после каждого комментария черта,т.е border-bottom. Вот небольшой код,который я написал.Но у меня некорректно отображается сам текст в комментарии,скажите в чём проблема.?! <style type='text/css'> #homeInfoMan{margin-top:10px;margin-bottom:20px;padding-left:35px;text-align:left;} #homeInfoMan p {padding:10px;text-align:right;margin-right:40px;} #commenOne{border-bottom:1px solid red;width:490px; margin-top: 10px;display:inline-block } #comAvatar{width:67px;height:67px;float:left;padding:5px;} #commenText{word-wrap:break-word;width:346px;margin-top:3px;margin-left:10px;font-weight:100;font-size:12px;text-align:left;padding-bottom:10px;} </style> <title>$Welcometo</title> </head> <body> <div id='homeInfoMan'> <div id='commenOne'> <div id='comAvatar'> <img src='../foto/1/name/Avatar/1.jpg' widht='67' height='67'/> </div> <div style='margin-left:5px;widht:390px;height:15px;float:left;'> <div style='float:left;margin-left:10px;'> Name </div> <div style='font-size:10px;margin-top:5px;float:right;margin-right:15px;'> DATA </div> <div id='commenText'> Text </div> </div> </body>
-
А ведь их будет читать только браузер,думаю что ему всёравно как написан код.
-
Что значит портят читаемость?
-
Int,не могу найти смысла убирать его в отдельный файл? Если я сделаю отдельный php файл,то чтоб вывести html код всё равно надо будет выводит через эхо.И там будут эти кавычки.Или я что-то путаю? И не могу понять,что страшного будет от этих кавычек?
-
Тогда,честно,не знаю.
-
Попробуйте не указывать ширину у блока который внутри,но прописать padding:10px; к примеру . И внутри него не просто вставлять текс,а в <p> или <div> .И ещё укажите по центру. Может быть сработает.Я бы так попробовал.Напишите ,что получилось.
-
Да , реальна код пишется на PHP.Не знаю,как я умею верстатть ,но явно хуже чем psywalker. Вот несколько вопросов: psywalker ты отлично верстаешь сайты,а ты знаешь PHP или какой-нибудь язык подобный этому?
-
AAA,понял!!! onMouseOver=\"this.style.background='url(style/images/10.jpg)';this.style.color='#ffffff'\" Спасибо,psywalker! Я запомнил как это делается.)
-
Я пытался друг за другом через точку запятой.Всё таки немного ,то я понимаю.:-)Вот так onMouseOver=\"this.style.background='url(style/images/10.jpg);color=#ffffff';\" onMouseOver=\"this.style.background='url(style/images/10.jpg)';color='#ffffff';\" onMouseOver=\"this.style.background='url(style/images/10.jpg);color='#ffffff';\" Пытаюсь всякими способами и нифига.
-
Нет,но как мне его туда вставить? Чтоб изменился и фон и цвет текста? onMouseOver=\"this.style.background='url(style/images/10.jpg)';\"
-
Пришел к выводу. onMouseOver=\"this.style.background='url(style/images/10.jpg)';\" Только с color:#ffffff не знаю,что делать.psywalke,что скажешь?
-
psywalker,хорошо.:-) Я сейчас прочитаю и найду свою ошибку и выложу сюда.
-
Ха,да.Книгу открывал. Честно говоря, я JS нехорошо знаю.Поэтому и прошу помочь. Испоавьте просто пожалуйста. И я всё прочитаю :-)
-
Мне надо,чтоб при событии onMouseOver менялись стили объекта.Делаю так. onMouseOver=\"this.style='background:url(style/images/1.jpg);color:#ffffff';\" Проблема в том,что работает только в одной Опере, в остальных же браузерах вообще никакого движения.В чем проблема?
-
да,всё исправил. Понял свою ошибку.Исправил стили .Спасибо!"
-
Ну у меня у каждого блока с комментариями #commenOne{width:490px;min-height:100px;margin-left: 1px; margin-top: 10px; float: left;} Это о чём то говорит?!
-
sigma77,делаю сайт на локалке,не могу дать ссылку. А что значит плавающие ?
-
psywalker, да у меня там даже если,например,фотки открываются я нажимаю проинспетировать элемент и height:0; Может можно как-нибудь по другому решить .? Чтоб высота блока основного home менялась автоматически?
-
Два блока <div id='home'> <div id='homeInfoMan'> </div> </div> В стилях указаны высота блока home=870px ,но НЕ указана высота блока homeInfoMan. В блок с ИД=homeInfoMan я помещаюмного блоков с комментариями.При этом высота каждого из них разная(комментарии ведь разны размеров). Проблема заключается в следующем.! Когда через ajax блок homeInfoMan получает блоки с комментариями,то блок homeInfoMan в стилях имеет высоту равную нулю! Хотя в нём комментариев на 4000 писелей!!! Проинспектировать элемент-выоста равна нулю.document.getElementById("homeInfoMan").offsetHeight;-- ноль!! Почему так?!?!
-
правильно вас понял вот так document.getElementById("homeInfoMan").defaultView.getComputedStyle.height; ?Если таак,то не работает
-
Делаю комментарии на сайте. Каждые 30 комментариев открывается вниз(типо страницы). Так вот проблема в следующем. Надо изменять высоту блока,где будет располагаться блок с комментариями. Как я делаю. С помощью яваскрипт всовываю все коммент. в блок с Ид=homeInfoMan ,потом узнаю высоту этого блока,который находится в основном блоке home .Возникает проблема var heightInfoManCom=document.getElementById("homeInfoMan").style.height; всегда равно нулю. Почему ?!