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> <!--Конец списка --> Проблема с вледущем: этот код отображаеться как нужно только в опере. В остальных браузерах совем бред. Подскажите как зделать что б во всех браузерах отображалось как в опере. И если можно подскажите хороший ресурс где описано о разнице отоборажения в браузерах и как это фиксить.

очень благодарен)

лучший друг тот кто научит гугл выдавать сразу то что мне нужно

лучший форум это гугл) спасибо

а можно более популярно?))

Покажите как сделать диагональный градиент?