laird

October 26, 2011

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

Благодарю, буду пробовать

October 26, 2011

Попытаюсь объяснить на словах, что к чему.

Создаю таблицу - в ячейке оной ещё одну таблицу. В новой таблице в ячейку помещаю текст (все размеры - таблицы и ячеек - в %) - на моем мониторе 1024х768 отображает нормально - по всей высоте блока есть текст, как и надо. На другом мониторе где разрешение 1280х1024 (или около того) нижних процентов 30 блока стали пустыми - т.е. текст при 14рх отображается более мелким шрифтом, между тем как ячейка таблицы по % осталась на нужных размерах относительно экрана. Есть ли способ как-то фиксированно вписать текст в нужный блок на сайте, чтобы на разных мониторах он занимал одинаковый объем? Нужно ли как-то использовать font-size в % css или не прокатит? Какие способы есть?

Спасибо за помощь!

October 26, 2011

Ваша ссылка больше причиняла вреда, чем давала разъяснения. За такие ссылки следующий раз будет бан.

Хм? Ссылка на картинку на радикале причиняет вред? О_О

October 26, 2011

День добрый ))

Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить!

ссылка удалена модератором

<html>
<head>
<style type="text/css">
BODY {
font-size: +2;
font-family: Georgia, 'Times New Roman', Times, serif;
margin: 0;
padding: 0; 
}
#table-outer {
    position:relative;
    width:100%;
}

    /**/
    #table-bg {
        width:100%;
    }     

    /**/
    #self-table {
        position:absolute;
        left:0;
        top:0;
        width:100%;
    }  
</style>
<title>Удаленное администрирование</title>
</head>
<body>

<div id="table-outer">
<img id="table-bg" src="ad.bmp" alt="" /> 
<table id="self-table" width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse">
<tr height="6%">
<td width="8%" colspan="6">
<img src="top.bmp" width="100%">
</td>
</tr>
<tr height="8%">
<td width=8%>
<img src="menu1.bmp" width="100%">
</td>
<td width="5%" rowspan="10">
<img src="left.bmp" width="100%">
</td>
<td width="39%" rowspan="10">
<br><br><br><br><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</td>
<td width="5%" rowspan="10">
<img src="center.bmp" width="100%">
</td>
<td width="39%" rowspan="10">

</td>
<td width="4%" rowspan="10">
<img src="right.bmp" width="100%">
</td>
</tr>
<tr height="9%">
<td width="8%">
<img src="menu2.bmp" width="100%">
</td>
</tr>
<tr height="9%">
<td width="8%">
<img src="menu3.bmp" width="100%">
</td>
</tr>
<tr height="8%">
<td width="8%">
<img src="menu4.bmp" width="100%">
</td>
</tr>
<tr height="9%">
<td width="8%">
<img src="menu5.bmp" width="100%">
</td>
</tr>
<tr height="8%">
<td width="8%">
<img src="menu6.bmp" width="100%">
</td>
</tr>
<tr height="9%">
<td width="8%">
<img src="menu7.bmp" width="100%">
</td>
</tr>
<tr height="8%">
<td width="8%">
<img src="menu8.bmp" width="100%">
</td>
</tr>
<tr height="8%">
<td width="8%">
<img src="menu9.bmp" width="100%">
</td>
</tr>
<tr height="13%">
<td width="8%">
<img src="menu10.bmp" width="100%">
</td>
</tr>
<tr height="5%">
<td colspan="6">
<img src="down.bmp" width="100%">
</td>
</tr>
</table>
</div>
</body>
</html>

October 17, 2011

Кстати говоря - испытал, чтот не работает :mellow:

Пробовал с

<script>
$(function(){
        $('a#link').hover(
                function(){
                        $('area#area').trigger('mouseover');
                },
                function(){
                        $('area#area').trigger('mouseout');
                }
        )
});
</script>
<a href="ssylka.html" id="link">ссылка</a>

<area shape="poly" id="area" tooltip="ссылка" onmouseover="cvi_tip._show(event);" onmouseout="cvi_tip._hide(event);" onmousemove="cvi_tip._move(event);" href="ssylka.html" coords="184, 66, 338, 66, 338, 141, 184, 141" />

