• Registered: 2011-03-01
  • Posts: 13

Topic: Problem to center with html in dreamweaver

Hi

I have an issue.
I created the gallery with svbuilder and copied the code in the html page in dreamweaver.
It works fine but i have an image added as a menu on the left of the gallery and even i put "align="center"" it doesn't work like if the gallery overwrite the code..
I hope i am clear enought

here is the code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>oeuvres</title>

<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" align="center">
<!-- ImageReady Slices (oeuvres.psd) -->
<table id="Tableau_01" width="817" height="768" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td>
<img src="images/galerie_01.jpg" alt="" width="186" height="768" border="0" usemap="#Map" /></td>
        <td>
            <!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
SV.simpleviewer.load("sv-container", "100%", "100%", "FFFFFF", true );
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
  </td></tr>
</table>
<!-- End ImageReady Slices -->

<map name="Map">
  <area shape="rect" coords="24,120,148,143" href="../presentation/presentation.html" />
  <area shape="rect" coords="37,158,145,174" href="../bio/bio.html" />
  <area shape="rect" coords="74,176,144,202" href="../contact/contact.html" />
</map>
</body>
</html>


Thanks

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Problem to center with html in dreamweaver

Have you tried text-align: center;?

Mike Richards
SimpleViewer Support Team.
  • Registered: 2011-03-01
  • Posts: 13

Re: Problem to center with html in dreamweaver

I don't have any text, it is an image and i don't know where should i write it ?

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Problem to center with html in dreamweaver

You would either add text-align:center to the style of tag that the image is in or you could add style="display: block;  margin: auto;" to your image tag.

Mike Richards
SimpleViewer Support Team.
  • Registered: 2011-03-01
  • Posts: 13

Re: Problem to center with html in dreamweaver

Maybe i don't do it right but it doesn't work

here is my html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>oeuvres</title>

<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" align="center">
<!-- ImageReady Slices (oeuvres.psd) -->
<table id="Tableau_01" width="817" height="768" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td>
<img src="images/galerie_01.jpg" alt="" width="186" height="768" border="0" align="middle" usemap="#Map" text-align= "center" style="display: block;  margin= auto;" ; /></td>
        <td>
            <!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
SV.simpleviewer.load("sv-container", "100%", "100%", "FFFFFF", true );
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
  </td></tr>
</table>
<!-- End ImageReady Slices -->

<map name="Map">
  <area shape="rect" coords="24,120,148,143" href="../presentation/presentation.html" />
  <area shape="rect" coords="37,158,145,174" href="../bio/bio.html" />
  <area shape="rect" coords="74,176,144,202" href="../contact/contact.html" />
</map>
</body>
</html>

  • Registered: 2011-03-01
  • Posts: 13

Re: Problem to center with html in dreamweaver

Do you know what could it be ?
Thanks again for your help

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Problem to center with html in dreamweaver

You image tag should look like this, make sure to clear your browser's cache after making the change.

<img src="images/galerie_01.jpg" alt="" width="186" height="768" border="0" align="middle" usemap="#Map"  style="display: block;  margin: auto;"  />
Mike Richards
SimpleViewer Support Team.
  • Registered: 2011-03-01
  • Posts: 13

Re: Problem to center with html in dreamweaver

Ok, so i am going crazy, it still doesn't work.

it look like the code of the gallery overwrite the code of the html.
it appears like that :
http://data.imagup.com/6/1117351890.png

and the image of the menu should appear like :
http://data.imagup.com/4/1117351971.png

my code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>oeuvres</title>

<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (oeuvres.psd) -->
<table id="Tableau_01" width="817" height="768" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
<img src="images/galerie_01.jpg" alt="" width="186" height="768" border="0" align="middle" usemap="#Map"  style="display: block;  margin: auto;"  /></td>
        <td>
            <!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
SV.simpleviewer.load("sv-container", "100%", "100%", "FFFFFF", true );
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
  </td></tr>
</table>
<!-- End ImageReady Slices -->

<map name="Map">
  <area shape="rect" coords="24,120,148,143" href="../presentation/presentation.html" />
  <area shape="rect" coords="37,158,145,174" href="../bio/bio.html" />
  <area shape="rect" coords="74,176,144,202" href="../contact/contact.html" />
</map>
</body>
</html>

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Problem to center with html in dreamweaver

It could be that the gallery is positioned over top of the image? Is the site online so that I can take a look?

Mike Richards
SimpleViewer Support Team.
  • Registered: 2011-03-01
  • Posts: 13

Re: Problem to center with html in dreamweaver

It is located here :
http://www.patrickdescamps.com/galerie/galerie.html

I really tried everything.

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Problem to center with html in dreamweaver

Looking at the page, it looks centered... I'm trying to understand the issue here, are you trying to use a column layout with space on both sides? Your images are so big that they are pushing your navigation to the side.

Mike Richards
SimpleViewer Support Team.
  • Registered: 2011-03-01
  • Posts: 13

Re: Problem to center with html in dreamweaver

I am trying to have the menu at the same place than on the other pages of the website.
Indeed, the gallery takes too much place and pushes the menu on the left.

  • Registered: 2011-03-01
  • Posts: 13

Re: Problem to center with html in dreamweaver

i resized the gallery and now it works fine
thanks