How to add a paragraph under image using div tag for all the image and para - image

I want to make a page by using div tags only.. So how can i make a row with for column,each column having a image and a para under it as well... How to write it?
I tried using 4 div tags under one div tag by and put add height and width.. I expected to have them four in one line and some space below each image for the para graph

Related

How do I add margin instead of padding in bootstrap columns?

when I tried using col-4 for three divs, I had padding in those divs and all were connected together as shown in the images.
code https://i.stack.imgur.com/1MDiI.jpg
gutters https://i.stack.imgur.com/bcgOg.jpg
no-gutters https://i.stack.imgur.com/WP844.jpg
I would go along with your question which isn't asked properly.
Add p-0 class to all your col-* divs which will basically reset the padding in between columns, and afterwards you can add m-* ; where * = 1,2,3,4,5 (i.e. m-3) which will add margin specified in rem measurement in between the columns.

Link two contenteditable divs with content overflow / backflow

Good evening,
is it possible to link two contenteditable divs so that if text of div 1 automatically overflows in div 2 and "backflows" in div 1 if deleted again?
As in text editors like word, i want that a new page (div) is created, if the first overflows but also text from higher pages flow back into lower pages if text is deleted. Also with Images and other elements.
Is something like that possible with HTML / CSS / javascript?
I know that in firefox an on overflow event listener is working which doesnt work in other browsers...
Best regards
Daniel

Auto add image to node listing from node body field | DRUPAL

Hi I have news content type, where are fields Title(textbox), Body(text with CKeditor) and Summary Image(multimedia asset). Is it possible to automatically add first image from Body to summary image field on form save?
Probably not or at least not so easy. You will need a custom parser here and a preproccess function.
Why not using an extra img field that will display only on the teaser display (I say Teaser instead of Summary since it is used more in Drupal like this) or just use the first image of the Summary Image (multimedia asset) field using image_delta_formatter module?

how to know when page breaks in DOMPDF

I am using DOMPDF library to generate invoices dynamically. My use-case scenario is to leave around 3 inches of space on top of each page. On the first page i created it using a blank div with appropriate height.
Now on second page, it doesn't take the required height from very beginning for obvious reasons. any suggestions?
Instead of spacer divs just set the page margins in css with:
#page { margin-top: 3in; }

How to add descriptions under uploaded images

I have created an image field in a content-type called "Products", but there is no description box option as it is shown in a file field. Is there any ways to add product descriptions under every product photos?
I know this isn't the optimal solution, but you could use field_collection to achive this.
Install the module and then add a new field of type field_collection to your content-type, then under admin/structure/field-collections you can add both an image and a textarea field. Now you should have the ability to add an image and a corresponding description to your node.
Try the Image Field Caption module for Drupal 7.
It adds an extra text area to image fields. It is similar to the alt/title text fields already available with an image field, except it is a text area that accepts long string or html content.
Download the module
Enable the module
Add a content type with an image field, or use an existing content type with an image field
Add or edit a node with an image field
Enter text or html into the image field caption text area
Save the node and view it to see the caption displayed below the image field
To override the way the caption is displayed, take a copy of the image_field_caption.tpl.php file and place it in your theme's directory, for example:
sites/all/themes/MY_THEME/image_field_caption.tpl.php
Now modify the html to meet your needs.
This has been identified as an issue - the integration of imagefield into core from D6 to D7 saw the unfortunate loss of the option for a description field in addition to alt and title.
Try this patch:
http://drupal.org/node/1067620#comment-5958190

Resources