Тиар
-
Posts
9 -
Joined
-
Last visited
Тиар's Achievements
Explorer (1/14)
0
Reputation
-
так не получается(( как ты показал - картинка встает над текстом, а если ставить posirion:relative вместо absolute, то ломается вся структура
-
доброго времени суток, уважаемые специалисты у меня назрела проблемка которую не могу решить( есть отрывок кода html: <div class="one">ТЕКСТ</div> <div class="two"><img src="рисунок"></div> и отрывок кода css к нему: .one{ float:left; } .two{ position:absolute; } теперь собственно проблема. нужно чтобы текст был НАД рисунком, а не слева. Опера и Мозила позиционируют нормально, IE выкабенивается и ставит текст слева. несмотря на position:absolute подскажите пожалуйста какое-либо решение, но с условием что float:left останется, потому что на нем держится остальное содержимое блока
-
2 Searcher: как ни странно да но все же вопросы остались вот такой код: <table class="kat" border="0"> <tr> <td rowspan="3" valign="top"><img src="tcamry.jpg"> </td> <td class="h">Toyota Camry</td> <td class="next"><a href="#" class="green">далее</a></td> </tr> <tr> <td rowspan="2" colspan="2"> текст текст текст текст </td> </tr> </table> и css table.kat { width: 100%; font-family: Tahoma; color: #000000; font-size: 12px; padding-left: 7px; text-align: top; } td.h { font-family: Tahoma; color: #000000; font-size: 18px; font-weight: bold; } td.next { width: 50px; background-color: #0b4848; text-align: center; margin: 0px; } а теперь собственно вопрос. как сделать чтобы работал width: 50px в ячейке со словом "далее"????
-
привет. помогите плз 2 вопроса. 1. в таблице бэкграунд прижимается тэгом background-position: right bottom. в опере все нормально, а в ie есть отступ снизу на один пиксель. как исправить? 2. в ie таблица растягивается на 100% в высоту, хотя это нигде не указао. от этого очень большие отступы между строками. как исправить? и для всех браузеров. почему так теряется качество рисунка? обрезаю в ps закладку, ставлю ее в страницу - выгядит намного тусклее чем в макете. почему?
-
2Rus что-то типа этого: http://slil.ru/26106977
-
конкретно не работают следующие строки (в коде от rus) 55 width: 160px; ... 60 width: 7px; ... затем с применеием Doctype появился косяк в строке 104 <img src="shadow-top-ang1.jpg"> рисунок сполз на один пиксель вниз.
-
2 Рус. Не помогло...
-
вот код. да, плюс еще вопрос: как убрать выделение вокруг ссылок в главном меню html <!DOCTYPE HTML Public"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt1"> <html> <head> <title> hello world [block layout edition] </title> <link href="блочный css.css" rel="stylesheet" type="text/css"> </head> <body> <br> <!--main table (0)--> <table class="main" border="0" align=center> <tr> <td colspan=2 class="header"> <img src="header.jpg"> </td> <td rowspan=4 class="shadow"> <img src="shadow-top-angl.jpg"> </td> </tr> <tr> <td colspan=2> <br> <table class="main-menu" border=0> <tr> <td><a href="#" class="pic"><img src="lnk-na.jpg"></a></td> <td><a href="#"><img src="lnk-na.jpg"></a></td> <td><a href="#"><img src="lnk-na.jpg"></a></td> <td><a href="#"><img src="lnk-na.jpg"></a></td> <td><a href="#"><img src="lnk-na.jpg"></a></td> </tr> </table> </td> </tr> <tr> <td width=45%> <table class="menu" border=1> <tr> <td rowspan=5 width=35><img src="tab.jpg"></td> <td rowspan=5 width=10></td> <td colspan=2 class="ftplace"><img src="avatar.jpg"></td> <td class="innershadowtop"></td> <td rowspan=2 colspan=2 class="tmenu">menu-table</td> </tr> <tr> <td colspan=2>shadow</td> <td>a</td> </tr> <tr> <td class="leftglow">ag</td> <td colspan=3>t</td> <td>ag</td> </tr> <tr> <td>r</td> <td colspan=3 class="infotable">i</td> <td>l</td> </tr> <tr> <td>ag</td> <td colspan=3>b</td> <td>ag</td> </tr> </table> </td> <td> news </td> </tr> <tr> <td> <a href="#">footer</a> </td> <td> re-main menu </td> </tr> </table> </body> </html> css html, body { margin:0px; padding:0px; background-color: #9f9f9f; } table.main { width: 60%; border-collapse:collapse; background-color: #f3f3f3; } td, input, select, textarea { font-family: Verdana; font-size: 10px; color: black; font-weight: bold; vertical-align: top; } td { padding:0px; } td.shadow { width: 6px; background-image:url(shadow-top.jpg); background-repeat: repeat-y; background-position: right; text-align:right; } td.header { width: 100%; height: 130px; text-align: right; padding-right: 10px; } table.main-menu { width: 100%; height: 37px; text-align: center; } table.menu { padding-left: 15px; padding-top: 15px; } td.ftplace { width: 160px; height: 160px; background-color: #5c7336; } td.innershadowtop { width: 7px; height: 100%; background-image: url(shadow-inner-top.jpg) background-repeat: repeat-y; background-position: left; } td.tmenu { width: 21px; height: 100% } td.leftglow { width: 3px; height: 100%; } td.infotable { width: 195px; } a:link { color: #f3f3f3; text-decoration: none; } a:hover { color: #f3f3f3; text-decoration: none; } a:active { color: #f3f3f3; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:focus { outline: none; }
-
Здравствуйте. Недавно начал изучать блочную верстку. Сайт-пример получился на отлично. От оригинала не отошел ни на йоту, вроде бы разобрался, а начал свой и столкнулся с некоторыми проблемами. А конкретнее следующее. Для ячейки таблицы прописываю следующие параметры: td.shadow { width: 100%; height: 37px; } и не работает ни один ни второй параметр. Причем по всей таблице несколько таких косяков. В чем может быть проблема?