Перейти к содержанию
СофтФорум - всё о компьютерах и не только

вёрстка Макета HTML+CSS |-WARNING.


Рекомендуемые сообщения

даров народ нуждаюс срочно в помощи уже как третий день не могу найти ришение, дело в том что когда я открываю страницу на полный Екран выгледин она нормально рисунки все детали не теряют шерины высоты но когда я начинаю свёртывать окно произходин геморой Текст вылазит рисунки сварачиваюца вобше с 200пх Х 200пх на 10пх Х 10пх + если делаю рисунок на полную ширину и он больше чем Див то всё рисунок меня проклинает и вылазит вобше с контейнера в котором находица . примеры на рисунках ниже ! пожалуйста помогите побитрее а то уже заколебался тыкать в слепую !!!

2.jpg

1.jpg

post-110007-0-30745200-1331640693_thumb.

post-110007-0-24948200-1331640702_thumb.

Ссылка на комментарий
Поделиться на другие сайты

Чтобы при resize окна браузера все элементы не меняли свой размер, им необходимо задавать жестко размеры. Для блоков и для картинок тоже.

PS: скрины конечно круто, но нужно хотя бы написать что там за верста. На div-ах или табличная. В общем, мало информации для подробного ответа. рекоммендации см. выше.

Изменено пользователем Бумер
Ссылка на комментарий
Поделиться на другие сайты

Когда делаю всё в пикселях всё хорошо можна окно тегат как хочиш проблема когда в процентах всё

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>1231132828</title> <style type="text/css"> div {display:block;} p {margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;background:#999;} #all {  height:94%;width:94%;min-height:94%;max-height:100%;max-width:100%;position:absolute;margin:0 auto; } #head {   width:94%;height:10%;border:solid 1px red;margin-bottom:1%;text-align:center;margin:0 auto;} #tableleft {   width:30%;min-height:85%;border:solid 1px red; margin-right:1%;float:left;margin-right:1%;margin-left:1%;overflow:hidden;background:#FF0; } #tablecenter {   width:30%;min-height:85%;border:solid 1px red;float:left; margin-right:13px;margin-right:1%;display: block;overflow:hidden;background:#D6B7FB; } #tableright  {   width:30%;min-height:85%;border:solid 1px red; float:left;overflow:hidden;background:#C0C0C0; } #pie { height:10%; width:100%;border:solid 1px red; background:black;margin-top:1%;overflow:hidden; }  #tablecenter img { border:5px solid;height:50%;width:50%;  }  #clear { clear: both;  } </style></head><body>  <div id="all"><div id="head"><h1>.. :: Mi Web de Prueba :: ..</h1></div><div id="tableleft"><p>Este es un ejercicio en el cual aplicares todo lo que sabemos hasta este momento, pasando por todos lo temas vistos hasta ahora.<br/><center><img src="file:///I|/Manual CSS Ej. Fulls 100%/Part 2 CSS/imagen ejercicio 3.jpg" width="143" height="107" border="3px"></center></p></div><div id="tablecenter"><center><img src="file:///I|/Manual CSS Ej. Fulls 100%/Part 2 CSS/imagen1 ejercicio 3.jpg"><p>Vamos a trabajar con imagenes en distintas posiciones y tamanos haremos listas y tambien utilizaremos colores de fondo.</p></center></div><div id="tableright"><p>Sabemos de momento trabajar con:<br /> +Html <br />+Xhtml<br />+CSS<br />Por lo tanto sabemos disenar maginas:<br /> +Regidas por los estandares utilizados hoy dia + Que se veran en cualquier navegador.Copyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reserv de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechos de Cipsa año 2010 todos los derechosadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservadosCopyright Alumno de Cipsa año 2010 todos los derechos reservados</p></div><div id="clear"></div><div id="pie" background="black">©Copyright Alumno de Cipsa año 2010 todos los derechos reservados <strong>by MS-DOS</strong></div> </div></body></html>
Ссылка на комментарий
Поделиться на другие сайты

по поводу того, что "вылазит" за рамки: все задано в процентах. в итоге имеем то, что все элементы меняют свой размер при изменении окна. Это нормально, т.к. проценты задаются относительно размеров окна.

Что вы хотите в итоге? чтобы текст скрывался если не помещается (overflow:hidden в помощь)? С изображениями что хотите?

Ссылка на комментарий
Поделиться на другие сайты

Я, конечно же, дико извиняюсь, но - если код вычитывается и правится хоть примерно так же, как и предыдущие сообщения - сильно вряд ли мы что тут насоветуем, право слово... Точнее, присоветовать-то получится. Но результат будет поразительным...

Ссылка на комментарий
Поделиться на другие сайты

лучшебы посоветывал я так устал с етими процентами не получаеца нормальная страница которую можна как пластелин сворачивать!!

Ссылка на комментарий
Поделиться на другие сайты

Повторяю. Крайний раз...

Будучи неграмотным вообще - чего же ожидать от применения языков программирования (пусть даже WEB-языков), где даже один символ может убить весьма немаленькую программу, а не то что сайт...

P.S. И - да... Будьте осторожнее с желаниями. Они порою сбываются...

Ссылка на комментарий
Поделиться на другие сайты

Гость
Эта тема закрыта для публикации ответов.
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...