demi
-
Posts
24 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by demi
-
Поверстаю макеты для для практики и портфолио. Собственно за портфолио и адекватную критику. Жду предложений.
-
Вот подстава(( что я совсем не додумался что просто свойсова width перестаёт работать(( а было б круто)
-
Игрался с вёрсткой и решил попробывать может ли СSS отнимать от 100% какие либо число. Оказалось что не может но тем не мение если поставить после 100% знак минус, тоесть так width:100%-; то получаеться очень забавная вещь. Насколько я понял оно от 100% отнимает величину падинга. Кто может обьяснить более детально? P.S. Гуглил и не нашол.
-
спасибо)) и как это я сам не додумался))
-
http://s52.radikal.ru/i136/1106/86/aac15250dd33.gif
-
Оно то конешно работает и выравнивает по вертикали. но если поставить вместо маркера картинку: http://your-photo.ucoz.ru/_ph/25/2/58006219.gif. то текс выровнять по центур не получаеться.
-
Подсказать как сделать так что б во всех браузерах данный список отображался как на картинке. Пока что так отображаеться только в опере.
-
После долгих эксперемен код превратился в это и ещё там каккимто чудным образом оказалось "<a>" но поидеи должно быть так: .list{ float:right; width:240px; margin:5px; } .list li { background-color:#333; list-style-image:url(../img/list.gif); list-style-position:inside; width:230px; padding: 8px 0 0 10px; height:25px; margin-top:5px; } .list li a{ font-variant:small-caps; font-size:15px; color:#B9AC39; text-align:left; display:inline-block; } } h1{ color:#566a41; font-size:15px; } <div class="list"> <ul> <li><a href="#">Home</a></li> <li><a href="#">WHO WE ARE</a></li> <li><a href="#">IMAGE GALLERY</a></li> <li><a href="#">OUR PROJECTS</a></li> <li><a href="#">CONTACTS</a></li> </ul> </div> <!--Конец списка --> Кто чего сможет подсказать, натолкнуть на мысль?
-
Вот что нужно что б получилось и что получаетсья в опере.Доктайп HTML5.
-
.list{ float:right; width:240px; margin:5px; } .list li { background-color:#333; list-style-image:url(../img/list.gif); list-style-position:inside; width:230px; padding: 8px 0 0 10px; height:25px; margin-top:5px; } h2{ font-variant:small-caps; font-size:15px; color:#B9AC39; line-height:20px; text-align:left; } h1{ color:#566a41; font-size:15px; } <div class="list"> <ul> <li><a href="#"><a><h2>Home</h2></a></li> <li><a href="#"><a><h2>WHO WE ARE</h2></a></li> <li><a href="#"><a><h2>IMAGE GALLERY</h2></a></li> <li><a href="#"><a><h2>OUR PROJECTS</h2></a></li> <li><a href="#"><a><h2>CONTACTS</h2></a></li> </ul> </div> <!--Конец списка --> Проблема с вледущем: этот код отображаеться как нужно только в опере. В остальных браузерах совем бред. Подскажите как зделать что б во всех браузерах отображалось как в опере. И если можно подскажите хороший ресурс где описано о разнице отоборажения в браузерах и как это фиксить.
-
очень благодарен)
-
лучший друг тот кто научит гугл выдавать сразу то что мне нужно
-
лучший форум это гугл) спасибо
-
а можно более популярно?))
-
Покажите как сделать диагональный градиент?
-
спс
-
ну тему с макетами нашёл только одну и то там больше половины ссылок на макеты битые и-за древности)) Хочу что то поновей))
-
Кто то может выложить какой то свежий макет для верстки? буду очень благодарен)
-
Всем спасибо))
-
наверняка обсуждалось уже не один десяток раз и в гугле поискать можно, но устал уже искать((( Подскажите, как сделать диви с закругленными углами) буду очень благодарен)
-
Спасибо
-
Возможно я изложил суть проблемы не совсем понятно решил добавить картинки вот что имею http://iscr.ru/1302533607/ Вот что выходит пока не выравниваю ссылки с побощью vertical-align:middle; display:table-cell http://iscr.ru/1302533658/ сделал как посоветовали, не помогло
-
Вот фрагмент кода <style type="text/css"> body{ font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } .conteiner { width:1000px; background-color: #F4F5F7; margin: 0 auto; } .a { color:#FFF; margin-left:30px; font-size: 100%; } </style> <body> <div class="conteiner"> <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> <a class="a" href="">Главная</a> </div> </div> нужно сделать что б ссылки внутри дива были выровнены по вертели (по центру) когда я это делаю дописываю в код "vertical-align:middle; display:table-cell" получаеться <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; > . Текст внутри выравниваться, но весь див прижимаеться к левому краю, а мне он нужен по центру. подскажите как сделать что б див был вы выравнен по центру? Буду очень благодарен
