How can I position this drupal block?


Tags: css,drupal,position,css-position

Problem :

I have created a block for my first client's website, im newish to Drupal and web development. On their contact page, I would like to position the block with the contact details to the right of the contact form which I have floated left.

I've tried floating the block right and position with absolute positioning, however when I resize the window it doesn't look right, all the text sqaushes up.

What I need is to move the block down, which I know I will have to put some css into the responsive css files to make the block move under the form when the window is resized but how should I position this text next to the form?

Thank you



Solution :

You can float that block to the right and give both blocks a specific width


    CSS Howto..

    How can I write more efficient CSS for the max-width

    CSS div border shows up, but is transparent

    How to fill a text with color using CSS?

    how to set !important on a multi value css transform?

    how to vertically center align div elements with contents other than text

    How to make image fit in div using Jquery

    How to override CSS style during hover in a table row?

    How to select elements when there is a space in an HTML class

    How to achieve this bevel button in CSS?

    When I use
    • , how to let the element inside the li float left but the

    How to change the color of first row of first table using css

    How to make content inside a circle div fitting correctly

    How to center a single character both vertically and horizontally in a square div

    How to get the “text-justify:kashida” css property effect on to the arabic text excluding IE browsers

    How to make two-coloured stripe using CSS?

    CSS Styles How to make this table not fill the entire page width?

    How well do you need to know HTML before delving into CSS?

    How to make a foreground image using CSS?

    How to change symbol(character) of iconmoon font by CSS?

    How to move the second child in my nav menu with CSS

    CSS How To: Easily make all rules check for 1 ancestor

    How do I iterate through array and set classes individually?

    How to justify short text inside fill fixed width parent with CSS?

    How can I get gradients working in IE9?

    How do I make images interactive?

    How do I get this CSS text-decoration override to work?

    How to dynamically change pseudo-class value in css

    How to create pentagon shape for avatar image?

    CSS/HTML How to align these elements for a mobile view?

    How to make all divs same height, based on text content?