October 17, 2011

ну, что вроде



<script>
$(function(){
	$('a#link').hover(
		function(){
			$('area#area').trigger('mouseover');
		},
		function(){
			$('area#area').trigger('mouseout');
		}
	)
});
</script>
<a href="ssylka.html" id="link">ссылка</a>

<area shape="poly" id="area" tooltip="ссылка" onmouseover="cvi_tip._show(event);" onmouseout="cvi_tip._hide(event);" onmousemove="cvi_tip._move(event);" href="ssylka.html" coords="184, 66, 338, 66, 338, 141, 184, 141" />

Благодарю А ежель ссылок таких много, для каждой прописывать <script>...</script>? а id для каждой area тоже надо менять - если да, в каком месте в скрипте?

October 17, 2011

ситуевина:

есть ссылка типа <a href="ssylka.html">ссылка</a>

есть участок в изображении завязанный с map area:

надо чтоб при наведении курсора на текстовую ссылку выделялся ещё и участок на карта подсвечиванием как если бы навести курсор напрямую на этот участок :mellow:

как эти две вещи можно друг с дружкой связать? есть ли способы попроще?

заранее благодарю за помощЬ :rolleyes:

October 15, 2011

October 15, 2011

Есть ли код/яваскрипт, позволяющие переключать фреймы, находясь при том на одной и той же странице? Поясню: нужно сделать пять ссылок на одной странице, при нажатии на определенную во фрейме на странице появляется другая страница... как-то так

October 3, 2011

Не, надо чтоб автоматически все было поисковая туристическая система - а ручками только на цены влиять... вотЪ

October 3, 2011

Вопросец таков: реально ли сваять сайт аналогично tour-box.ru на html? Либо необходимо прибегать к php?

на каком принципе вообще построено получение информации с других туристических фирм о необходимом туре? Запросы на сайт, система ссылок?

September 29, 2011

Ну вот быстренький пример, если делать на таблицах http://jsfiddle.net/9f6Lp/
А теперь садимся за учебники, как сказал дядя Максим, и начинаем понимать, как и что здесь работает Когда доходим до полного осмысления, делаем тоже самое, но на дивах. Ферштейн?

лан, спс, буду разбираться дальше, что ж поделать

September 29, 2011

laird, Дружище, тут один диагноз. Учебник в зубы и вперёд, учиться, учиться и учиться. Ну а после уже можно будет задуматься, как и что делать.

эх, знаю :rolleyes: я и учусь

нет, ну как-то же в моем случае можно быстро и легко подправить

September 29, 2011

Меня в этом случае больше верстка удручает, чем хром.
1) зачем <center>?
2) почему img, а не background?
3) можно же :hover использовать, а не onmouse
4) где css?

так я ж совсем дилетант :blush:

вот <center> убрал

а background эт как? :rolleyes: и с :hover как?

css не люблю

zSpx

накой ссылка если пример и код дан - в том участке и косяк наверное

September 29, 2011

Итак... шапка сайта разбита на таблицу - 4 строки и куча столбцов замысловатым образом.

В firefox сайт отображается аки миленький, в хроме капризничает. ФактЪ в том, что надо сайтец подогнать под хром... :facepalmxd:

вотЪ...

прилагаю скрины и код:

google chrome:

firefox:

сделал видными границы border="1"

код с элементом таблиц:


<div align="center">	
<table cellspacing="0" width="100%" cellpadding="0" border="0">

<tr>
<td colspan="6" width="100%">
<img src="header.bmp" width="100%">
</td>
</tr>

<tr>
<td colspan="6" width="100%">
<table cellspacing="0" width="100%" cellpadding="0" border="0">
<tr>

<td width="13%"><center>
<img src="h2-1.bmp" width="100%">
</center></td>

<td width="15%"><center>
<a href="web-design.html"><img src='h2-2.bmp'
onmouseover="this.src='h2-2.bmp'"
onmouseout="this.src='h2-2.bmp'" border=0 width=100%></a>
</center></td>

<td width="12%"><center>
<img src="h2-3.bmp" width="100%">
</center></td>

