Faran
-
Posts
43 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Faran
-
Отчасти это и моя проблема, по возможности подскажите пожалуйста
-
он в ослике тупит( хотя в 6 версии даже этот вариант страшно глючный, не могу исправить(
-
Приветствую! Сделал себе для сайта буквицу, так здорово получилось! Но вот в опере почему-то текст(который идёт после буквицы), получается чуть выше, чем в firefox, и это для глаза очень неприятно. Возможно кто-то встречался с подобным или знает почему такое может быть. .whatdo { margin-top:-7px; color:#900; font-weight:bold; text-indent:0; } p { margin-bottom: 1.5em; line-height: 1.6em; text-indent:1em; font-size:14px; } .bukv { font-size:50px; /* Задание размера шрифта буквицы */ color:#900; /* Задание цвета буквицы */ font-weight:bold; float:left; /* Задание обтекания буквицы */ height:34px; line-height:35px; /* Задание положения буквицы */ margin-top:7px; /* Задание отступов буквицы */ margin-right:1px; text-indent:0; } <p class="whatdo"><span class="bukv">Ч</span>то получается?: Текст в файрфоксе нормально, а в опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит. </p>
-
Попробуй написать left: 15.625em;
-
Когда я делаю рамку в классе sl , то она идёт до того момента, пока есть меню,, а меню до футера не доходит и соответственно левый бордер не доходит тоже до футера. а если делаю левый бордер для класса content, то рамка лезет на "миниблок". По другому не знаю как.
-
А можете подсказать как сделать рамку слева, чтобы она шла от миниблока до футера?
-
Здравствуйте. Я подстраивал css код под свои нужда и наконец сделав это вдруг понял, что с такой вёрсткой "профессиональной" остаётся ждать косяков. Пожалуйста помогите исправить сделать его более нормальным css кодом, а то я минусами в маргине пораскидался, а как сделать тоже нормальными средствами незнаю(. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <div id="header"> <div class="header1">лого</div> <div class="header2">лого</div> <div class="header3">лого</div> </div><!-- #header--> <div id="middle"> <div class="poisk">Миниблок</div> <div id="container"> <div id="content">Текст</div><!-- #content--> </div><!-- #container--> <div class="sidebar sl">Меню</div><!-- .sidebar.sl --> </div><!-- #middle--> </div><!-- #wrapper --> <div id="footer">Текст</div><!-- #footer --> </body> </html> CSS * { margin: 0; padding: 0; } * html .sl { margin-left: -90%; } html {height: 100%} body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p {margin: 0 0 18px} img { border: none; } input {vertical-align: middle} #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Header —————————————————————————--*/ #header { height: 150px; background: #FFE680; } .header1 { width: 250px; height: 100%; position: relative; float: left; background-image:url(img/h1.png) } .header2 { width: 386px; height: 100%; position: relative; float: left; border:1px solid black; background-image:url(img/h2.png) } .header3 { width: 358px; height: 100%; position: relative; float: left; border:1px solid black; background-image:url(img/h3.png) } /* Middle —————————————————————————--*/ #middle { width: 950px; padding: 0 0 50px; height: 1%; margin-left: 24px; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #middle .poisk { width:250px; margin-left:-23px; background-image:url(img/5.gif); background-repeat:no-repeat; } #container { width: 100%; float: left; overflow: hidden; margin-top:-20px; border-right:1px solid black; } #content { padding: 0 0 0 5px; background-color:#903; margin-left:225px; } /* Sidebar Left —————————————————————————--*/ .sl { float: left; width: 200px; margin-left: -100%; position: relative; background: #B5E3FF; } /* Footer —————————————————————————--*/ #footer { width: 1000px; margin: -50px auto 0; height: 50px; background: #BFF08E; }
-
Спасибо огромное!
-
Ок! Спасибо!!! Попробовал вставить в поле для текста текст. он вниз не идёт, только в строчку. Убрал overflow, текст идёт вниз, но футер исчезает, тоже самое с меню.
-
Спасибо Вам! Код стал намного меньше. Скажите пожалуйста. а как сделать блок между шапкой и контейнером чуть уже, чтобы получилось как на первом макете? Я ставлю #middle { width: 90%; overflow: hidden; Но он всего лишь справа укорачивается.
-
Здравствуйте. Я создаю свой сайт и сейчас остановился на проблеме с шапкой. Я планирую сделать вот такой каркас На основе шаблона я сделал вот такой 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"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <div id="header"> лого </div><!-- #header--> <div id="middle"> <div id="container"> <div id="content"> контент </div><!-- #content--> </div><!-- #container--> <div class="sidebar sl"> левое меню </div><!-- .sidebar.sl --> </div><!-- #middle--> </div><!-- #wrapper --> <div id="footer"> футер </div> </body> </html> И соответственной CSS код к нему: * { margin: 0; padding: 0; } html {height: 100%} body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p {margin: 0 0 18px} img { border: none; } input {vertical-align: middle} #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Header —————————————————————————--*/ #header { height: 150px; background: #FFE680; } /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 50px; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 0 0 220px; } /* Sidebar Left —————————————————————————--*/ .sl { float: left; width: 200px; margin-left: -100%; position: relative; background: #B5E3FF; } /* Footer —————————————————————————--*/ #footer { width: 1000px; margin: -25px auto 0; height: 25px; background: #BFF08E; } Помогите пожалуйста разделить шапку на три блока. 1 бок ширина 285 px 2 блок ширина 285 px 3 блок ширина 430 px
-
Спасибо Вам! Вы и в CSS отлично разбираетесь, так ещё и в PHP
-
Я сделал файл обработчик book.php А после него каждая страница идёт как ?book= !здесь ID страницы! Получается мне подходит первый способ? А как вставлять в id?
-
Здравствуйте. Я сделал свой сайт на HTML и CSS, а теперь "перевожу" его на PHP. Остановился на таком моменте. Когда у меня был ХТМЛ сайт, то на странице скажем с темами шёл id, который своими стилями выделял ссылку. Получается пользователь понимал, что он находится в шрифтах.: <ul> <li class="vertzag"><div class="vertotstup">Скачать</div></li> <li><a id="leftenter" href="Temy.html">Темы</a></li> <li><a href="Zastavki.html">Заставки</a></li> <li><a href="shrifty.html">Шрифты</a></li> </ul> Когда я разделил сайт на блоки, то меню тоже вынес в отдельный блок и с помощью функции include вывожу. Соответственно id везде поставить невозможно, поэтому его убрал. Соответственно вывод меню сделал циклом: do { printf ("<li><a (как здесь сделать, чтобы он ставил id, взависимости от того, какая страница выбрана?) href='book.php?book=%s'>%s</a></li>", $myrowbook["id"], $myrowbook["titlemenu"] ); } while($myrowbook = mysql_fetch_array($resultbook)); Подскажите пожалуйста, а как сделать чтобы он ставил id, там, где соответственно открыта страница. Извиняюсь, если что-то непонятно описал.
-
Здравствуйте. Осваиваю ЦСС, но решил забежать вперёд. Скачал вот этот скрипт, для добавления новостей на сайт. Но в пхп очень мало понимаю. Как его установить? Куда вписывать новости? Поисковики эти новости видят? Извините заренее, за глупые на чей-то взгляд вопросы.
-
учи пхп и делай галереи, а здесь наврятли найдутся гении, которые тебе распишут.
-
Спасибо. Вот только в 6 ie сылка выходит и за второй див, у меня два дива вложенных друг в друга. ВО всех других браузерах норм.
-
Здравствуйте. Извините, что отвлекаю. У меня есть блок div,в котором прописаны свойства рамки. В нём я вставил текст, который мне нужен. Теперь собираюсь вставить ссылку, в этом же блоке, но надо, чтобы в браузере она была за рамкой. Что прописать в классе не знаю. Обтекание? hidden, как правильно написать не знаю.
-
А если первоначально будет стоять картинка?
-
Great Rash спасибо большое. Чтоб не флудить, спрошу тут же, а можно сделать, чтобы после того, как я навел на первую ссылку, картинка осталась, после того, как я уберу курсор с сылки. А при наведении на другую ссылку так же появлялась картинка и при отведении не убиралась?
-
Great Rash превосходно получилось! Дайте мне пожалуйста номер вашего wmr кошелёк.
-
Добрый день. Пытаюсь реализовать интересное меню. В коде хтмл прописал такое значит: <ol> <li><a href=#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> </ol> Задумка такая - при наведении на ссылку, справа появляется картинка 1, при наведении на вторую ссылку появляется другая картинка 2, на третью - ещё другая картинка. Гуглил, нашёл ява и флеш, а вот css видимо тяжёлая штука.
-
Спасибо большое
-
не получается иза этого id #boxincontainerall { margin: 20px 10px 0 175px; border: 2px ridge #ba8e52; padding:8px 10px 10px 10px; background-image:url(img/textpole.jpg); }
-
.bordertheme { width:230px; border: 1px solid black; margin-top:15px; } .bordertheme ul { list-style-type: none; padding-left:5px; text-align: center; } .bordertheme ul a { color: #663333; text-decoration: underline; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .bordertheme ul a:hover, .bordertheme ul a:focus { text-decoration: none; }