Geek Answers Handbook

How can I change the position in my HTML file of a created chart by a chart if I use DOT & doxygen?

I use dot and Graphviz in doxygen to create a user guide for my HTML code. The doxygen code looks something like this:

/**<br> *@addtogroup MainProgram * @dot * digraph G { * Main [label = "Main()"]; * START [label = "Start"]; * FINISH [label = "Finish"]; * * START -> Main; * Main -> FINISH; * } * * @enddot */

This, of course, creates a nice picture. Unfortunately, the image does not display the way I want on the HTML page. He is always focused on the page. I want the alignment to be on the left side of the page. The generated HTML code looks like this:

 <div align="center"> <img src="inline_dotgraph_2.dot.gif" alt="inline_dotgraph_2.dot" border="0" usemap="#inline_dotgraph_2.dot.map"> <map name="inline_dotgraph_2.dot.map" id="inline_dotgraph_2.dot.map"></map> </div>

Can anyone help me? This is either an oxygen problem or a graphics / dot problem. I can't seem to find the answer.

Thanks,

Maurice

+3
source share
3 answers

You can customize the html layout by assigning the HTML_EXTRA_STYLESHEET CSS HTML_EXTRA_STYLESHEET in the doxygen configuration file:

 HTML_EXTRA_STYLESHEET = myStyle.css .image { text-align: left; }
+7
source

Doxygen generates a <div align = "center"> .. </div> section that causes centering, so this is an oxygen problem.

It would be better if doxygen used the class for the div instead, so that you can customize the layout through a custom stylesheet (doxygen support supports customization via HTML_STYLESHEET). I suggest sending an error report to the error tracker for this (see https://bugzilla.gnome.org/enter_bug.cgi?product=doxygen ).

+1
source

After creating the HTML file, open the doxygen.css file in a text editor.

Find and edit the following:

 .image { text-align: center; }

Change 'center' to 'left'.

Replace the previous doxygen.css file with this new file.

Then reload the index.html file that was created by doxygen. (Highlight the contents in the address bar and press the enter key).

Images will be valid.

0
source

More articles:


All Articles