<td width="15%"><center>
<a href="index.html"><img src='h2-4.bmp'
onmouseover="this.src='h2-4.bmp'"
onmouseout="this.src='h2-4.bmp'" border=0 width=100%></a>
</center></td>

<td width="14%"><center>
<img src="h2-5.bmp" width="100%">
</center></td>

<td width="13%"><center>
<a href="admin.html"><img src='h2-6.bmp'
onmouseover="this.src='h2-6.bmp'"
onmouseout="this.src='h2-6.bmp'" border=0 width=100%></a>
</center></td>

<td width="18%"><center>
<img src="h2-7.bmp" width="100%">
</center></td>
</tr>
</table>

<tr>

<td colspan="6" width="100%">
<table cellspacing="0" width="100%" cellpadding="0" border="0">
<tr>

<td width="16%"><center>
<img src="h3-1.bmp" width="100%">
</center></td>

<td width="11%"><center>
<a href="price.html"><img src='h3-2.bmp'
onmouseover="this.src='h3-2.bmp'"
onmouseout="this.src='h3-2.bmp'" border=0 width=100%></a>
</center></td>

<td width="36%"><center>
<img src="h3-3.bmp" width="100%">
</center></td>

<td width="7%"><center>
<a href="atc.html"><img src='h3-4.bmp'
onmouseover="this.src='h3-4.bmp'"
onmouseout="this.src='h3-4.bmp'" border=0 width=100%></a>
</center></td>

<td width="12%"><center>
<a href="contacts.html"><img src='h3-5.bmp'
onmouseover="this.src='h3-5.bmp'"
onmouseout="this.src='h3-5.bmp'" border=0 width=100%></a>
</center></td>

<td width="18%"><center>
<a href="video.html"><img src='h3-6.bmp'
onmouseover="this.src='h3-6.bmp'"
onmouseout="this.src='h3-6.bmp'" border=0 width=100%></a>
</center></td>
</tr></table>

</tr>

<tr>
<td colspan="6">
<img src="header4.bmp" width="100%">
</td>
</tr>

</table> 
<br>

хелпЪ, плизЪ

September 27, 2011

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

September 27, 2011

Столкнулся с невероятной трудностью:

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

код, с которым корячусь:

<tr>
<td colspan="6">
<img src="headtop.bmp" width="100%" usemap="#karta1">
<map name="karta1">
<area href="link.html" coords="210, 224, 413, 315">
</map>  
</td>
</tr>

проблема в чем: участок для ссылки при наведении курсора не отображает вовсе, хотя картинка имеет размеры 1500 на 320. Как понимаю, при том, что моя картинка растягивается на весь экран в таблице, а расширение монитора 1024 на 768 - то и параметры точек для map area меняются (хотя по сути странно и нелепо). Это я к тому, что если задаю например coords="15,15,100,100" то ссылка есть.

В общем, хелп - чего делать и как решать проблему, хз

September 16, 2011

Всё, вопрос решен

Разобрался

Bonzash

я поставил "BODY" - нашел в примере на сайте

со звездочкой чтот не пошло

September 16, 2011

Да, любопытно-любопытно...

Видать, я что-то не так делаю, но эт не работает кроме того, я с css не работаю, а пихаю все в один файл html ))

September 16, 2011

Bonzash

Благодарю. А сие как вставить просто в документ .html?

{

margin: 0;

padding: 0;

}

по-другому?

September 16, 2011

При отображении сайта шапка растягивается не до границ экрана, а на несколько пикселов отступает от него. Подскажите, пожалуйста, как сделать нормальную растяжку сайта

Sign In

laird

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by laird

Подогнать текст под размер блока на разных мониторах

Подогнать текст под размер блока на разных мониторах

Кривое отображение

Кривое отображение

Выделение с map area

Выделение с map area

Выделение с map area

Переключение фреймов в одном окне

Переключение фреймов в одном окне

сайт турфимы

сайт турфимы

Chrome удручает...

Chrome удручает...

Chrome удручает...

Chrome удручает...

Map area в ячейке таблицы

Map area в ячейке таблицы

Границы по бокам сайта

Границы по бокам сайта

Границы по бокам сайта

Границы по бокам сайта

Forums

Important Information