В общем ничего простого я не придумал, кроме как такой вариант, может кому и пригодится на будущее:
Код:<div style="background-color:#f8f8f8; position:relative; border:1px #9b9b9b solid; margin-bottom:40px;"> <div style="width:83px; left:10px; position:absolute; background-color:#fff; height:2px; top:-2px;"></div> <h1 style="position:absolute; top:-30px; left:15px; padding-left:0px; padding-right:10px; font: 800 22px 'Trebuchet MS', Arial, Helvetica, sans-serif;">РАМКА</h1> <p>текст</p> </div>
- 07.04.2014 23:44
- 07.04.2014 23:48
13bis, а чего 2 блока не подложите? чтобы было один в один как в legend ?
- 07.04.2014 23:56
cOAPerator, не понял суть.. В смысле ещё 2 блока что-ли? Эээ, не догоняю...
- 08.04.2014 00:19
13bis, вот накидал:
Код HTML:посмотрите в опере, хроме, разницы почти нет<div style="background-color:#f8f8f8; position:relative; border:1px #9b9b9b solid; margin-bottom: 10px; border-radius: 4px;"> <div style="width:70px; left:10px; position:absolute; height:2px; top: -10px; height: 20px;"> <h1 style="position: absolute; top: -5px; padding: 0px; z-index: 1;">LEGEND</h1> <div style="width:70px; left: 0px; top: 0px; position:absolute; background-color:#fff; height:10px; border: 0px #9b9b9b solid;"></div> <div style="width:70px; left: 0px; top: 9px; position:absolute; background-color:#F8F8F8; height:10px; border: 0px #9b9b9b solid;"></div> </div> <div style="padding: 10px;"> <p>текст</p> <p>текст</p> <p>текст</p> </div> </div> <fieldset> <legend>LEGEND</legend> <p>текст</p> <p>текст</p> <p>текст</p> </fieldset>
Последний раз редактировалось cOAPerator; 08.04.2014 в 00:33.
Спасибо сказали:
13bis(08.04.2014), - 08.04.2014 00:48
cOAPerator, на мой взгляд это уже лишние 2 блока..
- 08.04.2014 00:52
13bis, мой вариант позволяет сделать один в один как стандартный fieldset. но дело ваше.
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
вопрос по верстке HTML когда один контейнер наезжает на другой | Web программирование | 4 | 17.06.2013 03:14 |
Вопрос по верстке | Web программирование | 12 | 25.07.2012 03:11 |
Вопрос по блочному обтеканию в верстке макета | Web программирование | 3 | 29.03.2012 15:12 |
Вопрос по css верстке | Web программирование | 11 | 03.01.2012 23:48 |
Вопрос по <div> верстке в css | Web программирование | 12 | 05.12.2011 23:17 |