[HTML, Css] - Задай вопрос, получи ответ

Discussion in 'PHP' started by banned, 28 Jun 2007.

Thread Status:
Not open for further replies.
  1. L I G A

    L I G A Banned

    Joined:
    27 Jul 2008
    Messages:
    482
    Likes Received:
    380
    Reputations:
    49
    Объясни норм,а то ничего не понятно
    по-поводу кода:
    закрой тег <div> i <center> - они контейнерные
     
  2. Huligan1

    Huligan1 New Member

    Joined:
    4 Mar 2009
    Messages:
    26
    Likes Received:
    2
    Reputations:
    0
    смотри :

    [​IMG]

    Во первых рисунок получаеться с границами во вторых кнопки какие то слитные и вторая некорректно работает
    помогите плз
     
    #1022 Huligan1, 16 May 2009
    Last edited: 16 May 2009
  3. L I G A

    L I G A Banned

    Joined:
    27 Jul 2008
    Messages:
    482
    Likes Received:
    380
    Reputations:
    49
    PHP:
    <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
     
    #1023 L I G A, 16 May 2009
    Last edited: 16 May 2009
    2 people like this.
  4. Huligan1

    Huligan1 New Member

    Joined:
    4 Mar 2009
    Messages:
    26
    Likes Received:
    2
    Reputations:
    0
    Привет всем !!! тут явно чего то нехватает ? Я хочу чтобы при клике менялась картинка при ещё одном клике другая картинка
    PHP:
    onmousedown="document.img.src='images2/stkn2.jpg'"><img src="images2/stkn.jpg" name="img">
    </
    a>
    И как третью пятую сделать ?
    Также ставлю <a href="forum.antichat.ru" работает но заходит на сайт а мне ненадо этого мне надо что при кликах менялись картинки помогите пжл буду признателен
     
  5. L I G A

    L I G A Banned

    Joined:
    27 Jul 2008
    Messages:
    482
    Likes Received:
    380
    Reputations:
    49
    мб попробуй так:
    <a href=""></a>
     
    2 people like this.
  6. Huligan1

    Huligan1 New Member

    Joined:
    4 Mar 2009
    Messages:
    26
    Likes Received:
    2
    Reputations:
    0
    Нет так два рисунка рядом появляеться ты лучше свой вопрос решай а не чужой
     
  7. Huligan1

    Huligan1 New Member

    Joined:
    4 Mar 2009
    Messages:
    26
    Likes Received:
    2
    Reputations:
    0
    Привет всем ещё вопросик вот я кликаю по созданной кнопке и она остаёться вжатой как сделать чтобы после клика она возвращалась в нормальное состояние ?

    PHP:
    <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>
    Вот что есть
     
  8. krypt3r

    krypt3r Elder - Старейшина

    Joined:
    27 Apr 2007
    Messages:
    1,507
    Likes Received:
    389
    Reputations:
    101
    Логично предположить, что onmouseup
     
  9. Huligan1

    Huligan1 New Member

    Joined:
    4 Mar 2009
    Messages:
    26
    Likes Received:
    2
    Reputations:
    0
    >_< очень логично а ещё логичнее выложить код полностью а не писать что логично
     
  10. krypt3r

    krypt3r Elder - Старейшина

    Joined:
    27 Apr 2007
    Messages:
    1,507
    Likes Received:
    389
    Reputations:
    101
    Голова человеку дана не только для того, чтобы в нее есть
    Code:
    <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>
    
     
    1 person likes this.
  11. Huligan1

    Huligan1 New Member

    Joined:
    4 Mar 2009
    Messages:
    26
    Likes Received:
    2
    Reputations:
    0
    Извини я html практич незнаю если подскажешь литературу буду благодарен !

    Ещё настиг вопрос надеюсь что последний:
    Я указываю рабочему столу картинку в виде html (Вот я и делал кнопки для него)
    кнопка круглая но подчёркивает её синем на рабочем столе как бы получаеться круглая кнопка в синем квадрате но когда смотрю через оперу то подчёркиваний кнопки нет но как бы если перевести курсор чуть раньше чем кнопка то он всё равно готов к клику вообщем картинку щас покажу

    [​IMG]

    Как вот эти полосы синие убрать ? Да и у меня неполучилось сделать полностью круглую кнопку я делал прозрачность а вообще возможно сделать чисто круглую кнопку ?

    На всякий оставляю код

    PHP:
     <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 Тут пример одной кнопы кто поможет тому жирный +
     
  12. Pashkela

    Pashkela Динозавр

    Joined:
    10 Jan 2008
    Messages:
    2,750
    Likes Received:
    1,044
    Reputations:
    339
    Параметр border у тибя отсутствует:

    <img src='/pm.jpg' border=0>
     
    1 person likes this.
  13. Huligan1

    Huligan1 New Member

    Joined:
    4 Mar 2009
    Messages:
    26
    Likes Received:
    2
    Reputations:
    0
    =) Спасибо большое разобрался

    Но ещё один штрих есть ярлыки после установки этого html выделяються белым цветом см рисунок можно сделать прозрачность ярлыкам ?
     
  14. Pashkela

    Pashkela Динозавр

    Joined:
    10 Jan 2008
    Messages:
    2,750
    Likes Received:
    1,044
    Reputations:
    339
    Мне никакого рисунка в твоих постах чото не видать

    а, всё, через цитату увидел

    Ярлыки сами не белые, белые подписи к ярлыкам
     
    #1034 Pashkela, 20 May 2009
    Last edited: 20 May 2009
  15. Huligan1

    Huligan1 New Member

    Joined:
    4 Mar 2009
    Messages:
    26
    Likes Received:
    2
    Reputations:
    0
    Ну как убрать то сделать подписи прозрачными подскажите плз
     
  16. harom

    harom New Member

    Joined:
    15 Jan 2009
    Messages:
    25
    Likes Received:
    0
    Reputations:
    0
    Доброе время всем форумчанам!
    Прдскажите откуда грузится стиль:
    вот код хтмля:
    PHP:
     <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>

    Вот ссылка на то, что вызывает вопросы:
    Лайтбокс

    все интересующие библиотеки и файл lightbox.css скачивал с сайта по адрессам:
    http://www.muttmansion.com/lightbox/lightbox/css/lightbox.css

    http://www.muttmansion.com/lightbox/lightbox/js/prototype.js

    и тд. но при этом ничего подобного. как на примере не получилось, просто грузится картинка с её реальными размерами и всё!
    А так бы хотелось, что бы всё было, как в примере
     
  17. Huligan1

    Huligan1 New Member

    Joined:
    4 Mar 2009
    Messages:
    26
    Likes Received:
    2
    Reputations:
    0
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script>

    CSS
     
  18. L I G A

    L I G A Banned

    Joined:
    27 Jul 2008
    Messages:
    482
    Likes Received:
    380
    Reputations:
    49
    css/lightbox.css
    заметь что он лежит в директориe "css"
     
    #1038 L I G A, 21 May 2009
    Last edited: 21 May 2009
    2 people like this.
  19. harom

    harom New Member

    Joined:
    15 Jan 2009
    Messages:
    25
    Likes Received:
    0
    Reputations:
    0
    Разве я не вылаживал ссылки на эти файлы,
    так и у меня на сервере они тоже лежат в этой же папке css
     
  20. L I G A

    L I G A Banned

    Joined:
    27 Jul 2008
    Messages:
    482
    Likes Received:
    380
    Reputations:
    49
    PHP:
    <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>
     
Thread Status:
Not open for further replies.