Jump to content
  • 0

Прокрутка Внутри Таблицы

stone86

Asked by stone86,

 Share

Question

stone86 Explorer

stone86

Posted
Posted

Всем привет, делаю шаблон. идея такова...внутри фиксированной таблицы должно прокручиватся содержимое.

image.gif

Черный цвет на месте, зеленый крутится, черный я застопорил через fixed, а вот как закрутить центер хз...бросаю в центер табтицу, даю ей стиль пустой, и нихера. что делать?

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
Searcher Explorer

Searcher

Posted
Posted

Не понял причем здесь фиксированная таблица... но черному просто достаточно задать overflow:scroll; и размеры, и все содержимое, что не будет умещаться, будет прокручиваться...

Link to comment
Share on other sites
  • 0
stone86 Explorer

stone86

Posted
  • Author
Posted
а вообще лучше дайте код того что вы уже сделали, иначе придется пользоваться услугами телепатов :)

<style>
#fix{ position: fixed; margin-left: 25%; overflow: scroll;}

</style>
<table width="50%" border="0"  id="fix" align="center">
  <tr>
	<td colspan="3" align="center" bgcolor="#CCCCCC">апор</td>
  </tr>
  <tr>
	<td width="150" valign="top" bgcolor="#CCCCCC">апор</td>
	<td width="240"><table width="100%" border="0" >
	  <tr>
		<td><p> </p>
		  <p>вап</p>
		  <p>рвап</p>
		  <p>рвапр</p>
		  <p>вапр</p>
		  <p>вапр</p>
		  <p>вапр</p>
		  <p>вапр</p>
		  <p>вап</p>
		  <p>р</p>
		  <p>впр</p>
		  <p>вап</p>
		  <p>р</p>
		  <p> </p>
		  <p>вар</p>
		  <p>впр</p>
		  <p>вар</p>
		  <p>вапрв</p>
		  <p>пр</p>
		  <p>sdfg</p>
		  <p>sdfg</p>
		  <p>sdfg</p>
		  <p>sdfg</p>
		  <p>sdfg</p>
		  <p>вапр</p>
		  <p>вапр</p></td>
	  </tr>
	</table></td>
	<td width="150" align="center" valign="top" bgcolor="#CCCCCC">апор</td>
  </tr>
</table>

Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted

:) эээ, ну я сейчас немного отдохну... Что за мудреж? Как это с картинкой в первом посте должно сочетаться?

Вообще это все блоками делать надо, причем тут таблица.

Сейчас попробую разобраться как это у вас должно выглядеть... Но лучше конечно как-нибудь картинкой чтоль...

Link to comment
Share on other sites
  • 0
stone86 Explorer

stone86

Posted
  • Author
Posted (edited)
:) эээ, ну я сейчас немного отдохну... Что за мудреж? Как это с картинкой в первом посте должно сочетаться?

Вообще это все блоками делать надо, причем тут таблица.

Сейчас попробую разобраться как это у вас должно выглядеть... Но лучше конечно как-нибудь картинкой чтоль...

Вид страницы

image.gif

это таблица, она зафиксирована, тоисть не прокручивается! так и должно быть!

крутится должна таблица которая вставляется в центре там где белый фон

Edited by stone86
Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted

А, ну так а зачем таблица, с таблицей такие фокусы проходят с превеликим трудом? Лучше блоками, например как-нибудь так:

<!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" xml:lang="en" lang="en">
  <head> <title></title>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251" />
  <style type="text/css">
	* {margin:0; padding:0;}
	#container {width:50%; margin: 0 auto; position: relative; background-color: #eee;}
	#head {height: 100px; position: fixed; width: 50%; background-color: #fcc;}
	#left {position: fixed; top: 100px; width: 150px; background-color: #ccc;}
	#right {position: fixed; top: 100px; right: 25%; width: 150px; background-color: #ccc;}
	#center {padding: 100px 150px 0 150px;}
  </style>
  </head>
  <body>
	<div id="container">
	  <div id="head"><p>В ворота гостиницы губернского города NN въехала</p></div>
	  <div id="left"><p>В ворота гостиницы губернского города NN въехала довольно 
	  красивая рессорная небольшая бричка, в какой ездят холостяки: отставные 
	  подполковники, штабс-капитаны, помещики, имеющие около сотни душ крестьян, - 
	  словом, все те, которых называют господами средней руки.</p></div>
	  <div id="right"><p>В ворота гостиницы губернского города NN въехала довольно 
	  красивая рессорная небольшая бричка, в какой ездят холостяки: отставные 
	  подполковники, штабс-капитаны, помещики, имеющие около сотни душ крестьян, - 
	  словом, все те, которых называют господами средней руки.</p></div>
	  <div id="center"><p>В ворота гостиницы губернского города NN въехала довольно 
	  красивая рессорная небольшая бричка, в какой ездят холостяки: отставные 
	  подполковники, штабс-капитаны, помещики, имеющие около сотни душ крестьян, - 
	  словом, все те, которых называют господами средней руки. В бричке сидел 
	  господин, не красавец, но и не дурной наружности, ни слишком толст, ни 
	  слишком тонок; нельзя сказать, чтобы стар, однако ж и не так, чтобы слишком 
	  молод. Въезд его не произвел в городе совершенно никакого шума и не был 
	  сопровожден ничем особенным; только два русские мужика, стоявшие у дверей 
	  кабака против гостиницы, сделали кое-какие замечания, относившиеся, впрочем, 
	  более к экипажу, чем к сидевшему в нем. "Вишь ты, - сказал один другому, - 
	  вон какое колесо! что ты думаешь, доедет то колесо, если б случилось, в 
	  Москву или не доедет?" - "Доедет", - отвечал другой. "А в Казань-то, я думаю, 
	  не доедет?" - "В Казань не доедет", - отвечал другой. Этим разговор и 
	  кончился Да еще, когда бричка подъехала к гостинице, встретился молодой 
	  человек в белых канифасовых панталонах, весьма узких и коротких, во фраке с 
	  покушеньями на моду, из-под которого видна была манишка, застегнутая 
	  тульскою булавкою с бронзовым пистолетом. Молодой человек оборотился назад, 
	  посмотрел экипаж, придержал рукою картуз, чуть не слетевший от ветра, и 
	  пошел своей дорогой.</p></div>
	</div>
  </body>
</html>

Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted

Тут еще адаптировать надо к некоторым броузерам, которые кривова-то понимают стандарты... Ну и это не тип верстки, это верстка по современным стандартам, где html описывает структуру данных, а css все оформление. А вообще это еще цветочки, вот Светлана если зайдет - предложит еще более современное решение :)

Link to comment
Share on other sites
  • 0
stone86 Explorer

stone86

Posted
  • Author
Posted
Тут еще адаптировать надо к некоторым броузерам, которые кривова-то понимают стандарты... Ну и это не тип верстки, это верстка по современным стандартам, где html описывает структуру данных, а css все оформление. А вообще это еще цветочки, вот Светлана если зайдет - предложит еще более современное решение :)

мда...мне проще на php скрипт написать чем версткой заниматся...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept