Jump to content

stars

User
 View Profile  See their activity

  • Posts

    978

  • Joined

  • Last visited

  • Days Won

    3

 Content Type 

Everything posted by stars

  1. stars
    А зачем так все усложнять? для чего это??? Почему нельзя вырезать 4 уголка и собрать эту конструкцию? http://s52.radikal.ru/i138/1004/75/25cbd642d433.jpg
  2. stars
    Ну если бы знать что вы хотите получить в итоге... но в целом можно например так(не лучший вариант но все же...): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" > <meta name="title" content="" > <meta name="keywords" content="" > <meta name="description" content="" > <style type="text/css"> * { margin: 0; padding: 0; } html { height: 100%; width: 100%; } body { width: 100%; height: 100%; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: 100%; } #header { height: 150px; background: #FFE680; width: 100%; } .header1 { width: 285px; height: 100%; position: relative; float: left; } .header2 { width: 285px; height: 100%; position: relative; float: left; } .header3 { width: 430px; height: 100%; position: relative; float: left; } #middle { width: 900px; overflow: hidden; margin: 0 auto; } #leftmeny { width: 200px; position: relative; float: left; overflow: hidden; background-color: aqua; } #content { width: 700px; position: relative; float: left; overflow: hidden; background-color: orange; } #footer { width: 1000px; height: 25px; margin: -25px auto 0; background: #BFF08E; } #miniblock { position: absolute; width: 235px; height: 30px; background-color: fuchsia; z-index: 10; } </style> </head> <body> <div id="wrapper"> <div id="header"> <div class="header1">лого</div> <div class="header2">лого</div> <div class="header3">лого</div> </div> <div id="middle"> <div id="miniblock">Миниблок</div> <div id="leftmeny"><div style="width:200px;height:30px;"></div>левое меню<br><br><br><br><br><br><br></div> <div id="content"><div style="width:35px;height:30px;position:relative;float:left;"></div>контент<br><br><br><br><br><br><br></div> </div> </div> <div id="footer"></div> </body> </html> Мини блок в данном примере зафиксирован... На сегодня это мой последний ответ, не хочется пропустить отличную погоду, надеюсь вы разберитесь...
  3. stars
    Во первых это расстояние надо откуда то взять из leftmeny или content дальше задаем ширину middle и либо отодвигаем его или центруем... #middle { width: 900px; overflow: hidden; margin-left: 50px; } #leftmeny { width: 200px; position: relative; float: left; overflow: hidden; background-color: aqua; } #content { width: 700px; position: relative; float: left; overflow: hidden; background-color: orange; } вот так например... или margin: 0 auto; только зачем если и так известно растояние... Кстати там у вас на рисунке есть еще мини блок так вот этот мини блок проще всего поместить в <div id="middle"> и задать абсолютом (только тогда header\middle надо будет релатив)
  4. stars
    В psd формат свет клином не сошелся )))) макеты бывают и в jpg нормальные(насколько это возможно), правда это когда страница не замысловатая или просто что-то добавить надо... Ну дык это вопрос второй )))) Если вы матерый web-master конечно вы можетe и лесом послать того кто платит < $summa и картинки присылает над которыми еще время тратить надо... А если человек только начинает? Начинать то надо с чего-то, и фотошопом надо научится пользоваться на каком-то минимальном уровне...
  5. stars
    Ну простейший вариант добавить <h5><a href="#">текст <img src="" alt=""></a></h5> или вместо img <span> или еще какой элемент задать ему размеры и уже менять у него бэкграунд...
  6. stars
    проблема не в min-height, а в height: auto !important; наверно первый раз я не до конца понятно выразился ))) перепишите код или хотя бы просто уберите эти строчки... С IE6 можно придумать массу других вариантов...
  7. stars
    Значит со так, если вы начинаете что-то делать сделайте с начало каркас полностью, а уж потом наполняйте его текстом картинками и уже походу выставляйте отступы, шрифты и т.д. Часть кода у вас в css вообще лишняя. ну и собственно зачем писать width: 100% или height: 100% когда известно расстояние в px? Я бы написал так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" > <meta name="title" content="" > <meta name="keywords" content="" > <meta name="description" content="" > <style type="text/css"> * { margin: 0; padding: 0; } html { height: 100%; width: 100%; } body { width: 100%; height: 100%; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: 100%; } #header { height: 150px; background: #FFE680; width: 100%; } .header1 { width: 285px; height: 100%; position: relative; float: left; } .header2 { width: 285px; height: 100%; position: relative; float: left; } .header3 { width: 430px; height: 100%; position: relative; float: left; } #middle { width: 100%; overflow: hidden; } #leftmeny { width: 200px; position: relative; float: left; overflow: hidden; background-color: aqua; } #content { width: 800px; position: relative; float: left; overflow: hidden; background-color: orange; } #footer { width: 1000px; height: 25px; margin: -25px auto 0; background: #BFF08E; } </style> </head> <body> <div id="wrapper"> <div id="header"> <div class="header1">лого</div> <div class="header2">лого</div> <div class="header3">лого</div> </div> <div id="middle"> <div id="leftmeny">левое меню</div> <div id="content">контент</div> </div> </div> <div id="footer"></div> </body> </html>
  8. stars
    Я вижу проблемы только в этой строчке body { font-size: 62.5%; font-family: 'Arial', sans-serif; height:100%; background:#F8F8F8; }... Шрифт не хочет становиться жирным как я понял только в <div id="main-field"> <table id="usrs-table"><tbody> <tr><td class="usersTable-bold" style="font-weight:bold;"><b>Id</b></td><td class="usersTable-bold">Login</td></tr> <tr><td>1</td><td>admin</td></tr><tr class="usersTableRowAlt"><td>2</td><td>manager1</td></tr> </tbody></table> </div> все остальные шрифты нормально меняются.... К сожалению убегаю домой, как приду посмотрю детально...
  9. stars
    Все работает нормально... В IE6 кстати говоря у вас уже косяки на сайте вылезают ))
  10. stars
    код страницы в студию, хочется увидеть это чудо ))))) Заранее могу заверить что данный доктайп не как не блокирует жирный шрифт....
  11. stars
    Если я правильно понял, вас интересует придется ли вам(в случаи получения заказа) что-то доделывать? Ответ: нет (зачастую даже приходится убирать ряд элементов, это когда человек который рисовал дизайн не знает основ html и рисует от души))) ) Что косается макета, получать вы его можети хоть в гифе ))) но это уж если макет рисовал, кто-то не добросовестный и макет собственно простейший... Если вам дадут картинку JPG объясните человеку что который вам дал картинку что JPG может исказить цвето передачу... Если вас интересует какие обычно дают макеты, то они естественно в psd... Кнопки которые должны иметь анимацию вам дадут отдельно, если такие будут... Единственное что от вас потребуется это правильно разрезать макет(минимальных знаний компьютером хватит)... Верстальщик выполняет верстку а не дорисовывает за художниками )))
  12. stars
    не понятно зачем это все: min-height: 100%; height: auto !important; height: 100%; Я бы предложил для <html> и <body> задать height: 100% далее <div id="leftborder"> <div id="rightborder"> аналогично сделать height: 100% и задать им background еще я бы <div id="footer"></div> внес под под теже самые дивы... А вообще было бы хорошо или увидеть станицу гденить на хосте, ну или хотя бы код целиком посмотреть...
  13. stars
    Ну ответить более полноценно чем Searcher на ваш вопрос нельзя. Однако интересно тот код что вы предоставили в первом посте это так не удачно вырезанный код откуда-то или это вы сами такое написали?
  14. stars
    Чем gif не угодил?
  15. stars

    Div в joomla

    stars replied to :tyz's question in HTML Coding

    Если честно то не понятно что требуется(причем не понятен не заголовок темы, не первый пост)... если вопрос про пхп в joomla то пхп оно везде одинаковое как не странно... Напишите яснее разъясните откуда берутся "Те что между ними" если они берутся из базы то делайте выборку и в цикле выводите. если вам нужно просто сделать меню для джумлы то варианта 2 первый написать ее с нуля либо установить на joomla уже готовое меню (самое простое что найдети) дальше заходите в модули(если оно подключается как модуль) и просто редактируете код менюшки...
  16. stars
    Если мы говорим чисто о html то данное не осуществимо, если вы собираетесь использовать JS или PHP то можно достичь определенного эффекта... советую почитать про сам тэг form http://www.htmlbook.ru/html/form.html кстати если вы не упираетесь в 1 form то сделайти их 2 разместите в каждом по кнопке и будет вам счастье...
  17. stars
    Ну у меня вроде все правильно отображается... проверял на ie6 А вообще если нужно чтобы в разных браузерах отображалось по разному то вариантов масс: 1) css hack 2) Для ie есть коменты <![if !IE]><![endif]> 3) JS 4) PHP ну и т.д.
  18. stars
    ну если и пробовать писать такой код то не как не .efect table td:hover { background-color: green; } или .efect td:hover { background-color: green; } соответственно на странице class="efect" задаем таблице или строке (не ячейке) или td:hover { background-color: green; } будет работать на все ячейки ))) однако как писали выше это не будет работать в IE>7
  19. stars
    Ну собственно если это весь код страницы то он без грамотен как минемум... если это вырезка то я бы посоветовал добавить style="height:100%;" тегам html и body <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="height:100%;"> <head> <title>sity</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .backbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } </style> </head> <body style="height:100%;"> <div class="backbox"> <table height="100%" align='center' > <tr> <td> — Page content — </td> </tr> </table> </div> </body> </html> единственное что не понятно для чего в нутри дива делать таблицу или зачем он собственно нужен тут )))
  20. stars
    Нда... попробуйте в файле karta.html <map name="karta"></map> загнать под ваши дивы... И закройте наконец все тэги... Если это на уровне школы делается, то наверно вполне нормально, однако если учится что-то делать то лучше сразу учиться нормально, нежели потом переучиваться... Если это на уровне института то работа выполнена отвратительно...
  21. stars
    надо однозначно подучить азы... <iframe src="karta.html" width="620" height="530" marginwidth="40" scrolling="no">
  22. stars
    На мой взгляд подход не верный... но решать как бы вам... вы можети дописать атрибуты marginwidth=" - отступ по ширине, внутри фрейма и scrolling="" - показывать или нет полосы прокрутки...
  23. stars
    Из того что я тут увидел, я так понял ко всем файлам html применяется style1237.css в котором есть строчка: body{line-height:20pt; background-image:url(fon.gif); min-width:800px; font-family:Verdana,Tahoma; margin:40px; } Вполне логично что у вас <iframe src="karta.html" width="680px" height="600px" ></iframe> будет иметь отступ и еще полосы прокрутки... как вариант ручками прописать style="line-height:20pt; background-image:url(fon.gif);min-width:800px;font-family:Verdana,Tahoma; margin:40px;" в html тем файлам которым оно нужно... а вообще код написан не аккуратно... В karta.html <head> не закрыт ну и т.д.
  24. stars
    Возьмите вашу картинку фоновую и разделите на 3 части. Далее закрепите середину кроя уже сделайте резиновые...
  25. stars
    Отступы скорей всего удастся убрать если прописать в foto.html <style type="text/css"> * { padding: 0; margin: 0; } </style> Но как уже писали выше код страницы очень грязный... Прочитай хотя бы http://stepbystep.htmlbook.ru/?id=63
×
×
  • 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

  I accept