Новичок
Покинул форум
Сообщений всего: 1
Дата рег-ции: Янв. 2017
Помог: 0 раз(а)
|
Хотелось бы сделать не квадратное обтекание.
Блоки у меня разместить как нужно получилось, но вот текст их обтекает так, будто я их и не смещала((
CODE ( htmlphp):
скопировать код в буфер обмена
<?php include "header.php" ?> <div class="coner"> <p class="yakor"><a name="top">.</a></p> <div class="block03"></div> <div class="block04"></div> <div class="block05"></div> <div class="block06"></div> <div class="block07"></div> <div class="block08"></div> <div class="block09"></div> <div class="block10"></div> <div class="block11"></div> <div class="block12"></div> <div class="block13"></div> <div class="block14"></div> <div class="block15"></div> <div class="block16"></div> <div class="block17"></div> <div class="block18"></div> <div class="block19"></div> <div class="block20"></div> <div class="block21"></div> <p>Много текста.</p> </div> <?php include "footer.php" ?>
CODE ( htmlphp):
скопировать код в буфер обмена
.coner { width: 1920px; margin: auto; font-size: 30px; background: url(img/day-legend.png) no-repeat, url(img/z-big.png) no-repeat 80%, url(img/all-fon.jpg); position: fixed center; } .block03, .block04, .block05, .block06, .block07, .block08, .block09, .block10, .block11, .block12, .block13, .block14, .block15, .block16, .block17, .block18, .block19, .block20, .block21 { height: 50px; background: red; float: right; opacity: 0.3; border: 1px solid black; } .block03 { width: 1463px; top: 50px; } .block04 { width: 1330px; top: 100px; } .block05 { width: 1200px; top: 150px; } .block06 { width: 1080px; top: 200px; } .block07 { width: 980px; top: 250px; } .block08 { width: 860px; top: 50px; right: -980px; position: relative; } .block09 { width: 770px; top: 50px; position: relative; } .block10 { width: 690px; top: 100px; right: -770px; position: relative; } .block11 { width: 610px; top: 100px; position: relative; } .block12 { width: 530px; top: 150px; right: -610px; position: relative; } .block13 { width: 460px; top: 200px; right: -1140px; position: relative; } .block14 { width: 390px; top: 200px; right: 0px; position: relative; } .block15 { width: 330px; top: 250px; right: -390px; position: relative; } .block16 { width: 270px; top: 300px; right: -720px; position: relative; } .block17 { width: 220px; top: 350px; right: -990px; position: relative; } .block18 { width: 170px; top: 400px; right: -1210px; position: relative; } .block19 { width: 120px; top: 450px; right: -1380px; position: relative; } .block20 { width: 80px; top: 500px; right: -1500px; position: relative; } .block21 { width: 50px; top: 550px; right: -1580px; position: relative; }
http://my-files[dot]ru/tgixu9 - обводка сделана для того, чтобы были видны границы dov-ов. Впоследствии они, естественно, станут прозрачными.
http://my-files[dot]ru/h89fyu - вот так разместила div-ы, но обтекание осталось, как если бы я ничего не меняла, по сравнению с предыдущим скрином
|