| |
 46.4 Кб |
|
| | В браузере ИЕ при разрешении 800х600 обрезка происходит изображения справа,навигацию обрезает, а сдвигов навигации влево не происходит, а в др. браузерах сдвиг происходит со странными пустотами. Вот я для теста всё сделал и посомтрите что за бред вышел. | |
| |
|
|
| |
|
|
| |
для: Golovastik
(31.08.2010 в 17:22)
| | | Ребята я вложил архив, гляньте пожалуйста, мне нужно чтоб при разрешении экрана 800 на 600, картинку обрезало справа, а навигацию сдвинуло влево. | |
| |
|
|
| |
|
|
| |
для: Golovastik
(02.09.2010 в 15:39)
| | |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Видео</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
* {margin: 0; padding: 0}
body {overflow: hidden}
.shapka {height: 155px; background: url(img/fon.jpg) repeat-x; border: 1px solid black; border-bottom: none}
.bordur {width: 100%; border-left: 1px solid black}
.bordur td {border-right: 1px solid black; border-bottom: 1px solid black}
.bordur td img {display: block}
</style>
</head>
<body>
<div class="shapka"><img src="img/header.jpg"></div>
<table class="bordur" cellpadding="0" cellspacing="0">
<tr><td><img src="img/videoyroki.png"><img src="img/n1.png"></td>
<td style="text-align: center; width: 99%">С новым годом!</td>
<td style="text-align: right"><img src="img/videoyroki.png"><img src="img/n1.png"></td></tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: АЯ
(02.09.2010 в 16:18)
| | | Вот так сработало,вот что я хотел получить при маленьком разрешении экраеа,наконец-то.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Видео</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
* {margin:0; padding:0;}
body{overflow:hidden;}
img {border: none;}
.shapka {height: 155px; background:url(img/header.jpg) no-repeat; }
.shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; }
.shapkafon img { text-align:left;}
.bordur {width: 100%; border-collapse:collapse;}
.bordur td {border:1px solid black;}
.menubordur {border: 1px solid black; border-top:none;}
.d {width:15%;}
.d img {display:block;}
</style>
</head>
<body class="marginpadding">
<!-- ШАПКА -->
<table class="bordur">
<tr >
<td colspan="3" class="shapkafon" >
<div class="shapka" ></div>
</td>
</tr>
<!-- СЕРЕДИНА -->
<tr >
<td class="d">
<img src="img/videoyroki.png" >
<img src="img/n1.png" >
</td>
<td> С новым годом!</td>
<td class="d">
<img src="img/videoyroki.png" >
<img src="img/n1.png" >
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Golovastik
(02.09.2010 в 17:40)
| | | Извиняюсь, если кто знает как можно тот же самый результат получить на дивах без использования таблицы, напишите пожалуйста.
Чтоб так же имено работало при разных разрешениях экрана. Заранее благодарю. | |
| |
|
|
| |
|
|
| |
для: Golovastik
(02.09.2010 в 18:39)
| | | >"как можно тот же самый результат получить на дивах без использования таблицы"
Стесняюсь, конечно, но таки спрошу - а зачем Вам переделывать то, результат чего Вас устраивает? | |
| |
|
|
| |
|
|
| |
для: АЯ
(02.09.2010 в 21:00)
| | | Результат, нормальный, такой как и хотел, но везде пишут что на таблицах не делают, а делают на дивах,но я на дивах не знаю как сделать именно так, чтоб был такой же результат при разн. разрешениях экрана, как с таблицами. | |
| |
|
|
