Просмотр полной версии : [HTML, Css] - Задай вопрос, получи ответ
<table height="100%" width="50%">
<tr>
<td align="right">zzzz</td>
</tr>
При таком коде текст будет в верху в правом углу
А при таком коде он(текст) располагается в таком же углу токо чуть ниже (на 1-2 строчки)
Почему именно так?
<table height="100%" width="50%">
<tr>
<td><p align="right">zzzz</p></td>
</tr>Потомучто тег <p> это не инлайн тег! Можно сделать так: <table height="100%" width="50%">
<tr>
<td align="right"><p style="display:inline;" >zzzz</p></td>
</tr>
</table>
Я запарился искать ошибку! Уже час вдупляю в код немогу понять! Во всех браузерах отобржается как надо, а в ИЕ как хочет :(
вот сайт: http://ufoinspace.ru
На главной странице последнии статьи, вот не могу их выровнять в ИЕ, они выравниваются по размеру самой длинной картинки, а не по ширине столбца!
Вот сокращенный код таблицы со статьями:
<table width=90% border=1>
<tr><td width=20%><img src='pictures/$val[picture]' width=100%></td> <-- видимо косяк где-то тут -->
<td valign='top' align='left'><center><b><a href='articles.php?id=айди' class='articletitle'>название статьи</a></b></center>описание статьи</td></tr>
</table>
Ну эт я выдрал из своего пхп скрипта и оставил только хтмл... Корочь тут одна статья, а на сайте их три. Но именно этот участок выводится не правильно :(
помогите найти ошибку.второй ячейке поставь width=70% ;)
И так есть код
<html>
<dev style="position:absolute;top:50%;left:50%;">
Я человек который живет своей жизнью
</dev>
</html>
и у меня смещаеться текст чуть вправо (так как объемный текст)
что делать?
Если нужно чтобы при разном расш. отоброжалось по центру<body style="margin:0; padding:0;">
<div align="center" style="position:absolute; width:100%;top:50%">
Я человек который живет своей жизнью
</div>
IE не отображает 2 фоновых рисунка заданных через css. Все остальные браузеры отображают как надо.
css:
#head {width:705px;
height:60px;
margin:0px auto;
background-image: url(sample.png)
}
<div id="header"></div>
Хочу сразу сказать, что дело тут не в .png, у меня и в .jpg не получается.
Заранее благодарю откликнувшихся.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#head {
width:705px;
height:60px;
margin:0px auto;
background-image:url(http://forum.antichat.ru/antichat/pic/logo.gif);
}
</style>
</head>
<body>
<div id="head"></div>
</body>
</html>
Как коректоно,поставить копирайты(футер) в низу страницы,чтобы во всех брауерах он был там,и независимо от ширины экрана,ну или приближено к этому.
Буду тупить,я чтто совсемн ичего непонял :) В мир дизайна я только вникаю,мои первые опытты так сказать...так что поподробнее плз:)
Буду тупить,я чтто совсемн ичего непонял :) В мир дизайна я только вникаю,мои первые опытты так сказать...так что поподробнее плз:)Если таблички не используешь - то сюда глянь (http://forum.antichat.ru/showpost.php?p=933109&postcount=27) , а если с таблицами вёрстка, то там подругому чуть :)
erihtoney ты вообще не то написал :)
Почему не то? :)
Всегда будет внизупотомучто - не то! Где он внизу? Вставь свой код в текстовик, сохрани как .html и посмотри http://forum.antichat.ru/images/icons/icon13.gif :D
внизу понятие растяжимое,внизу текста,внизу браузера,и т.д,я не так понялчитай, внизу текста никто не писал =)
Как коректоно,поставить копирайты(футер) в низу страницы...
Здравствуй,я не так понял,внизу я понял после всего текста,а не внизу окна, и сам ты http://forum.antichat.ru/images/icons/icon13.gif
:) del :)Ты дебил? Он и так внизу текста по дефолту будет, если его туда кинуть...
второй ячейке поставь width=70% ;)
пробовал не помогает
SaiRus
все картинки будут своего обычного размера. т.е. с width они все выравниваются в длину самой длиной картинки, а без width ведут себя как и должны.
Но мне надо вытянуть все картинки по размеру ячейки таблицы.
Но мне надо вытянуть все картинки по размеру ячейки таблицы.вот так чтоли?
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%">
<img src="http://forum.antichat.ru/547354.jpg" width="100%" />
</td>
<td width="70%"> </td>
</tr>
</table>?
вот так чтоли?
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%">
<img src="http://forum.antichat.ru/547354.jpg" width="100%" />
</td>
<td width="70%"> </td>
</tr>
</table>?
дааааа! ТАК! Но в том-то и проблема, что так в ИЕ не получается :( и я не могу найти ошибку, может она где-то до этого кода кроеца. У меня по сути так и было как ты показал.
Ладно, забейте на меня, буду переписывать все с самого начала и искать ошибку
Насколько я знаю в IE нельзя ставить размер картинки в процентах. + попобуй бордеры пояить - в ие часто помогает
дааааа! ТАК! Но в том-то и проблема, что так в ИЕ не получается :( и я не могу найти ошибку, может она где-то до этого кода кроеца. У меня по сути так и было как ты показал.
Ладно, забейте на меня, буду переписывать все с самого начала и искать ошибкуа ты и ненайдёшь! IE - единственный браузер, который некоректно работает с твоей проблемой...
Делай тогда так
<div style="float:left; width:30%; height:80px;"><img src="http://forum.antichat.ru/547354.jpg" width="100%" /></div>
<div style="float:right; width:70%; height:80px;"></div> без таблиц!
Huligan1
11.05.2009, 20:34
как с помощью html запустить интернет соединение ну вот например у меня создано подключение с именем X мне надо выполнить его тоесть даже не чтобы оно открывалось и нажимать "Подключение" а сразу подключалось заранее благодарю
Так же интересует как рестартовать модем у меня "Huawey"
mailbrush
11.05.2009, 21:17
С помощью ХТМЛ это невозможно. Даже PHP не может этого...
Huligan1
11.05.2009, 21:24
:D я рассмотрю ваше мнение
Почему невозможно то создаёшь ярлык подключения где нито и в сценарии стр указываешь путь только я это теоретич знаю но реализовать то немогу
скажем C://x.lnk
<script>
Set WshShell = WScript.CreateObject("WScript.Shell")
WshShell.Run"C:\Connect.bat ", 0, true
</script>
В onnect.bat прописуй даные для коннекта:
rasdial "название коннекта" /connect
rasdial "название коннекта" логин пасс
Писал быстро, не проверял.
Если не запашет, то никак, имхо.
Pashkela
11.05.2009, 22:01
Запашет, только в IE6:)))) И то, предупредяга всплывёт
mailbrush
11.05.2009, 22:44
Huligan1, я имел в виду, если нету доступа к FS.
Huligan1
11.05.2009, 22:57
Не мне на комп в первую очередь
Huligan1
11.05.2009, 23:54
Немножко не то ну смотрите есть код
<html>
<head>
<title>Хоттабыч</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body marginheight="0" topmargin="0" leftmargin="0" marginwidth="0" BGCOLOR="#000000">
<table width="1024" height="270" border="0" cellpadding="0" cellspacing="0"><tr><td><img src="images/genadesktop_01.jpg" width="1024" height="270"></td></tr></table>
<table width="1024" height="207" border="0" cellpadding="0" cellspacing="0"><tr><td width="401" height="207"><img src="images/genadesktop_02.jpg" width="401" height="207"></td><td width="201" height="207"><a onmouseover="document.h.src='images/genadesktop-over.jpg';" onmouseout="document.h.src='images/genadesktop_03.jpg';" onmousedown="document.h.src='images/genadesktop-down.jpg';" href="http://allforps.com/"><img src="images/genadesktop-over.jpg" name="h" border="0"></a></td><td width="422" height="207"><img src="images/genadesktop_04.jpg" width="422" height="207"></td></tr></table>
<table width="1024" height="291" border="0" cellpadding="0" cellspacing="0"><tr><td><img src="images/genadesktop_05.jpg" width="1024" height="291"></td></tr></table>
</body>
</html>
Так вот этот код используется как рабочий стол там такая кнопа есть типо кликаешь и открывается браузер а мне надо бы чтобы соединялось с интернетом вместо открытия браузера (ну это раб стол из фильма хоттабыч )
Если кого то интересует как это полностью выглядит берите тут:
скачать (http://dump.ru/file/2591113)
как в ПХП вырезать первое слово из переменной trim($text) короче удалить из строки все что до первого пробела
echo strstr ($mytext, ' ');
echo strstr ($mytext, ' ');
а если мне первое слово тоже нужно, можно как то его в какую ни будь переменную записывать?
PEPSICOLA
13.05.2009, 01:40
edit: додумался сам =)
hors_de_prix
13.05.2009, 11:19
Вот народ для тех кто только изучает про язык я написал форму (шапка,левый блог,правый блог,футер) с подробным описанием . (копируем открываем в блокноте и сохраняем как index.html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Форма сайта от hors_de_prix</title>
</head>
<body>
<table width="900" border="1" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3" height="130" bgcolor="#f6f6f6">
<h3 style="color:red; margin-left:10px;">Мини сайтик для начинающих от hors_de_prix</h3>
header(шапка,рисуем шапку или лого сайта и вставляем сюда)
</td>
</tr>
<tr>
<td width="130" rowspan="3">
left(левый блог, сюда вставляем меню сайта ,можно даже и опрос. )
</td>
<td width="270" rowspan="3" height="600">
центр (здесь вставляем текст )
</td>
<td width="130" rowspan="3">
right(правый блог, я обычно вставляю в правый блог рекламу. )
</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td colspan="3" height="80">
footer( здесь пишем создателя сайта пример:corporation by hors_de_prix)
</td>
</tr>
</table>
</body>
</html>
Player#1
13.05.2009, 12:59
а если мне первое слово тоже нужно, можно как то его в какую ни будь переменную записывать?
юзай регулярные выражения.
ЗЫ ветка с пхп соседняя вообще-то..
Хело ачат
http://forum.antichat.ru/
видете зелёная полоска?
Вот я сделал такую же, но до по бокам ещё есть свободное место, как можно это убрать?
С меня кресты
Ctacok попробуй убрать отступы тела, например, только слева или справа, в CSS пропиши:
body {
margin-right:0;
margin-left:0;
}
Ctacok <style>
body {
padding:0;
margin:0;
}
</style>кинь между тегами <head></head>
<table border=0 width=100% height=30px bgcolor="#336600">
<tr>
</tr>
</table>
Huligan1
15.05.2009, 08:36
Привет всем !
Возник след вопрос создаю сайт вот есть рисунок который во весь сайт сразу
и есть банер так вот я прикрепляю этот банер к рисунку он снизу сверху рисунка но никак не там где я хочу, а я хочу чтобы был на рисунке справа пробывал указывать координаты невыходит
вот мой код кто поможет буду очень признателен
<html>
<body>
<img src="file:///C|/Documents and Settings/Admin/Рабочий стол/project/images2/kn1_a1.jpg" width="39" height="39" border="0" usemap="#Map2">
<map name="Map2">
<area shape="poly" coords="940,67" href="#">
</map>
<img src="file:///C|/Documents and Settings/Admin/Рабочий стол/project/images/bezmat.jpg" width="1024" height="768" border="0" />
</body>
</html>
//Для начала просто пути из моего компа само сабой в сайте я их поменяю мне чтобы удобнее было смотреть как получиться
P.S Просьба сильно не материться
-=lebed=-
15.05.2009, 09:40
Юзай слои (тег <div></div>)
<html>
<body>
<map name="Map2">
<area shape="poly" coords="940,67" href="#">
</map>
<div id="d" style="position:absolute; top:15px; border:1px solid #000; width:100px; text-align:center; left: 930px;">
<img src="file:///C|/Documents and Settings/Admin/Рабочий стол/project/images2/kn1_a1.jpg" width="39" height="39" border="0"/></div>
<img src="file:///C|/Documents and Settings/Admin/Рабочий стол/project/images/bezmat.jpg" width="1024" height="768" border="0" />
</body>
</html>
Кстати если у тебя фон одна картинка - может есть смысл просто поставить её в стиль <body></body> бэкграундом а все остальные картинки (баннеры и прочее) выводить обычным способом. Т.е. обойтись без слоёв совсем.
Huligan1
15.05.2009, 21:52
Всё никак недопру, а как поставить ещё одну кнопку переливающуюся такую же прямо под первой ? прописал ещё раз код но какаято фигня получилась
<html>
<body>
<center><IMG SRC="images/bezmat.jpg"
<map name="Map2">
<area shape="poly" href="#">
</map>
<div id="d" style="position:absolute; top:50px; border:1px solid #000; width:39px; text-align:center; left: 930px;">
<a href="C:/" onMouseOver="document.pic1.src='images2/kn1b1.jpg'" onMouseOut="document.pic1.src='images2/kn1b2.jpg'">
<IMG SRC="images2/kn1b2.jpg" BORDER=0 NAME="pic1"></a>
<td>
<a href="C:/" onMouseOver="document.pic2.src='images2/kn1b3.jpg'" onMouseOut="document.pic2.src='images2/kn1b3.jpg'">
<IMG SRC="images2/kn1b4.jpg" BORDER=0 NAME="pic2"></a>
</body>
</html>
Они получились как слитные пробывал ещё вписать координаты но что то кнопка улетает от картинки помогите
Всё никак недопру, а как поставить ещё одну кнопку переливающуюся такую же прямо под первой ? прописал ещё раз код но какаято фигня получилась
<html>
<body>
<center><IMG SRC="images/bezmat.jpg"
<map name="Map2">
<area shape="poly" href="#">
</map>
<div id="d" style="position:absolute; top:50px; border:1px solid #000; width:39px; text-align:center; left: 930px;">
<a href="C:/" onMouseOver="document.pic1.src='images2/kn1b1.jpg'" onMouseOut="document.pic1.src='images2/kn1b2.jpg'">
<IMG SRC="images2/kn1b2.jpg" BORDER=0 NAME="pic1"></a>
<td>
<a href="C:/" onMouseOver="document.pic2.src='images2/kn1b3.jpg'" onMouseOut="document.pic2.src='images2/kn1b3.jpg'">
<IMG SRC="images2/kn1b4.jpg" BORDER=0 NAME="pic2"></a>
</body>
</html>
Они получились как слитные пробывал ещё вписать координаты но что то кнопка улетает от картинки помогите
Объясни норм,а то ничего не понятно
по-поводу кода:
закрой тег <div> i <center> - они контейнерные
Huligan1
16.05.2009, 00:37
смотри :
http://dump.ru/viewer/preview/biggest/2731809.jpg (http://dump.ru/file/2731809)
Во первых рисунок получаеться с границами во вторых кнопки какие то слитные и вторая некорректно работает
помогите плз
<html>
<body style="margin:0; padding:0;">
<center><IMG SRC="images/bezmat.jpg" width="100%" height="100%" "</center>
<map name="Map2">
<area shape="poly" href="#">
</map>
<div style="position:absolute; top:50px; border:1px solid #000; width:39px; text-align:center; left: 1170px;">
<a href="C:/" onMouseOver="document.pic1.src='images2/kn1b1.jpg'" onMouseOut="document.pic1.src='images2/kn1b2.jpg'">
<IMG SRC="images2/kn1b2.jpg" BORDER=0 NAME="pic1"></a> </div>
<div style="position:absolute; top:100px; border:1px solid #000; width:39px; text-align:center; left: 1170px;">
<a href="C:/" onMouseOver="document.pic2.src='images2/kn1b3.jpg'" onMouseOut="document.pic2.src='images2/kn1b3.jpg'">
<IMG SRC="images2/kn1b4.jpg" BORDER=0 NAME="pic2"></a></div>
</body>
</html>
Huligan1
17.05.2009, 13:14
Привет всем !!! тут явно чего то нехватает ? Я хочу чтобы при клике менялась картинка при ещё одном клике другая картинка
onmousedown="document.img.src='images2/stkn2.jpg'"><img src="images2/stkn.jpg" name="img">
</a>
И как третью пятую сделать ?
Также ставлю <a href="forum.antichat.ru" работает но заходит на сайт а мне ненадо этого мне надо что при кликах менялись картинки помогите пжл буду признателен
мб попробуй так:
<a href=""></a>
Huligan1
17.05.2009, 22:06
Нет так два рисунка рядом появляеться ты лучше свой вопрос решай а не чужой
Huligan1
20.05.2009, 07:00
Привет всем ещё вопросик вот я кликаю по созданной кнопке и она остаёться вжатой как сделать чтобы после клика она возвращалась в нормальное состояние ?
<div style="position:absolute; top:200px; border:0px solid #000; width:75px;
text-align:center; left: 910px;">
<a href="http://forum.antichat.ru"
onmousedown="document.img4.src='images2/3/2.png'"><img src="images2/3/1.png" name="img4">
</a></div>
Вот что есть
Логично предположить, что onmouseup
Huligan1
20.05.2009, 09:18
>_< очень логично а ещё логичнее выложить код полностью а не писать что логично
Голова человеку дана не только для того, чтобы в нее есть
<div style="position:absolute; top:200px; border:0px solid #000; width:75px;
text-align:center; left: 910px;">
<a href="http://forum.antichat.ru"
onmousedown="document.img4.src='images2/3/2.png'"
onmouseup="document.img4.src='images2/3/1.png'"><img src="images2/3/1.png" name="img4">
</a></div>
Huligan1
20.05.2009, 12:26
Извини я html практич незнаю если подскажешь литературу буду благодарен !
Ещё настиг вопрос надеюсь что последний:
Я указываю рабочему столу картинку в виде html (Вот я и делал кнопки для него)
кнопка круглая но подчёркивает её синем на рабочем столе как бы получаеться круглая кнопка в синем квадрате но когда смотрю через оперу то подчёркиваний кнопки нет но как бы если перевести курсор чуть раньше чем кнопка то он всё равно готов к клику вообщем картинку щас покажу
http://dump.ru/viewer/preview/biggest/2748700.jpg
Как вот эти полосы синие убрать ? Да и у меня неполучилось сделать полностью круглую кнопку я делал прозрачность а вообще возможно сделать чисто круглую кнопку ?
На всякий оставляю код
<html>
<body style="margin:0; padding:0;">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<center><IMG SRC="images/bezmat.jpg" width="100%" height="100%" "</center>
<map name="Map2">
<area shape="poly" href="#">
</map>
<div style="position:absolute; top:200px; border:0px solid #000; width:75px;
text-align:center; left: 910px;">
<a href="http://forum.antichat.ru"
onmousedown="document.img4.src='images2/3/2.png'"
onmouseup="document.img4.src='images2/3/1.png'"><img src="images2/3/1.png" name="img4">
</a></div>
P.S Тут пример одной кнопы кто поможет тому жирный +
Pashkela
20.05.2009, 13:12
Параметр border у тибя отсутствует:
<img src='/pm.jpg' border=0>
Huligan1
20.05.2009, 13:31
=) Спасибо большое разобрался
Но ещё один штрих есть ярлыки после установки этого html выделяються белым цветом см рисунок можно сделать прозрачность ярлыкам ?
Pashkela
20.05.2009, 13:35
Мне никакого рисунка в твоих постах чото не видать
а, всё, через цитату увидел
Ярлыки сами не белые, белые подписи к ярлыкам
Huligan1
20.05.2009, 14:15
Ну как убрать то сделать подписи прозрачными подскажите плз
Доброе время всем форумчанам!
Прдскажите откуда грузится стиль:
вот код хтмля:
<html>
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body>
<a href="images/megan1_400_320.jpg" rel="lightbox">
<img src="images/megan1_400_320.jpg" width="100" height="80" alt="Megan" border="0" /></a>
</body>
</html>
Вот ссылка на то, что вызывает вопросы:
Лайтбокс (http://www.muttmansion.com/lightbox/lightbox/)
все интересующие библиотеки и файл lightbox.css скачивал с сайта по адрессам:
http://www.muttmansion.com/lightbox/lightbox/css/lightbox.css
http://www.muttmansion.com/lightbox/lightbox/js/prototype.js
и тд. но при этом ничего подобного. как на примере не получилось, просто грузится картинка с её реальными размерами и всё!
А так бы хотелось, что бы всё было, как в примере (http://www.muttmansion.com/lightbox/lightbox/)
Huligan1
21.05.2009, 15:43
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script>
CSS
Доброе время всем форумчанам!
Прдскажите откуда грузится стиль:
вот код хтмля:
<html>
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body>
<a href="images/megan1_400_320.jpg" rel="lightbox">
<img src="images/megan1_400_320.jpg" width="100" height="80" alt="Megan" border="0" /></a>
</body>
</html>
Вот ссылка на то, что вызывает вопросы:
Лайтбокс (http://www.muttmansion.com/lightbox/lightbox/)
все интересующие библиотеки и файл lightbox.css скачивал с сайта по адрессам:
http://www.muttmansion.com/lightbox/lightbox/css/lightbox.css
http://www.muttmansion.com/lightbox/lightbox/js/prototype.js
и тд. но при этом ничего подобного. как на примере не получилось, просто грузится картинка с её реальными размерами и всё!
А так бы хотелось, что бы всё было, как в примере (http://www.muttmansion.com/lightbox/lightbox/)
css/lightbox.css
заметь что он лежит в директориe "css"
заметь что он лежит в директориe "css"
Разве я не вылаживал ссылки на эти файлы,
так и у меня на сервере они тоже лежат в этой же папке css
Разве я не вылаживал ссылки на эти файлы,
так и у меня на сервере они тоже лежат в этой же папке css
<html>
<body style="margin:0; padding:0;">
<div align="center" style="position:absolute; width:9%;top:1%">
<img src="твоя картинка" width="100" height="80" alt="" border="0" />
</div>
</body>
</html>
как заблокировать от ввода textarea
Кто знает,как убрать ефект параметра
<div></div>
что после него перевод строки,практически так он выводиться
<div></div><br>
Как можно етого избежать? Есле никак то кто может знает апсолютный аналог div только без етого?
span,a и т.д. не катят.
Кто знает,как убрать ефект параметра
<div></div>
что после него перевод строки,практически так он выводиться
<div></div><br>
Как можно етого избежать? Есле никак то кто может знает апсолютный аналог div только без етого?
span,a и т.д. не катят.
css использовать float
например <div style='position:relative; float:left'></div><div style='position:relative; float:left'></div>
Подскажите пожалуйста как сделать так чтоб при нажатии на любую область сайта, в новой вкладке открывалась страничка с рекламой? Вроде это делается с помощью HTML слоев.
mixkorshun
31.05.2009, 12:08
Вообщем есть проблема: есть страничка со стилем, все отображается замечательно в лисе или опере, а вот IE... IE не масштабирует изображение, следовательно внутренняя таблица тоже расширяется... Если картинку на текст поменять то все нормально. Вообщем помогите найти ошибку...
исходник (http://letitbit.net/download/a39398bcf0/web.rar.html)
Привет всем!
Каким образом можно сделать дабы - кнопочка вида "Методика" - при наведении на нее, охватывалась вокруг себя линией в прямоугольничек - определенного цвета и не с острыми углами а округленными" ?
hors_de_prix
31.05.2009, 15:36
Привет всем!
Каким образом можно сделать дабы - кнопочка вида "Методика" - при наведении на нее, охватывалась вокруг себя линией в прямоугольничек - определенного цвета и не с острыми углами а округленными" ?
поработай с css нарисуй кнопку и тот вид кнопки при наведении . вот я написал тебе в форме .
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>hors_de_prix</title>
</head>
<style type="text/css">
.style1 {font-size: 36px}
a {
font-family: Times New Roman, Times, serif;
background-image:url(images/test.jpg);
font-size: 24px;
}
a:hover {
background-image:url(images/test1.jpg);
text-decoration: none;
}
-->
</style>
<body>
<table width="200" border="1">
<tr>
<td bgcolor="#000000">
<p> </p>
<span class="style1"><a href="hors_de_prix.php">test img</a></span>
</tr>
</table>
</body>
</html>
Кто знает,как убрать ефект параметра
<div></div>
что после него перевод строки,практически так он выводиться
<div></div><br>
Как можно етого избежать? Есле никак то кто может знает апсолютный аналог div только без етого?
span,a и т.д. не катят.
<div style="display:inline;">Используй свойство display с параметром inline</div>
http://www.myspace.com/metallica
подскажите плиз, как правильно делать так, как на этой странице, контент прокручивается, а бекграунд жестко прописан и не двигается
Joker-jar
10.06.2009, 17:09
css background-attachment: fixed
background-attachment: fixed
Как организовать такое, в html я не мастер,поэтому можно с кодом.
Тут (http://s61.radikal.ru/i171/0906/fa/68ad0a2300c1.jpg)
Как организовать такое, в html я не мастер,поэтому можно с кодом.
Тут (http://s61.radikal.ru/i171/0906/fa/68ad0a2300c1.jpg)
<img src="picture" align="left">
blya blja blya blja blya blja blya blja blya blja blya blja
blya blja blya blja blya blja blya blja blya blja blya blja
<br clear="left">
blya blja blya blja blya blja blya blja blya blja blya blja
blya blja blya blja blya blja blya blja blya blja blya blja
FireFenix
11.06.2009, 00:00
<table>
<tr>
<td><img src="я картинко"></td>
<td>Текст справа у картинки</td>
</tr>
<tr>
<td colspan="2">Текст под картинкой</td>
</tr>
</table>
Как организовать такое, в html я не мастер,поэтому можно с кодом.
Тут (http://s61.radikal.ru/i171/0906/fa/68ad0a2300c1.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>
<body>
<img src="http://s61.radikal.ru/i171/0906/fa/68ad0a2300c1.jpg" align="left" width="100" height="100" style="margin-right:6px; margin-bottom:6px;" >Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла
</body>
</html>
вот так тру:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>
<body>
<img src="http://s61.radikal.ru/i171/0906/fa/68ad0a2300c1.jpg" align="left" width="300" height="300" style="margin-right:6px; margin-bottom:6px;" >
<div style="position:absolute;left:150px;top:20px;padding:3px; padding-lright:19px; width:100px;">
Бла Бля Блять Бла Бля Блять Бла Бля Блять Бла Бла Бла Бла Бла Бла Бла
Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла
Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла </div>
<div style="position:absolute;left:20px;top:150px;padding:3px; padding-lright:19px; width:100px;">
Бла Бля Блять Бла Бля Блять Бла Бля Блять Бла Бла Бла Бла Бла Бла Бла
Бла Бла Бла Бла Бла Бла Бла Бла </div>
</body>
</html>
Как регулировать ширину линии? Длину ясно:
<hr width="n" color="n">
, а ширину? Или это невозможно? Хочу очень тонкую сделать..
Как регулировать ширину линию? Длину ясно:
<hr width="n" color="n">
, а ширину? Или это невозможно? Хочу очень тонкую сделать..
<hr style="height:1px;">
or
<hr style="height:1%;">//очень тонкая
<hr style="height:1px;">
or
<hr style="height:1%;">//очень тонкая
L I G A, Опера твой код несхавает! ;)
Andres, <hr style="height:1px; border:0; background-color:#000000;">
Krist_ALL
27.06.2009, 00:17
Подскажите плз как сдекать большую кнопку сабмит в форме. Шоб оч большая и фон салатовый.
Krist_ALL
27.06.2009, 00:32
Подскажите плз как сдекать большую кнопку сабмит в форме. Шоб оч большая и фон салатовый.
FireFenix
27.06.2009, 00:56
<form>
<input type="submit" value="Submit" style="width:800px; height:800px; background:#7FFF00;">
</form>
Извращения наночь глядя =)
Krist_ALL
27.06.2009, 18:27
Скажите а как такую рамку сделать) и как в неё элементы добавить)
http://s56.radikal.ru/i152/0906/29/31f91d70d42ct.jpg (http://radikal.ru/F/s56.radikal.ru/i152/0906/29/31f91d70d42c.jpg.html)
Vanofuture
27.06.2009, 21:47
Скажите а как такую рамку сделать) и как в неё элементы добавить)
http://s56.radikal.ru/i152/0906/29/31f91d70d42ct.jpg (http://radikal.ru/F/s56.radikal.ru/i152/0906/29/31f91d70d42c.jpg.html)
Похоже на fieldset.
<fieldset style="border: 2px solid gray;">
<legend>тра-та-та</legend>
</fieldset>
Бегущая строка, все прекрасно работает, но я хочу поместить сам код в др файл, например javascript.js и потом просто вызвать, добавив аттрибут scr, тоесть так:
<script language="javascript" scr=".../javascript.js"></script>
Но так не работает..
Бегущая строка:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
var scrollCounter = 0;
var scrollText = "Antichat.Ru | Andres ";
var scrollDelay = 70;
var i = 0;
while (i ++ < 140)
{
scrollText = " " + scrollText;
}
function Scroller()
{
window.status = scrollText.substring(scrollCounter++,
scrollText.length);
if (scrollCounter == scrollText.length)
{
scrollCounter = 0;
}
setTimeout("Scroller()", scrollDelay);
}
Scroller();
</SCRIPT>
</head>
<body>
</body>
</html>
вот тебе хтмл код бегущей строки ,и не трави моск яваскриптом.
<marquee height="10" width="270" bgcolor="#99CCFF" scrollamount="6">
Antichat.Ru | Andres
</marquee>
bgcolor="#99CCFF"//бэкграунд
width="270"//ширина
height="10"//высота
scrollamount="6"//скорость
Интересно только почему не получаеться..
Со всем получаеться, а с этим нет.. не могу вызвать..
inSa(Ne)rd
02.07.2009, 11:19
Andres
Просто у тебя опечатка :) пишется src, а не scr
<script language="javascript" srс=".../javascript.js"></script>
или можно так вставлять, как то красивее)
<script type="text/javascript" src=".../javascript.js"></script>
Andres
Просто у тебя опечатка :) пишется src, а не scr
<script language="javascript" srс=".../javascript.js"></script>
или можно так вставлять, как то красивее)
<script type="text/javascript" src=".../javascript.js"></script>
Балин..))
Точно) быстро пишу просто) спасиб большое)
Да..теперь работает отлично)
Спасиб) ++
Доброго времени суток всем.
Вот мне нужен простенький код шапки для сайта типа:
logo и сразу сбоку(справа) лого код для рекламы <a href=""><img src=""></a>
Что-то типа этого.
Вот кавырнул с левого сайта код,но в нём куча всего лишнего и этот код почему-то делает шире сайт...
<table width="100%" border="0" cellspacing="0" cellpadding="0" summary="Main Table for Techshelp">
<tr>
<td align="left" valign="top" style="background: url('templates/sevsky/images/banner_bg.gif') repeat-x; margin-left:0px; margin-right:0px;">
<table border="0" cellspacing="0" cellpadding="0" summary="Header Table with Logo and Search bar">
<tr align="left" valign="top">
<td width="334" rowspan="2"><img src="images/logo.png">
</td>
<!-- new baner start
<td width="334" rowspan="2" style="background-image:url(templates/cool-blue/images/baner.jpg)">
<br><br>
<a href="http://hostd.ru/" target="_blank"><img src="templates/cool-blue/images/hostdru.gif" alt="Techshelp, Serving the Blueyonder Community" border="0"></a>
</td>
new baner end -->
<td width="334" rowspan="2"><br><br>
<a href="http://kuznitsa.crimea.ua/board/1-1-0-57" title="Проверка" target="_blank">
<img src="/123/banners/1.jpg" alt="Первый фронтмен IRON MAIDEN PAUL DI’ANNO в Севастополе! "
border="0" width="468" height="60"></a>
</td>
<td width="161" align="right">
<table width="161" border="0" cellspacing="0" cellpadding="3" summary="Search Box">
<tr>
<td align="center" valign="middle"></td>
</tr>
<tr>
<td align="center" valign="top"></td>
</tr>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td align="center" valign="middle"></td>
</tr>
</table>
Есть что-нибудь попроще?
Заранее спасибо.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
</head>
<body>
<table width="900" border="1" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3" height="130" bgcolor="#f6f6f6">
<h3 margin-left:10px;"><center>шапка</center></h3>
</td>
</tr>
<tr>
<td width="130" rowspan="3">
left
</td>
<td width="270" rowspan="3" height="600">
center
</td>
<td width="130" rowspan="3">
right
</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td colspan="3" height="80">
footer
</td>
</tr>
</table>
</body>
</html>
Ты мне дал конструкцию полной страницы.
А мне именно верх нужен,это отдельный файл шкуры сайта.
И мне лого нужно что б слева было,а по центру реклама и что б лого с рекламой в одной строке было.
Пример: Вот (http://s42.radikal.ru/i097/0907/71/9c31eebc1c90.jpg)
ТС array(0=>'гугл',1=>'HTML',2=>'tables',3=>'прочитать , запомнить',4=>'самому написать то что тебе надо ,за тебя никто этого делать не будет,тут задают вопросы');
ANTIHАCK
03.07.2009, 20:39
Привет всем) Как сделать чтоб при клике в поле ( input type="text") выделялась все строчка сразу?
inSa(Ne)rd
03.07.2009, 21:55
Привет всем) Как сделать чтоб при клике в поле ( input type="text") выделялась все строчка сразу?
<input type="text" value="Текст" onClick="select()" />
Нужно 1/3 закрасить определенным цветом (не важно каким)
Как это сделать?
Была идея с таблицами (растянуть ее на 1/3 страницы) но она до углов не доходит!
Помогайте! ;)
inSa(Ne)rd
03.07.2009, 22:39
Нужно 1/3 закрасить определенным цветом (не важно каким)
Как это сделать?
Была идея с таблицами (растянуть ее на 1/3 страницы) но она до углов не доходит!
Помогайте! ;)
Это из-за body
Надо в стилях убрать отступы у него, сделать margin: 0;
Типа так
<style type="text/css">
body { margin: 0; }
</style>
Ну а закрасить можно и див :) И смотря, как тебе надо - вертикальный или горизонтальный, туда и делаешь 33%
<div style="width: 33%; height: 100%; background: red;" /></div>
ANTIHАCK
04.07.2009, 06:57
inSa(Ne)rd спс
inSa(Ne)rd ок спасибо!
http://start.qip.ru/reg/register?retpath=http%3A%2F%2Fstart.qip.ru%2F
как сделать обводку? в CSS лень искать, дайте литературу по обводке или же сами расскажите если можно
inSa(Ne)rd
05.07.2009, 23:06
inSa(Ne)rd ок спасибо!
http://start.qip.ru/reg/register?retpath=http%3A%2F%2Fstart.qip.ru%2F
как сделать обводку? в CSS лень искать, дайте литературу по обводке или же сами расскажите если можно
Обводку всмысле border? В стилях задается:
border: 1px solid red; (размер, вид обводки и цвет по выбору соответственно) Все это в любом справочнике по CSS подробнее посмотрите :)
Или что то другое надо?
Обводку всмысле border? В стилях задается:
border: 1px solid red; (размер, вид обводки и цвет по выбору соответственно) Все это в любом справочнике по CSS подробнее посмотрите :)
Или что то другое надо?
Я про таблицу говорю... (по середине, где поля нужно заполнять)(она интересует)
inSa(Ne)rd
06.07.2009, 09:04
Я про таблицу говорю... (по середине, где поля нужно заполнять)(она интересует)Ну border он везде border
Я про таблицу говорю... (по середине, где поля нужно заполнять)(она интересует)
Насчет краёв..
Края таблицы закругленные, делай в фотошопе, по другому никак, помоему ещё через Java script можно, и то сложно.
Ну border он везде border
Я имею ввиду про закругленные края
inSa(Ne)rd
06.07.2009, 14:36
А ну так сразу по посту и не догадаешься)
Нарисовать полосу с закругленными краями и вставить, как фон
А ну так сразу по посту и не догадаешься)
Нарисовать полосу с закругленными краями и вставить, как фон
Не понял
Нет так не идет. Надо по нормальному делать. Есть еще варианты?
mailbrush
06.07.2009, 21:53
CSS
.v1, .v2, .v3, .v4, .v5 {
height: 1px;
font-size: 1px;
display: block;
overflow: hidden;
border: 1px solid #B8C3C8;
border-width: 0 1px;
}
.v1 {margin: 0 5px; background: #B8C3C8;}
.v2 {margin: 0 3px; border-width: 0 2px;}
.v3 {margin: 0 2px;}
.v4 {margin: 0 1px;}
.v5 {margin: 0 1px;}
.text
{
border: 1px solid #B0BCC2;
border-width: 0 1px;
padding: 5px 10px;
}
HTML
<tr><td>
<b class="v1"></b><b class="v2"></b><b class="v3"></b><b class="v4"></b><b class="v5"></b>
<div class="text">
Текст колонки
</div>
<b class="v5"></b><b class="v4"></b><b class="v3"></b><b class="v2"></b><b class="v1"></b>
</td>
Быдло-, но пашущий код.
Та надо только рисовать, и вставить в dreamweaver, это 15 мин дела.
Отключи изображения и сам увидишь, там тож нарисовано!
Я имею ввиду про закругленные края
Вот тебе видео (http://rapidshare.com/files/252945818/round_table_andres_antichat.zip.html) про закругленные края, и не парь себе мозг кодами.
мне надо заюзать через ссылку чтобы форма сработала:
<form method="post" name="login" action="/login.php">
<input type="text" name="email" size="20" />
<input type="password" name="pass" size="20" />
<a href="">Вход</a>
</form>
FireFenix
13.07.2009, 02:59
<a href="javascript:document.forms[0].submit();">Вход</a>
так?
скорее так
<a href="#" onClick=javascript:document.forms[0].submit();>Вход</a>
Я бы сделал как показал XopoIII ;)
Я бы сделал как показал XopoIII ;)
Зря, правильно только у FireFenix, в обработчике события (onClick в данном случае) конструкция javascript:blabla не нужна. Сразу пишеться JS код.
imajo.ati
22.07.2009, 13:29
йй
_http://sa-mp.ws/24.server
как сделать чтоб диз растягивался и столбики не вылазили за диз?
http://i028.radikal.ru/0907/8c/127ba3c09d53.png - как есть
http://s11.radikal.ru/i184/0907/27/c92939ee1f44.png - как надо
_http://sa-mp.ws/24.server
как сделать чтоб диз растягивался и столбики не вылазили за диз?
http://i028.radikal.ru/0907/8c/127ba3c09d53.png - как есть
http://s11.radikal.ru/i184/0907/27/c92939ee1f44.png - как надо
Если я правильно понял, то в Макромедии растянуть страницу над, или значения вообще убрать чтоб стало стандартно, тогда думаю и влезет эта хрень.
Хотя могу ошибаться..
Сам с таким не сталкивался.
_http://sa-mp.ws/24.server
как сделать чтоб диз растягивался и столбики не вылазили за диз?
http://i028.radikal.ru/0907/8c/127ba3c09d53.png - как есть
http://s11.radikal.ru/i184/0907/27/c92939ee1f44.png - как надо
Либо верстать таблицами, либо делать дивы не абсолютом... ;)
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
</table>
как такое сделать дивами ?)
Вариантов много(зависит от ситуации),
например
<style>
.container { width:300px; }
.container div { float:left; width:100px; height:100px; }
</style>
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
Naydav, немного не то
мне надо
<table cellpadding="4" cellspacing="2" >
<tr style="background-color:green">
<td><b>Nick</b> </td>
<td><b>Score</b> </td>
<td><b>Ping</b> </td>
</tr>
<tr style="background-color:red">
<td>'.$player[name].'</td>
<td>'.$player[score].'</td>
<td>'.$player[ping].'</td>
</tr>
</table>
только дивами
Naydav, немного не то
мне надо
только дивами
Все зависит от ширины
<style>
.container { width:100%; /* ie box model need change */ }
.header { clear:both; }
.header div { float:left; width:50px; font-weight:bold; background-color:green; margin:1px; padding:2px; text-align:center; }
.content div { float:left; width:50px; font-weight:bold; background-color:red; margin:1px; padding:2px; text-align:center; }
.clear { clear:both; }
</style>
<div class="container">
<div class="header">
<div>Nick</div>
<div>Score</div>
<div>Ping</div>
</div>
<div class="clear"></div>
<div class="content">
<div>name</div>
<div>score</div>
<div>ping</div>
</div>
</div>
Меня интерисует, как сделать поле для ввода пасса. т.е . например введите пароль: (окошко для ввода пасса) .
Где это хранится? чтобы не видно в исходном коде. как сделать такое и куда задавать параметры?
а сам пасс гле хранить? чтобы его не видно было в исходном коде.
Joker-jar
01.08.2009, 15:40
Зачем скрипту выводить чей то пасс?
<input type="password">
Для того, чтобы пользователь ввел пароль. Если надо показать факт того, что пароль сохранен и т.п., можно просто 5 - 10 звездочек вывести
Да нет. например чел должен ввести 12345. как мне сделать такое, что именно при воде 12345 его перебросит на другую страницу.
Меня интерисует, как сделать поле для ввода пасса. т.е . например введите пароль: (окошко для ввода пасса) .
Где это хранится? чтобы не видно в исходном коде. как сделать такое и куда задавать параметры?
Ты можешь полностью описать скрипт? Я тебе быстро напишу PHP+HTML+CSS код и все.
Там делов вижу на 5 мин.
imajo.ati
01.08.2009, 19:00
его интересует хранение пароля в базе данных а не в исходном коде страницы
Joker-jar
01.08.2009, 19:06
Ясно. Тогда тебе к серверным скриптам (php, perl e.t.c.)
Да нет. например чел должен ввести 12345. как мне сделать такое, что именно при воде 12345 его перебросит на другую страницу.
index.html
<table border=0>
<form action='2.php' method=post>
<tr><td>Логин:</td><td><input type=text size=25 name=login maxlength=50></td></tr>
<tr><td>Пароль:</td><td><input type=password size=25 name=password maxlength=50></td></tr>
<tr><td colspan=2><input type=submit value='Послать'></td></tr>
<input type=hidden name=sb value=1>
</form>
</table>
2.php
if ($sb){
if ($password)=='12345'
echo "<html><head><meta http-equiv=refresh content=1;url='СТАВИШЬ СВОЙ УРЛ'></head></html>";
// или обрабатываешь как тебе надо!!!
}
if ($sb){
if ($password)=='12345'
echo "<html><head><meta http-equiv=refresh content=1;url='СТАВИШЬ СВОЙ УРЛ'></head></html>";
// или обрабатываешь как тебе надо!!!
}
t0wer, жесть у тебя код. Хотя бы так:
if ($sb)
{
if ($password == "myPass")
{
header('Location:../index.php');
}
}
Да и <html><head> необязательно ставить, можно просто:
echo '<meta http-equiv="refresh" content="0;url=">';
подскажите пожалуйста как уменьшить высоту форм(ы) и промежуток между ними?!
Ты говоришь об input или о самой форме?
Попробуй поэкспериментировать с этим, вставь после открытия тега <body>:
<styles>
input{
height: значение_в_пикселях px;
marign: значение_в_пикселях px;
}
</styles>
input{
height: значение_в_пикселях px;
marign: значение_в_пикселях px;
}
добавил в css изменилась толко высота каждой формы! в body нечего не происходит если вставлять.
Подскажите как изменить расстояние между формами, т.е. между input
Да, я затупил, надо было
<style type="text/css">
ну в css еще лучше.
Вообще загляни на http://htmlbook.ru - там есть все css свойства и статьи по верстке, ведь лучше полдностью разбираться в том что делаешь.
Судя по тому что у тебя ячейки в таблице, то чтобы сделать отступ между ними, попробуй:
td{
padding:10px; /* ну или какое-нибудь другое значение*/
}
не...:) мне надо уменьшить расстояние между двумя формами, 1-ая форма ввод логина, 2-ая ввод пароля вот между ними расстояние и нужно сократить!
и ещё один вопросик, можно ли сделать так чтобы все браузеры одинаково отображали рассположение картинки?? вот код:
.enter {
position:absolute;
top:389px;
left:666px;
height:30px;
width:143px;
}
открыл под разными браузерами а она рассположена немного поразному сдвиг конечно незначительный, но мне надо 100% точность во всех браузерах, чтобы везде она отображалась на нужном месте и не одного px всторону!:)
Чтобы во всех браузерах было одинаково, надо использовать ресет стилей. самый простой это
*{margin:0;padding:0}
Но из-за этого у тебя могут возникнуть вопросы, потому что для каждого элемента придется все прописывать.
Насчет расстояний, попробуй помути со значениями что я дал. так же у td можешь line-height: значени px, прописать. А вообще учи css (:
мне надо лишь на одну картинку наложить две формы (поле ввода ника и пароля) и кнопку входа и чтобы это всё во всех браузерах стояло на своих местах!)
если не сложно помоги это реализовать:) основы css изучил, но справиться с этой задачей не могу, а надо бы побыстрее это сделать, так что на полное изучение css времени к сожалению пока нет!(( если поможешь стукни плиз в аську 433788690!;)
-=Zhenek=-
04.08.2009, 19:26
<SCRIPT language="JavaScript">
function passq(params)
{
var passw =params.length;
adder.passa.value =passw;
}
</script>
<form name="adder">
<div id="passa"></div></form>
Мне нужно при вызове функции passq в диве вывести то что лежит в passw
Никак не получается(
P.S тут урезный вариант.форма и т.д имеется
document.getElementById('passa').innerHTML=passw;
У меня картинки выстраиваются таким образом
#img {
margin-top: 5%;
padding-left: 5%;
}
http://pic.ipicture.ru/uploads/090807/thumbs/SMCNKlJ14C.jpg (http://ipicture.ru/Gallery/Viewfull/21908078.html)
А как можно сделать так ?
http://pic.ipicture.ru/uploads/090807/thumbs/R7XtW9AGMP.jpg (http://ipicture.ru/Gallery/Viewfull/21908082.html)
желательно чтобы у всех был один id дива
KorKuno_v
07.08.2009, 11:54
У меня картинки выстраиваются таким образом
#img {
margin-top: 5%;
padding-left: 5%;
}
http://pic.ipicture.ru/uploads/090807/thumbs/SMCNKlJ14C.jpg (http://ipicture.ru/Gallery/Viewfull/21908078.html)
А как можно сделать так ?
http://pic.ipicture.ru/uploads/090807/thumbs/R7XtW9AGMP.jpg (http://ipicture.ru/Gallery/Viewfull/21908082.html)
желательно чтобы у всех был один id дива
добавь float:left;
#img {
margin-top: 5%;
padding-left: 5%;
float:left;
}
Как можно разместить объект (картинку или текст) на самом верхнем краю экрана и на самом нижнем ?
верхний левый:
position:fixed;
top:0;
left:0;
нижний правый:
position:fixed;
bottom:0;
right:0;
Для ie6 найди expression, если нужна поддержка в нем
FireFenix
11.08.2009, 15:52
<script>
var img = '<img src="http://ya.ru/logo.png">';
var div_top_left = '<div style="position: absolute; margin-top:0; margin-left:0;">' + img + '</div>'
var div_top_right = '<div style="position: absolute; margin-top:0; margin-left:' + (screen.width - 150) + ';">' + img + '</div>';
var div_bottom_left = '<div style="position: absolute; margin-top:' + (screen.height - 300) + '; margin-left:0;">' + img + '</div>';
var div_bottom_right = '<div style="position: absolute; margin-top:' + (screen.height - 300) + '; margin-left:' + (screen.width - 150) + ';">' + img + '</div>';
document.write(div_top_left);
document.write(div_top_right);
document.write(div_bottom_left);
document.write(div_bottom_right);
</script>
<div>
<br>
абааббаабабба
<br>
чачачачача
<br>
папапапапапапа
<br>
даддааддадада
<br>
опаопаопаопоапоаоп
</div>
или вместо absolute используй fixed, чтобы таскалось с прокруткой текста
BlackSilver
11.08.2009, 15:53
Как можно разместить объект (картинку или текст) на самом верхнем краю экрана и на самом нижнем ?
<div style="position: absolute; top: 0;">xxx</div>
Romik001
11.08.2009, 20:44
Ребят незнаю в тему нужную попал или нет ))) в общем кто нибудь знает как реализовать такую задачу: на сайте, нужно что бы юзер сначала просмотрел рекламу а потом получил в итоге ссылку на скачивание. Желательно без использования php) с фреймами можно что нибудь намутить подобное?
явой,по истечении 10 секкунд показывать див с ссылкой.
dinar_007
11.08.2009, 20:59
Ребят незнаю в тему нужную попал или нет ))) в общем кто нибудь знает как реализовать такую задачу: на сайте, нужно что бы юзер сначала просмотрел рекламу а потом получил в итоге ссылку на скачивание. Желательно без использования php) с фреймами можно что нибудь намутить подобное?
Попробуй элементарно сделать скрытый див, поставить таймаут на функцию его открытия... А в это время показывай ифрейм с рекламой...
Romik001
11.08.2009, 21:13
dinar_007
m0Hze
спс тож тема) но как нить реально без таймаута можно замутить?
Так ты полностью описывай задачу.
Тебе нужно как например на дипозитфайле, с таймаутом, или просто чтоб пользователь увидел рекламу и закрыл?
Первый случай тебе описали выше, делается при помощи функции setTimeout.
Во втором случае открывай рекламу в каком-нибудь попапе, и повесь событие на его закрытие.
Я так понимаю что он ничего не понимает в том что он сказал и сам он не напишет.
Если хочешь как на летитбите, то :
-Создай файл frame_top.php ( млм как хочешь назови.) и укажи в нем следущее:
<title> / </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script language="javascript">
function StartGlide() {
y = 60;
action = window.setInterval("Glide()",1000);
}
function Glide() {
y = y - 1;
document.getElementById('errt').innerHTML= y;
if (parseInt(y)<='0') {
document.getElementById('countdown').style.display ='none';
document.getElementById('links').style.display='bl ock';
window.clearInterval(action);
}
}
function DownloadClick(){
var pop_win = window.open('ССЫЛКА НА СТРАНИЦУ РЕКЛАМы, КОТОРАЯ ОТКРОЕТСЯ ВМЕСТЕ С ЗАГРУЗКОЙ',"_blank","resizable=1,toolbar=1,location=1,menubar=1,status= 1,scrollbars=1'");
self.focus();
}
</script>
<table align="center">
<tr>
<td>
<div id="countdown" style="display:block;" align="center"><b>Дождитесь своей очереди<br><span id="errt" name="errt">60</span> секунд</b></div>
<div id="links" align="center" style="display:none;">
<a onClick="DownloadClick();" href="">Ваша ссылка на скачивание файла</a>
</div>
</td>
</tr>
</table>
<script language="javascript">StartGlide();</script>
В странице, там где человек ждать будет пропиши:
<frameset rows="70,*" frameborder="no" border="0" framespacing="0">
<frame src="ССЫЛКА НА ФАЙЛ- frame_top.php?link=ССЫЛКА НА ФАЙЛ,КОТОРЫЯ ПОЯВИТСЯ ПОСЛЕ ОЖИДАНИЯ" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="ССЫЛКА НА СТРАНИЦУ С РЕКЛАМОЙ," name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
в 1-ом та ссылка на рекламу которая открывается паралельно с закачкой.
во 2-м ссылка на рекламу, которая показывается на странице ожидания.
Вроде так.
спизжено с летитбита!
Romik001
13.08.2009, 14:44
да спс всем. я непишу сам. но у меня есть куча готовых жабаскрптов. задачу со счетчиком ожидания решил. хотелось конечно нетак. всем спасибо за помощь) всем по +10 к репутации)))
и как на летитбите решается без php вот пример на жабе:
<script type="text/javascript">
var c = 10; // числом указывается необходимый период задержки в секундах...
function fcwait() {
if (c > 0) {
var el = document.getElementById("downloadDelayTimeSec")
if( el ){
el.innerHTML = "" + c
}
c = c - 1
setTimeout("fcwait()", 1000)
} else {
document.getElementById("divDLWait").style.display = 'none';
document.getElementById("divDLStart").style.display = 'block';
}
}
</script>
<div style="display:none;" id="divDLWait">Ссылка для скачивания будет доступна через <b id="downloadDelayTimeSec">Load</b> секунд...</div>
<div style="display:none;" id="divDLStart"><a href="http://бла бла">Ваша ссылка на скачивание</a></div>
<a href="javascript://" onclick="fcwait();document.getElementById('divDLWait').styl e.display='block';style.display='none'">Скачать</a>
</div>
типа после клика запускается счетчик.
__________________________________________________ __________________________________________________ _______________
Я так понимаю что он ничего не понимает в том что он сказал и сам он не напишет.
как ты можешь понимать понимаю ли я или нет??? )
как ты можешь понимать понимаю ли я или нет??? )
Раз задал вопрос.
MemorieS
21.08.2009, 03:42
У меня вопрос как сделать на сайте _ownzone.at.ua
2 верхних рисунка чтобы их было полностю видно...
<html> <head> <title>[TITLE]</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <meta http-equiv="charset" content="windows-1251"> <meta http-equiv="vw96.object type" content="Homepage"> <link type="text/css" rel="StyleSheet" href="http://s19.ucoz.net/src/layer3.css" /><script type="text/javascript" src="http://s19.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlockL {display:none}</style> </head> <body style="margin:0px; padding:0px; background-color: #000000;color: #000000;"> <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background: url('/img/s3.gif') repeat-x;"><tr><td align="center"> <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="height: 200px;"> </td></tr> <tr><td align="center" height="15"></td></tr> </table border="0" cellpadding="0" cellspacing="0" width="100%" style="height: 200px;" width: 600px;"> <td style="background: url('/img/s2.gif') no-repeat top right; width: 800px; height: 200px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> </table> </td> </tr> </table> <!-- /Header --> <br> <center> <table align="center"> <A href="/" onmouseout="document.mypic1.src='/img/1off.jpg'" onmouseover="document.mypic1.src='/img/1on.jpg'"><IMG border=0 name=mypic1 src="/img/1off.jpg"></A><A href="/forum" onmouseout="document.mypic2.src='/img/2off.jpg'" onmouseover="document.mypic2.src='/img/2on.jpg'"><IMG border=0 name=mypic2 src="/img/2off.jpg"></A><A href="/load" onmouseout="document.mypic3.src='/img/3off.jpg'" onmouseover="document.mypic3.src='/img/3on.jpg'"><IMG border=0 name=mypic3 src="/img/3off.jpg"></A><A href="/publ" onmouseout="document.mypic4.src='/img/4off.jpg'" onmouseover="document.mypic4.src='/img/4on.jpg'"><IMG border=0 name=mypic4 src="/img/4off.jpg"></A> </table></center> <!-- Body --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="width:186px;padding:0 0 0 0px;"> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/menu.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$GLOBAL_AAMENU$</center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <!--/--> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/pro.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$GLOBAL_PRO$$LOGIN_FORM$</center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <!--/--> <!-- --> <?if($CHAT_BOX$)?> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/chat.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$CHAT_BOX$</center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <?endif?> <!--/--> <!-- --> <?if($POLL$)?> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/poll.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$POLL$</center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <?endif?> <!--/--> <!-- --> <?if($COUNTER$ || $ONLINE_COUNTER$)?> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/stat.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center><center>$COUNTER$<?if($ONLINE_COUNTER$)?> <hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?> </center></center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <?endif?> <!--/--> </td> <td valign="top" style="padding:0px 10px 0px 10px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="70" height="70"><img src="/img/l.jpg" border="0"></td><td align="center" valign="top" style="background-image:url('/img/v.jpg'); color:#49bb25; padding-top: 30px; "><b>Реклама</b></td> <td width="70" height="70"><img src="/img/p.jpg" border="0"></td></tr> <tr> <td style="background-image: url('/img/b.jpg');"></td> <td style="background-image: url('/img/n.jpg');"> <ul class="uz"> </ul><div align="center"> <span style="color: rgb(255, 137, 41);"></span><font color="#49bb25"> <center><a href="http://stalker-cop.3dn.ru/" target="_blank" alt="S.T.A.L.K.E.R.: Зов Припяти"><center><img src="http://stalker-cop.3dn.ru/banners/BANNER.gif" alt="S.T.A.L.K.E.R.: Зов Припяти" title="S.T.A.L.K.E.R.: Зов Припяти" width=468 height=60 border=0></center></a></center> <td style="background-image: url('/img/p2.jpg');"></td> </tr> <tr><td width="70" height="70"><img src="/img/l2.jpg" border="0"></td><td style="background-image: url('/img/n2.jpg');"></td><td width="70" height="70"><img src="/img/p3.jpg" border="0"></td></tr> </table> <br> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="70" height="70"><img src="/img/l.jpg" border="0"></td><td align="center" valign="top" style="background-image:url('/img/v.jpg'); color:#ff7800; padding-top: 30px; "></td> <td width="70" height="70"><img src="/img/p.jpg" border="0"></td></tr> <tr> <td style="background-image: url('/img/b.jpg');"></td> <td style="background-image: url('/img/n.jpg');"> <ul class="uz"> </ul><div align="center"> <span style="color: rgb(255, 137, 41);"></span><font color="#49bb25"> <center>[BODY]</center> <td style="background-image: url('/img/p2.jpg');"></td> </tr> <tr><td width="70" height="70"><img src="/img/l2.jpg" border="0"></td><td style="background-image: url('/img/n2.jpg');"></td><td width="70" height="70"><img src="/img/p3.jpg" border="0"></td></tr> </table> </table> </td> <td valign="top"> </tr> </table> <!-- /Body --> <!-- Footer --> <div style="text-align:center;padding:5px 10px 5px 10px;"> <p align="center"><table border="0" cellpadding="0" height="30" cellspacing="0" width="100%" style="background:url('/img/nizc.jpg') #000000;"> <tr><td><img src="/img/niz1.jpg" border="0"></td><td align="center" style="color:#cccccc;">Design by Memories ICQ: 8868673 © 2009<br><br>$POWERED_BY$<td align="right"><img src="/img/niz2.jpg" border="0"></td></tr> </table> <!-- /Footer --> <tr> </tr> </table> </p> </div> </body> </html> <!-- <popup> --> <table border="0" cellpadding="2" cellspacing="1" style="background:#585858;" width="100%"> <tr><td style="background:url('/img/poloska.png') no-repeat;height:38px;color:#FFFFFF;" align="center"><b>[TITLE]</b></td></tr> <tr><td align="center" style="background:#000000;padding:10px;">[BODY]</td></tr> </table> <!-- </popup> -->
html.txt (http://ownzone.at.ua/html.txt)
скрин1(справо) (http://ownzone.at.ua/img/s3.gif)
скрин2(слево) (http://ownzone.at.ua/img/s2.gif)
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image: url(http://ownzone.at.ua/img/s3.gif); background-position:left; height:300px;"> </td>
<td style="background-image: url(http://ownzone.at.ua/img/s2.gif); background-position:left; height:300px;"> </td>
</tr>
</table> можно так, но я бы вырезал круглый знак и его прилепил бы к правому краю ;)
MemorieS
21.08.2009, 11:43
чтобы шапка состояла из одной картинки?
можиш пропись сказать?
MemorieS
21.08.2009, 12:00
+ чтобы картинка неповторялась в шапке...
я ща зделал хня какаято получилась
MemorieS
21.08.2009, 12:01
и еще как поставить картинку аватара под профелем?
+ чтобы картинка неповторялась в шапке...
я ща зделал хня какаято получилась
background-repeat: no-repeat
http://htmlbook.ru/css/background-repeat.html
Вопрос!
Как сделать линию dotted прилягающей?
Раньше была, но сейчас на пару пикселей отошла, незнаю в чем проблем.
Вообщем раньше было так:
div.text{padding: 0px; background-color: #F5F9FB; border-bottom: 1px dotted #AFCDDC}
div.image{padding: 0px; background-color: #FFFFFF; border-bottom: 1px dotted #AFCDDC;}
Когда в text поставил линию solid, линия в image отошла ниже, раньше она прилягала к картинке, а сейчас отходит, некрасиво получаеться.
Все..сделал..
input.num { -wap-input-format: "*N"}
img { border: 0px; vertical-align: middle;}
кто скажет, как в одном цикле выводить блоки в 2 колонки?
код блока
<table width="255" height="168" cellpadding="0" cellspacing="0" class="vizitka" float="left">
<tr>
<td rowspan="2" valign="middle" class="img"><img src="http://www.spice-rus.ru/images/catalog/SPIKE99.gif" width="64" height="71" alt="" />
<div class="cena"> 1800 р. </div></td>
<td height="80" align="left"><div class="name">Spice Diamond </div>
<hr size="1" color="#ffffff" align="left" width="85%" noshade="noshade" />
<div class="txt">Еще ефективнее SPIKE99, такого вы еще Не пробовали!</div></td>
</tr>
<tr>
<td align="right" valign="middle" height="58"><div id="podrob"> <a href="#">Подробнее</a> </div></td>
</tr>
</table>
у table нет свойства float...
можно что то типа того сделать
for (i=1;i<100;i++){
echo '<div style="clear:left" >'
for (i=1;i<2;i++){
echo '<table width="255" height="168" cellpadding="0" cellspacing="0" class="vizitka" style="float:left;">
<tr>
<td rowspan="2" valign="middle" class="img"><img src="http://www.spice-rus.ru/images/catalog/SPIKE99.gif" width="64" height="71" alt="" />
<div class="cena"> 1800 р. </div></td>
<td height="80" align="left"><div class="name">Spice Diamond </div>
<hr size="1" color="#ffffff" align="left" width="85%" noshade="noshade" />
<div class="txt">Еще ефективнее SPIKE99, такого вы еще Не пробовали!</div></td>
</tr>
<tr>
<td align="right" valign="middle" height="58"><div id="podrob"> <a href="#">Подробнее</a> </div></td>
</tr>
</table>'}
echo '</div>'}
обрати внимание на style="float:left" и style="clear:left"
demo_version
04.09.2009, 19:18
Нашла такой урок http://htmlbook.ru/content/?id=110#
Очень нужный оказался, но проблема в том что у меня к примеру:
Фон страницы черный, на нем белый лист, на белом листе буква А черного цвета, а я хочу чтобы она менялась на голубой.
Проделала этот урок, все получилось, но только картинка вставилась рядом, а мне нужно на моем белом фоне, который в таблице.
Что нужно изменить, чтоы так как мне нужно ??? CSS не знаю, только начинаю изучать.
ThanX!
<DIV class=content>
как найти яваскриптов этот див? т.е. найти по классу
буква А черного цвета, а я хочу чтобы она менялась на голубой.<div style="color:#000000;" onmouseover="javascript: this.style.color='#0000FF';" onmouseout="javascript: this.style.color='#000000';" >A</div>
j0ker13, так и ищите, по слову "content" ...
2mff это конечно хороший вариант а нет что то типа getElementById?
мне содержимое дива нада поменять)
j0ker13, имеется в виду, найти как элемент и получить к нему доступ? Тогда так:
<html><body>
<div class=content>текст класса content в div</div><br>
<div class=content2>текст класса content2 в div</div><br>
<span class=content>текст класса content в span</span><br>
<div class=content>снова текст класса content в div</div><br>
<hr>
<input type="button" value="Найти все теги DIV с классом content" onclick="findElems('DIV','content');">
<script language='JavaScript'>
function findElems(Ntag,Nclass)
{
var elems = document.getElementsByTagName("body")[0].getElementsByTagName(Ntag);
for(var i=0,len=elems.length;i<len;i++)
{
if(elems[i].className==Nclass)
{
elems[i].style.backgroundColor='red'; //тут делаем с элементом что хотим
//можно сделать return elems[i]; и тогда будет аналог GetElementById, только в этом случае будет получен только первый найденный элемент
}
}
}
</script>
</body></html>
PS. В IE, Opera, Firefox работает, в других не проверял.
FireFenix
04.09.2009, 21:06
как найти яваскриптов этот див? т.е. найти по классу
<script>
function find()
{
elem = document.getElementsByTagName('div');
for (i = 0; i < elem.length; i++)
{
if (elem[i].className == 'ababa')
{
alert('Нашолсо засранец!' + '\n' + elem[i].innerHTML);
}
}
}
</script>
<div class="qwerty">123123</div>
<div class="ababa">999</div>
<br>
<a href="javascript:find()">Найти меня</a>
IWantBeautifulLife
05.09.2009, 12:16
Народ, помогите пожалуйста, делаю шаблон для дора, в строке charset= прописываю windows-1251 т.е все это у меня выглядит так:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
Но вот проблема, русский все равно не воспринимает.Пишет вот такое:
ЫЫЫЫЫЫы
Заранее спасибо.
тебе надо ставить кодировку utf-8, или текст переводить в windows-1251
IWantBeautifulLife
05.09.2009, 12:35
Народ, помогите пожалуйста, делаю шаблон для дора, в строке charset= прописываю windows-1251 т.е все это у меня выглядит так:
Цитата:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
Но вот проблема, русский все равно не воспринимает.Пишет вот такое:
Цитата:
ЫЫЫЫЫЫы
Заранее спасибо.
Проблема решена, если кому надо будет, открываем например index.html в блокноте, нажимаем "Сохранить как" и меняем кодировку с utf-8 на ANSI.
games.daemon
06.09.2009, 11:47
нужно быть внемательным ! в адобе дремвивере тоже такой момент прежде чем сохранить нужно посмотреть encoding
теперь у меня вопрос..
допустим у меня есть группа баттонов/форма и над ней лежит div c "opacity: 0" будет ли эта форма функционировать? (тоесть будут ли кнопки нажиматся сквозь прозрачный слой)
проверить самому временно нет возможности
demo_version
06.09.2009, 20:30
Подскажите плиз, зачем нужны фреймы ? Прочла пару статей, но так и не поняла. Кому-то нравится, кому-то нет.
Я никогда ими не пользовалась, не знаю даже почему, не удобно что ли Просто во время чтения про css опять наткнулась на них, и вот задумалась.
Нужны или нет ???
five5feer
06.09.2009, 20:53
Подскажите плиз, зачем нужны фреймы ? Прочла пару статей, но так и не поняла. Кому-то нравится, кому-то нет.
Я никогда ими не пользовалась, не знаю даже почему, не удобно что ли Просто во время чтения про css опять наткнулась на них, и вот задумалась.
Нужны или нет ???
забей, неактуально...
теперь у меня вопрос..
допустим у меня есть группа баттонов/форма и над ней лежит div c "opacity: 0" будет ли эта форма функционировать? (тоесть будут ли кнопки нажиматся сквозь прозрачный слой)
проверить самому временно нет возможности
если надо что бы не нажималось используй свойство display:none
тем более opacity ie6 не держить вроде...
Подскажите плиз, зачем нужны фреймы ? Прочла пару статей, но так и не поняла. Кому-то нравится, кому-то нет.
Я никогда ими не пользовалась, не знаю даже почему, не удобно что ли Просто во время чтения про css опять наткнулась на них, и вот задумалась.
Нужны или нет ???
все зависит от цели, но впринципе, да, не актуально
SaiRus
просто нужен был прозрачный див поверх одной вещи но чтобы у дива срабатывали все обработчики... вырулил чере z-index
demo_version
07.09.2009, 13:31
ThanX!))))
Помогите пожалуйста сделать так: Горизонтальная полоска (ширину сама задам) была посередине страницы (ну это я тоже задам, что она посередине), но она уходит по бокам (вправо и влево) в бесконечность, чтобы не было видно границ.
Мне нужно задать выравнивание ? Не знаю просто как.
demo_version
Если я всё правльно понял то можно сделать так.. полоска во весь экран это див а в нём сделай таблицу с выравниванием по центру в которой 3 ячейки.. и у центральной задай размеры которые надо
demo_version
07.09.2009, 14:11
Flcn
ThanX! Сейчас попробую. А если без дива ? Создала просто таблицу, почти все получилось. Не хочет никак выравниваться =?
Торчит наверху, справа виден немного черный фон, 1полоска на миллиметре, а почему-то слева целый миллиметр черного фона торчит.
++++++
Вроде справилась, просто сделала фоновым рисунком. Растянулся как надо, повторение убрала, все устраивает, кроме position
Пробовала все, но все равно прилип кверху!Меняется только размер в высоте. . . .
Подскажите, как сделать ссылку на flash баннер не используя action script?
Спасибо!
FireFenix
08.09.2009, 08:18
Javascipt + создание swf объекта
FireFenix пример дай или уточни, мне это ни о чём не говорит ...
ThanX!))))
Помогите пожалуйста сделать так: Горизонтальная полоска (ширину сама задам) была посередине страницы (ну это я тоже задам, что она посередине), но она уходит по бокам (вправо и влево) в бесконечность, чтобы не было видно границ.
Мне нужно задать выравнивание ? Не знаю просто как.
а я не понял, надо что бы она в бесконечность уходила или что? если что бы ухадила то
<div style=" background:#FFFFFF;top:50%; width:100%; height:5px; left:-10px;"></div>
FireFenix
08.09.2009, 16:23
FireFenix пример дай или уточни, мне это ни о чём не говорит ...
можно к примеру так
<EMBED type='application/x-shockwave-flash' src='http://www.world-art.ru/bipack/37.swf' height='400' width='240' border='0' pluginspage='http://www.adobe.com/go/getflashplayer'>
или по принципу работы онлайн проигрывателя... создание объекта и указанием пути к банеру
FireFenix :D
Мне нужно не путь к swf файлу прописать, а замену getURL() на html придумать. То есть не прописывать ссылку в баннере средствами action script, а прописать ссылку средствами html!
demo_version
10.09.2009, 10:50
SaiRus
Спасибо, но вот с краями уже разобралась =)! Тут у меня запутанность в выравнивании!
Я сделала эту полоску background-image, задала background-position: 75% -35%; меня устраивает как все выглядит, но как только я начинаю вставлять кнопочки, как background-image опять наверх съезжает.
При этом все работает везде, но не в IE.
++++++
Теперь исправила и работает в IE, но теперь в Опере и мазиле наверху торчит =((((
Как можно зафиксировать что ли фоновое изображение ????
demo_version
background: … fixed;
max_rebel
10.09.2009, 21:32
подскажите как добавить свой шрифт на сайт? ни один из примеров не работает из того что нашёл =(( что писать в css?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<STYLE>
<!--
@font-face {font-family: my-font; src:url(myfont.eot);}
-->
</STYLE>
</head>
<body>
<font size=5>TEXT TEXT TEXT</font></body>
</html>
five5feer
10.09.2009, 21:42
http://xmages.net/out.php/i478413_.png
Примеры ссылок на загружаемые шрифты:
src: url(http://www.fonts.com/comic.eot);
src: url("http://site/magda-extra.pfr") format("truedoc-pfr");
Ссылка на локальный шрифт задается спецификацией шрифта вида local(имя), где имя - это полное название шрифта в операционной системе (например, в Windows имя должно совпадать с названием шрифта в системном реестре). Пример ссылки на локальный шрифт:
src: local("BT Century 751 No. 2 Semi Bold Italic");
Пример полного синтаксиса:
src: local("T-26 Typeka Mix"), url("http://cgi-bin/bar?stuff")
format("type-1", "opentype");
Последний пример содержит две ссылки. Сначала обозреватель попытается загрузить локальный шрифт "T-26 Typeka Mix", а затем, если он не найден, будет загружать шрифт с узла"http://cgi-bin/bar?stuff". В данном случае это сценарий сервера, который может генерировать искомый шрифт в двух форматах: Type 1 и OpenType.
demo_version
10.09.2009, 22:46
FeraS
Спасибо большое, но я уже так пробовала и не получилось, может я не так делаю.
Делаю так:
BODY {
background-position: -80% 100%;
background-color: #000000;
background-image: url('bgimg.jpg');
background-repeat: no-repeat; }
Куда fixed вписывать ?
А еще самая для меня странная штука это: Если меня устраивает вариант в Опере, то не устраивает в IE =\
Ставлю значения background-position: -80% 100%; в IE все вниз уезжает, а в Опере наверх!
Это нормально ?
demo_version
Сократи до:
body {background: #000 url('bgimg.jpg') no repeat fixed -80% 100%;}
imajo.ati
11.09.2009, 09:25
Ставлю значения background-position: -80% 100%; в IE все вниз уезжает, а в Опере наверх!
Это нормально ?
попробуй поменять местами: background-position: 100% -80%;
Куда fixed вписывать ?
htmlbook.ru/css/background-attachment.html
Gray_Wolf
11.09.2009, 10:55
FeraS
А еще самая для меня странная штука это: Если меня устраивает вариант в Опере, то не устраивает в IE =\
Можете почитать о хаках:
Тут http://www.webdevout.net/css-hacks
или как это сделал я, купить справочник по CSS http://htmlbook.ru/books/?id=4
Вот скрин с описанием "условных комментариев"
http://pic.ipicture.ru/uploads/090911/iP1MHRWLU4.png
superboy4
11.09.2009, 13:11
Как создавать привлекательные формы регистрации и входа на CSS без участия таблиц? Есть какие-нибудь уроки на русском языке?
Patronik
11.09.2009, 13:56
в css прописаны параметри для тега а. Типа так
a:link {
FONT-SIZE:34pt; color: #000000;
text-decoration:none;
font-weight: bold;
font-family: Monotype Corsiva, Verdana, Arial;}
a:visited {
FONT-SIZE:34pt; color: #000000;
text-decoration:none;
font-weight: bold;
font-family: Monotype Corsiva, Verdana, Arial;}
а нужно создать другой клас в стиле для оформелния некоторых других ссилок, например "small"
Дописиваю в css файле
a.small{
FONT-SIZE:14pt; color: #000000;
text-decoration:none;
font-weight: bold;
font-family: Verdana;}
}
Ето работает и ссилка маленькая.
Но когда пишу для активной ссилки:
a.small:active {
FONT-SIZE:10pt; color: #FFFFFF;
text-decoration:none;
font-weight: bold;
font-family: Monotype Corsiva, Verdana, Arial;}
Ничего не происходит. Что не так?
demo_version
11.09.2009, 13:57
FeraS
ThanX!)) Совсем забыла что так можно!
imajo.ati
Спасибо большое, тоже совсем забыла про этот attachment
Gray_Wolf
ТОже большое спасибо, буду изучать!
Вроде все получилось =))) Поставила fixed, а position сделала 50% 50%; Работает в IE и в Опере!
Patronik
Надо не a.small, а a .small
#url{
float:left;
background: #aaccff;
border: 1px solid #333; /* Параметры рамки вокруг */
width: 200px; /* Ширина колонки */
height: 300px;
padding: 5px; /* Поля вокруг текста */
margin: 25% 10px 20px 5px;
}
#info{
float:right;
background: #aaccff;
border: 1px solid #333; /* Параметры рамки вокруг */
width: 200px; /* Ширина колонки */
height: 300px;
padding: 5px; /* Поля вокруг текста */
margin: 25% 10px 20px 5px;
}
#result{
float:????????;
background: #aaccff;
margin:23%;
width: 500px; /* Ширина колонки */
height: 300px;
}
Как засунуть result в между енюшками побокам? Ну нивкакую невлезает =(
FireFenix
14.09.2009, 17:33
margin-left: auto;
margin-right: auto;
может так?
margin-left: auto;
margin-right: auto;
может так?
position: absolute;
Помогло)
Все мы знаем, что див - не инлайн тег и делает перенос на новыю строку:<div style="width:170; background-color:#FF0000;">Аргентина</div>
<div style="width:170; background-color:#FF0000;">Аргентина</div> Как выстроить слои в линию так, чтобы сохнанились их ширины?
Таблицы недопустимы! :confused:
mff
<div style="width:170; background:#FF0000; float: left;">Аргентина</div>
<div style="width:170; background:#FF0000; float: left;">Аргентина</div>
FeraS, то что нужно! Просто чудо какоето! Спасибо!
как играть видео фаил на странице?
формат видео - flv.
djmeir13
21.09.2009, 21:09
как играть видео фаил на странице?
формат видео - flv.
не думаио што мозно биз плаиер.
http://www.longtailvideo.com/
тот не плахои
я брал плеер с блога Менахема Менделя http://blog.kremlin.ru/
<table cellpadding=0 cellspacing=0 border=0>
<td style="float: left">
<IMG src="img/menu_left.jpg"></img>
</td>
<td style="background-color: #c6e1ef; height: 50px;margin-right: 100px">
<A href="index.php"><FONT color="#a9d0e3"><B>Главная</B></FONT></A>
</td>
<td>
<div style="float: right"><IMG src="img/menu_right.jpg"></img></div>
</td>
</table>
Первые два блока идут как надо.
Третий с картинкой (Закругленние) не хочет идти в самое право.
Так и остаёттся он впритык с двумя другими.
Знаю в чём ошибка, но как исправить незнаю.
Ctacok
<table cellpadding=0 cellspacing=0 border=0>
<td style="float: left">
<IMG src="img/menu_left.jpg"></img>
</td>
<td style="background-color: #c6e1ef; height: 50px;margin-right: 100px">
<A href="index.php"><FONT color="#a9d0e3"><B>Главная</B></FONT></A>
</td>
<td>
<div style="position:absolute;right:0px;"><IMG src="img/menu_right.jpg"></img></div>
</td>
</table>
Pashkinz
28.09.2009, 10:39
Вопрос по майспейс.
Делаю в веб едиторе разметку изображения с несколькими гипертекстовыми переходами(ссылками) по координатам каждую.
Потом копирую на спейс и там они не работают...
Может спейс вообще их не понимает?
Кто сталкивался- объясните, пожалуйста, как вставить разметку.
Резать изображение долго и муторно.
Спасибо.
Pashkinz =) map теги он не поддерживает :)
Парни, выручайте.
http://s56.radikal.ru/i154/0910/c2/5072889b1386.jpg
Не могу понять как растянуть ячейку внутри таблицы, не фиксировав размер картинки.
Код примерно такой:
<table border="1" width="100%">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="1">
<tr>
<td>Картинка</td>
</tr>
<tr>
<td>txt</td>
</tr>
</table>
</td>
<td>
<table cellspacing="0" cellpadding="0" border="1">
<tr>
<td>Картинка</td>
</tr>
<tr>
<td>txt</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
спасибо)
2F@!nT
<table border="1" width="100%">
<tbody>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
<td >Картинка</td>
</tr>
<tr>
<td >txt</td>
</tr>
</table>
</td>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="1">
<tr >
<td >Картинка</td>
</tr>
<tr>
<td >txt</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
2L I G A
Спасибо)
Но здесь идет выравнивание по ширине, а мне главное - по высоте, чтобы текст и картинки были по одним линиям
2L I G A
Спасибо)
Но здесь идет выравнивание по ширине, а мне главное - по высоте, чтобы текст и картинки были по одним линиям
то есть ты хочешь чтоб ячейка занимала все пространство?
<table border="1" width="100%">
<tbody>
<tr>
<td>
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
<td >Картинка</td>
</tr>
<tr>
<td >txt</td>
</tr>
</table>
</td>
<td>
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="1">
<tr >
<td >Картинка</td>
</tr>
<tr>
<td >txt</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
Не помогло.
Приведу код целиком:
<table style="height: 100%;" border="1" width="100%">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="1" height="100%" width="100%">
<tr>
<td >
<div class="thumbscontainer">
<ul class="thumbs">
<li>
<a href="/modx/assets/galleries/49/sm_poster_myagkoe_a3_100_3_confirmed.jpg" rel="lightbox_assets/galleries/49/gallery">
<img src="/modx/assets/galleries/49/tn_sm_poster_myagkoe_a3_100_3_confirmed.jpg" class="thumbnail" title=" » Click to zoom ->" alt=" » Click to zoom ->" />
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>txt</td>
</tr>
</table>
</td>
<td>
<table cellspacing="0" cellpadding="0" border="1" height="100%" width="100%">
<tr>
<td >
<div class="thumbscontainer">
<ul class="thumbs">
<li>
<a href="/modx/assets/galleries/48/filebotuhb.jpg" rel="lightbox_assets/galleries/48/gallery">
<img src="/modx/assets/galleries/48/tn_filebotuhb.jpg" class="thumbnail" title=" » Click to zoom ->" alt=" » Click to zoom ->" />
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>txt</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
Каким свойством CSS можно заменить valign="top"?
Каким свойством CSS можно заменить valign="top"?
style="position:absolute; top:0px;"
TambWolf
06.10.2009, 19:36
Нужно сделать так что бы после регистрации, человеку надо было пройти авторизацию, а не будет он скинут автоматом (как сейчас почти на всех сайтах), рылся в registration.tpl но ничего не получилось (движок дле 8.2)
TambWolf
Попробуй в файле engine/modules/register.php убрать код, начинающийся на:
$db->query("INSERT INTO " . USERPREFIX . "_users
и заканчивающийся на:
$_SESSION['dle_password'] = $user_arr[2];
}
TambWolf
06.10.2009, 20:24
Отлично! Помогло, большое спасибо! :-)
есть некий div
<div id="256a" style="z-index:1;width: 150px;background-color:#fff;visibility:hidden;" onMouseOut="hidediv('256');">
<a href="/games">1</a><br>
<a href="/games">1</a><br>
<a href="/games">1</a><br>
</div>
такой вопрос при наведении на ссылку див скрывается
как сделать так чтобы при наведении на ссылку див не скрывался а скрывался олько тогда когда мы выйдем за его область?
Нада вроде br Заменить только непомню на что(
есть некий div
<div id="256a" style="z-index:1;width: 150px;background-color:#fff;visibility:hidden;" onMouseOut="hidediv('256');">
<a href="/games">1</a><br>
<a href="/games">1</a><br>
<a href="/games">1</a><br>
</div>
такой вопрос при наведении на ссылку див скрывается
как сделать так чтобы при наведении на ссылку див не скрывался а скрывался олько тогда когда мы выйдем за его область?
onMouseMove="this.className='block_show'"
onMouseOut="this.className='block_hide'"
block_show, block_hide классы в css. как вариант, но можно и через скрипт
гляньте плиз в експлорере 8мом, из-за чего такая херь в шапке посередине, и как ее поправить http://tour-consult.ru/ , в опере и мазиле все норм
rushter
Слишком все запущено. Див со строкой поиска по центру и ниже див с картинкой по центру. Никаких смещений, позишн: фиксед и т.п.
rushter
Слишком все запущено. Див со строкой поиска по центру и ниже див с картинкой по центру. Никаких смещений, позишн: фиксед и т.п.
Ладно,сделаю так.Просто изначально не хотелось трогать эту верстку вообще.
http://forum.antichat.ru/myip.php как сделать текст как там,такого же залёного цвета? И как потом добавлять его? Ну,к примеру отдельные строки в зелёный?
N2kroot
<td width="100" align="right"><font color="#cccccc" size="1">85.113.53.145</font></td>
Подскадите плиз. Мне надо сделать главною страницу сайта из трёх таблиц.
одно севрху (шапка), вторая слева (менюшка), третья по центру- сожеримое. (слева от менюшки и снизу от шапки).
вот есть сайт http://exploit.in наподобие того.
Я пытаюсь юзать align. но таблы идут одна под другой. =(
Подскадите плиз. Мне надо сделать главною страницу сайта из трёх таблиц.
одно севрху (шапка), вторая слева (менюшка), третья по центру- сожеримое. (слева от менюшки и снизу от шапки).
вот есть сайт http://exploit.in наподобие того.
Я пытаюсь юзать align. но таблы идут одна под другой. =(
без ответа
Gigabajt
28.10.2009, 18:02
Подскадите плиз. Мне надо сделать главною страницу сайта из трёх таблиц.
одно севрху (шапка), вторая слева (менюшка), третья по центру- сожеримое. (слева от менюшки и снизу от шапки).
вот есть сайт http://exploit.in наподобие того.
Я пытаюсь юзать align. но таблы идут одна под другой. =(
ответ 1: учи html
Adekvatnyj
29.10.2009, 19:38
Подскадите плиз. Мне надо сделать главною страницу сайта из трёх таблиц.
одно севрху (шапка), вторая слева (менюшка), третья по центру- сожеримое. (слева от менюшки и снизу от шапки).
вот есть сайт http://exploit.in наподобие того.
Я пытаюсь юзать align. но таблы идут одна под другой. =(
дай аську, поговорим, помогу.
И сам вопрос, есть ли книга по CSS ? Хотелось бы красиво делать сайты =).
Adekvatnyj
Здесь XHTML и CSS и еще куча вкусностей (http://aeweb.ru/books/html_book/1105-html-i-xhtml.-podrobnoe-rukovodstvo.html)
Надеюсь пишу в правильном разделе, нужно сделать с помощью ксс следующее:
http://img225.imageshack.us/img225/6269/333w.png
Тоесть чтобы в одной полосе было три элемента на одном и том же уровне, по бокам статичные, по середине повторяющийся.
Надеюсь выразился понятно :)
cyanoвый
31.10.2009, 18:09
Надеюсь пишу в правильном разделе, нужно сделать с помощью ксс следующее:
http://img225.imageshack.us/img225/6269/333w.png
Тоесть чтобы в одной полосе было три элемента на одном и том же уровне, по бокам статичные, по середине повторяющийся.
Надеюсь выразился понятно :)
по-моему даже во всех мануалах про закругленные углы делают тремя элементами. Да я и не представляю, как наличие одного элемента может быть критичным.
Axerel
Стили:
div.d1 {
float: left;
background: #FFF url("адрес.к.картинке") no-repeat;
width: ширина-картинки;
height: высота;
}
div.d2 {
float: left;
background: #FFF url("адрес/к/повторяющейся/картинке") repeat-y;
height: высота;
}
div.d3 {
float: left;
clear: right;
background: #FFF url("адрес/к/картинке") no-repeat;
width: ширина-картинки;
height: высота;
}
Код:
<div class="d1"></div>
<div class="d2"></div>
<div class="d3"></div>
Почему мой html криво отображает русские буквы при просмотре в браузере?(но дело не в браузере) Каракули то есть стоят вместо букв (хочу чтобы нормально отображался)
Кодировка страницы:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
повторюсь:
гляньте плиз в експлорере 8мом, из-за чего такая херь в шапке посередине, и как ее поправить http://tour-consult.ru/ , в опере и мазиле все норм
неужели никто не знает из за чего так разъезжается
Корвин,
<!--[if gte IE 6]>
<style>
стили
</style>
<![endif]-->
попробуй на страницы добавить css - hack для IE, в 7ом тоже косячит... в хаке с падингами поиграйся, умней к сожелению ни чего предложить не могу
Кодировка страницы:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
а в чем создавал саму страницу?
Корвин,
<!--[if gte IE 6]>
<style>
стили
</style>
<![endif]-->
попробуй на страницы добавить css - hack для IE, в 7ом тоже косячит... в хаке с падингами поиграйся, умней к сожелению ни чего предложить не могу
а в чем создавал саму страницу?
(а в чем создавал саму страницу? конкретно не помню но на всех хостах норм отображается а на моем нет) На хостинге там выбор кодировки стоит, поставил UTF-8, все так же, windows-1251 просто нету там! разве что название есть похожое типа cp1251, ставил его но хостинг отказывается сохр в такой кодировке (пишет мол не могу отпарсить)
windows-1251 просто нету там! разве что название есть похожое типа cp1251,
cp1251 и есть синоним Windows-1251, получается твоя кодировка и есть cp1251...боюсь ошибиться, но я бы поставил дрим вивер, создал пхп/штмл файл в кодировке utf-8 скопипастил твой исходник страницы в новый файл и вылажил на хост, в хосте поставил бы utf-8, или там же при создании документа указал бы кодировку Windows-1251 и так же бы все перекопипастил...с одним плагином такие же не состыковки были...передовал параметр из 1251 в утф = приходил бред
Интересует вопрос, как можно radiobutton заделать под картинку, т.е чтобы нажимать не на белый кружочек, а чтобы вместо него была картинка. пример: http://qip.enjoy.ru/add/ когда добавляешь статус, выделяешь картинку (как я понимаю radiobutton) и потом эти данные уже обрабатывает скрипт..
вот нужно сделать что-то подобное, подскажите пожалуйста как такое реализовать.
в css файле, для класса назначить свойство background: <картинка>; вставить в радиобушен или во что ты хочешь class=имя класса
в css файле, для класса назначить свойство background: <картинка>; вставить в радиобушен или во что ты хочешь class=имя класса
не получается =\
vBulletin® v3.8.14, Copyright ©2000-2026, vBulletin Solutions, Inc. Перевод: zCarot