Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: css clip вне таблицы

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
xhugo
Отправлено: 10 Августа, 2011 - 21:25:13
Post Id



Посетитель


Покинул форум
Сообщений всего: 357
Дата рег-ции: Дек. 2010  


Помог: 1 раз(а)
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. #image {
  3. width: 8em;
  4. position:absolute;
  5. clip: rect(auto, 110px, 100px,20px);
  6. }
  7.  

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <table border=1 cellpadding=3 cellspacing=3>
  3. <tr><td>name name:</td><td><input typr="text" name="name"></td><td rowspan='3'><img src="http://img2.ask.fm/assets/001/474/911/normal/171772__43814089_m750x740_u4be5a.jpg" id="image"></td></tr>
  4. <tr><td>mesto ww:</td><td><input type="text" name="home"></td></tr>
  5. </table>
  6.  

все урезается как надо, но если вставить img в таблицу, то оно будет вне её.
 
 Top
DeepVarvar Супермодератор
Отправлено: 10 Августа, 2011 - 21:42:48
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
xhugo пишет:
то оно будет вне её

Канешна...
xhugo пишет:
position:absolute;
 
 Top
xhugo
Отправлено: 10 Августа, 2011 - 21:59:22
Post Id



Посетитель


Покинул форум
Сообщений всего: 357
Дата рег-ции: Дек. 2010  


Помог: 1 раз(а)
но если его убрать изображение будет не обрезано
 
 Top
biperch
Отправлено: 10 Августа, 2011 - 22:00:56
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 588
Дата рег-ции: Окт. 2009  
Откуда: Днепропетровск


Помог: 8 раз(а)
При absolut объект выпадает из потока документа, и остальные элементы строятся не учитывая элемент в позиции absolute
 
 Top
xhugo
Отправлено: 10 Августа, 2011 - 22:23:10
Post Id



Посетитель


Покинул форум
Сообщений всего: 357
Дата рег-ции: Дек. 2010  


Помог: 1 раз(а)
а как же сделать чтобы впадало в поток документа и было внутри таблицы при этом обрезалось как надо?
 
 Top
join
Отправлено: 10 Августа, 2011 - 22:41:53
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Февр. 2011  


Помог: 1 раз(а)
убрать абсолют!


-----
- "Holy shit!" -девиз Холливуда
- "Hello world " -девиз PhP
 
 Top
xhugo
Отправлено: 10 Августа, 2011 - 22:49:12
Post Id



Посетитель


Покинул форум
Сообщений всего: 357
Дата рег-ции: Дек. 2010  


Помог: 1 раз(а)
если его убрать, то картинка будет не обрезана!
 
 Top
DeepVarvar Супермодератор
Отправлено: 10 Августа, 2011 - 22:55:26
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Ну что за ужас...
Вставьте вы эту "апсалютную" картинку в "неапсалютный" див тех же размеров.
 
 Top
xhugo
Отправлено: 10 Августа, 2011 - 23:30:48
Post Id



Посетитель


Покинул форум
Сообщений всего: 357
Дата рег-ции: Дек. 2010  


Помог: 1 раз(а)
CODE (html):
скопировать код в буфер обмена
  1.  
  2. #image {
  3. width: 8em;
  4. position:absolute;
  5. clip: rect(auto, 110px, 100px,20px);
  6. }
  7. #divim {
  8. clip: rect(auto, 110px, 100px,20px);
  9. }
  10. /* */
  11. <div id="divim"><img src="http://img7.ask.fm/assets/001/748/231/normal/hd.jpg" alt="css template" id="image" /></div>
  12.  

так? не ок..
 
 Top
DeepVarvar Супермодератор
Отправлено: 10 Августа, 2011 - 23:32:31
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
диву только размеры!
 
 Top
xhugo
Отправлено: 11 Августа, 2011 - 17:46:16
Post Id



Посетитель


Покинул форум
Сообщений всего: 357
Дата рег-ции: Дек. 2010  


Помог: 1 раз(а)
понял.
возникла похожая проблема:
CODE (html):
скопировать код в буфер обмена
  1.  
  2.        <table border='1' align='center' style="width:720px" cellpadding='3'>
  3.        <tr>
  4.        <td rowspan='2' style="width:70px;height:110px">
  5.      <div id="divim"><img src="http://img7.ask.fm/assets/001/748/231/normal/hd.jpg" alt="css template" id="exp" /></div>
  6.        </td>
  7.        <td style="width:550px">Name</td><td style="width:30px">222</td><td style="30px">333</td>
  8.        </tr>
  9.        </table>
  10.        <style type="text/css">
  11.        #exp {
  12.        width: 8em;
  13.        position:absolute;
  14.        clip: rect(auto, 110px, 100px,20px);
  15.        align:right;
  16.        }
  17.        #divim {
  18.        width:8em;
  19.        }
  20.        </style>
  21.  

картинка якобы в таблице, но где то внизу её.
пробую top:0; у #exp в самый верх двигает самого документа
 
 Top
illy
Отправлено: 11 Августа, 2011 - 18:48:46
Post Id



Участник


Покинул форум
Сообщений всего: 1117
Дата рег-ции: Июль 2011  
Откуда: от верблюда)


Помог: 28 раз(а)
style="30px">333</td>
забыл width: вписать?

<table border=1 align=center style='width:720px' cellpadding=3>
<tr>
<td valign=bottom align=center style='width:70px;height:110px'>
<img width=100 height=110 src='http://img7.ask.fm/assets/001/748/231/normal/hd.jpg' alt='css template'></td>
<td style='width:550px'>Name</td><td style='width:30px'>222</td><td style='width:30px'>333</td>
</tr>
</table>


-----
Всё гениальное - просто
И ещё проще, если ты - индиго
 
 Top
xhugo
Отправлено: 11 Августа, 2011 - 21:05:00
Post Id



Посетитель


Покинул форум
Сообщений всего: 357
Дата рег-ции: Дек. 2010  


Помог: 1 раз(а)
Спасибо. Но у вас картинка же не обрезана, а мне как раз обрезать нужно
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB