Как добавить новую область div прямо над контентом?

Я пытаюсь добавить новую область div прямо над секцией содержимого вида blogger-dynamic-magazine, как показано на рисунке. Как я могу поместить область с тремя div (как показано на рисунке) с красным цветом?Как добавить новую область div прямо над контентом?

Я попытался вставить <div> сразу после <body> тега и перед тегом <content>, но он не работает.

Я поставил еще ниже код, но не работал.

<div id="container" style="background:black; position:relative; clear:left; top:100px; width:100px; height:100px;"> 
<table> 
    <tr> 
     <td> <div style="background:black;"> Content for div #1</div> </td> 
     <td> <div style="background:black;"> Content for div #2</div> </td> 
     <td> <div style="background:black;"> Content for div #3</div> </td> 
    </tr>  
</table>

EDIT:

В моем блоггера коде, у меня

</head> 
<body> 
<div class='content'> 
    <div class='content-outer'> 
    <div class='fauxborder-left content-fauxborder-left'> 
     <div class='content-inner'> 
     <div class='main-outer'> 
      <div class='fauxborder-left main-fauxborder-left'> 
      <div class='region-inner main-inner'> 
       <div class='columns fauxcolumns'> 
       <div class='column-center-outer'> 
        <div class='column-center-inner'> 
        <b:section class='main' id='main' showaddelement='no'>

источник

2015-06-26 caren van

Вы можете сделать пример jsfiddle? – Rash

таблица может быть, с одним '' и каждый '' имеет div – TricksfortheWeb

мы можем увидеть код, который вы ранее пробовали? – indubitablee

-1

Используйте таблицу:

<div id="container"> 
    <table> 
     <tr> 
      <td> <div> Content for div #1</div> </td> 
      <td> <div> Content for div #2</div> </td> 
      <td> <div> Content for div #3</div> </td> 
     </tr>  
    </table>  
</div>

CSS только для пояснительных целей.

table tr td div { 
    background:red; 
}

источник

2015-06-26 19:41:29 TricksfortheWeb

Вы можете использовать этот код:

<<<<<<<<<<<<<<CSS>>>>>>>>>>>>> 

<style> 
    #container {width:100%; margin:0px; padding:0px;} 
    .inner-container {max-width:1140px; width:100%;margin:0 auto;} 
    .red {display:inline-block; width:30%; margin:1%;} 
</style> 


<<<<<<<<<<<<HTML>>>>>>>>>>>>> 

<div id="container"> 
    <div class="inner-container"> 
    <div class="red red-1"> Content for div #1</div> 
     <div class="red red-2"> Content for div #2</div> 
     <div class="red red-3"> Content for div #3</div> 
    </div> 
</div>

источник

2015-06-27 10:49:01

Amit, где я должен поместить ваш код? Не могли бы вы просто взглянуть на вопрос? Я добавил новый код из своего блоггера. –

Dynamic Blogger, кажется, чтобы удалить пользовательский HTML из шаблона. Единственный способ сделать это - динамически вставить html с помощью JavaScript и что-то вроде jQuery, например.

var divstr = "Некоторое содержание"; $ (divstr) .insertAfter (". Article-header");

источник

2015-10-14 11:57:20

Как добавить новую область div прямо над контентом?

ответ

Смежные вопросы