Jump to content

Trayanez

Newbie
  • Posts

    29
  • Joined

  • Last visited

Everything posted by Trayanez

  1. а ты не пробовал стили загружать? которые я написал <link rel="stylesheet" type="text/css" href="style-new.css" /> упрощу тебе задачу, чтобы тебе не пришлось подгружать стили!!! Просто скопируй код в файл index.html и запусти КОД: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="forex, форекс, дилинговый центр, forex брокер, рынок форекс, форекс торговля, forex биржа, трейдер форекс, трейдер forex, валюьный рынок" /> <meta name="description" content="Счет в USD/EUR. 10 способов автопополнения счета. Плечо до 1 к 500. Трехуровневая партнерская программа." /> <style> body{ background-color: #99CCFF; } #cont{ width:65%; padding-top:35px; } #main{ border:4px ridge black; width:100%; } #button{ width:100%; overflow:hidden; padding:10px 0; } .but{ border: ridge 4px black; width: 15%; float:left; margin-left:3%; background: #ccc; } .block{ border: ridge 4px black; background: #ccc; width:20%; min-height:400px; float:left; } .body{ border: ridge 4px black; background: #ccc; margin-left:25%; min-height:400px; } </style> <link rel="SHORTCUT ICON" href="favicon.ico" /> </head> <body> <center> <div id="cont"> <div id="main"></div> <div id="button"> <div class="but">Кнопка 1</div> <div class="but">Кнопка 2</div> <div class="but">Кнопка 3</div> <div class="but">Кнопка 4</div> <div class="but">Кнопка 5</div> </div> <div id="button"> <div class="block"></div> <div class="body"></div> </div> <div> </center> </body> </html> так как стили я прописал в этот раз не в отдельном файле(style.css), а в самом index.html
  2. если бы картинка стояла сверху блока в правом или левом углу, то это легко сделать (задать картинке float:right или left), а вот в нижнем....меня если честно этот вопрос тоже зацепил надо попробовать разобраться...
  3. такой код я вижу впервые, и не буду спрашивать зачем тебе делать такую страницу, но я не поленился и написал кое что... от твоей проблемы я избавлися, но пришлось немного код переписать , но итог такой же как и от твоего, и ничто никуда не убегает при уменьшении окна..... код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="forex, форекс, дилинговый центр, forex брокер, рынок форекс, форекс торговля, forex биржа, трейдер форекс, трейдер forex, валюьный рынок" /> <meta name="description" content="Счет в USD/EUR. 10 способов автопополнения счета. Плечо до 1 к 500. Трехуровневая партнерская программа." /> <link rel="stylesheet" type="text/css" href="style-new.css" /> <link rel="SHORTCUT ICON" href="favicon.ico" /> </head> <body> <center> <div id="cont"> <div id="main"></div> <div id="button"> <div class="but">Кнопка 1</div> <div class="but">Кнопка 2</div> <div class="but">Кнопка 3</div> <div class="but">Кнопка 4</div> <div class="but">Кнопка 5</div> </div> <div id="button"> <div class="block"></div> <div class="body"></div> </div> <div> </center> </body> </html> css: body{ background-color: #99CCFF; } #cont{ width:65%; padding-top:35px; } #main{ border:4px ridge black; width:100%; } #button{ width:100%; overflow:hidden; padding:10px 0; } .but{ border: ridge 4px black; width: 15%; float:left; margin-left:3%; background: #ccc; } .block{ border: ridge 4px black; background: #ccc; width:20%; min-height:400px; float:left; } .body{ border: ridge 4px black; background: #ccc; margin-left:25%; min-height:400px; } Удачи!!!!
  4. не совсем понял вопрос, но думаю это должно помочь разобраться в этом вопросе.... http://htmlbook.ru/css/visited.html
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy