Header

How do I click the title along with the container part?

I have HTML:

<div id="thing">
  <div id="contentheader">
    <h3>Header</h3>
  </div>
  <div id="contentcontainer">
    <div id="image">
      <img alt="balt" src="imagesrc">
    </div>
    <div id="body">
      <p>hegl gegl</p>
    </div>
  </div>
</div>

I need to press h3 in the "contentheader" next to the image in the "contentcontainer" when the syntax sits next to it. Everything has a variable width while preserving the image.

Perhaps the image will better demonstrate:

Is this possible with CSS?

As you can see, gray corresponds to “things”, green corresponds to contentcontainer and blue corresponds to “contentheader”.

HTML editing will be a serious problem. I also can do nothing but a fixed-width image. Can this be done only with CSS? (It would be great to be able to do this with floats and stuff, but I don't know if this can be done)

+5
4

Thirtydot answewr .

0

, CSS. , , , , , .

javascript, .

// Add the header inside the container div just before the body
containerDiv = document.getElementById('contentcontainer');
headerDiv = document.getElementById('contentheader');
bodyDiv = document.getElementById('body');
containerDiv.insertBefore(headerDiv, bodyDiv);

, , jQuery javascript.

+1
0

HTML, ( !)

, , "contentheader" H3 "contentcontainer", "contentcontainer", , -, ( "" ), , h3 . , , HTML.

0

All Articles