WebGraf Posted July 5, 2010 Report Share Posted July 5, 2010 Есть стиль общий который создает рамку с max-width: 450pxнужно на одном уровне слева разместить картинку, по середине пусто, а справа текст. С учетом того что width может быть меньше 450pxпока сделал float:left картинки а вот текст справа не получается разместить так чтобы он не вылез за границу max-widthПомогите пожалуйста Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted July 5, 2010 Report Share Posted July 5, 2010 Покажи скриншот того, что хочешь получить, с подробным объяснением. Quote Link to comment Share on other sites More sharing options...
0 Int Posted July 5, 2010 Report Share Posted July 5, 2010 Рамке своей сделай overflow:hidden, наверное получится. Quote Link to comment Share on other sites More sharing options...
0 WebGraf Posted July 5, 2010 Author Report Share Posted July 5, 2010 Покажи скриншот того, что хочешь получить, с подробным объяснением.нужно надписьЭротическиеNokia240x320сдвинуть вправо до синего бордюра Quote Link to comment Share on other sites More sharing options...
0 stars Posted July 5, 2010 Report Share Posted July 5, 2010 float:right; Quote Link to comment Share on other sites More sharing options...
0 WebGraf Posted July 5, 2010 Author Report Share Posted July 5, 2010 .b{ background:#FFF; margin: 1px 2px 1px 2px; color: #173C62; padding: 1px 3px 1px 3px; border-top: 1px solid #A1BDF0; border-bottom: 1px solid #A1BDF0;}<div class="b"> <img style="margin:1px;float:left" src="img.gif" alt="" /> <div style="position:relative;top:15px"> <a style="margin-left:5px" href="/536">Эротические</a><br /> <a style="margin-left:5px" href="/557">Nokia</a><br /> <a style="margin-left:5px" href="/558">240x320</a><br /> </div> <br clear="left" /></div>Вот так сейчас эта часть Quote Link to comment Share on other sites More sharing options...
0 YaD Posted July 5, 2010 Report Share Posted July 5, 2010 Тебе же сказали выше - сделай отдельно: <div class="bla">Текст</div>.bla{float:right;} Quote Link to comment Share on other sites More sharing options...
0 stars Posted July 5, 2010 Report Share Posted July 5, 2010 (edited) <div style="position:relative;top:15px;float:right;"> Edited July 5, 2010 by stars Quote Link to comment Share on other sites More sharing options...
0 WebGraf Posted July 6, 2010 Author Report Share Posted July 6, 2010 Из ПК супер, а вот Nokia2600 код не поняла, и перенесла текст ниже картинки, кроме этого этот текст наложился на тексты ниже. Quote Link to comment Share on other sites More sharing options...
0 stars Posted July 6, 2010 Report Share Posted July 6, 2010 Что значит не понял? на нокии стоит Opera mini? Может просто не поместилось на экран и ушло в низ? Quote Link to comment Share on other sites More sharing options...
0 WebGraf Posted July 6, 2010 Author Report Share Posted July 6, 2010 Что значит не понял? на нокии стоит Opera mini? Может просто не поместилось на экран и ушло в низ?Родной браузер.без флоат райт помещается нормально. ладно. пусть так и будет. закрываем вопрос Quote Link to comment Share on other sites More sharing options...
Question
WebGraf
Есть стиль общий который создает рамку с max-width: 450px
нужно на одном уровне слева разместить картинку, по середине пусто, а справа текст. С учетом того что width может быть меньше 450px
пока сделал float:left картинки а вот текст справа не получается разместить так чтобы он не вылез за границу max-width
Помогите пожалуйста
Link to comment
Share on other sites
10 answers to this question
Recommended Posts
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.