2015-04-19 5 views
0

У меня есть время, чтобы получить это изображение по центру. Любая помощь будет оценена по достоинству.CGI center image

тест форма на http://www.quickpaysolutions.com/ttb.html

#!/usr/bin/perl 

use CGI qw(:standard); 
use CGI::Carp qw(warningsToBrowser fatalsToBrowser); 
use strict; 
use CGI; 

my $cgi = new CGI; 

print 

    $cgi->header() . 

    img {src => "../cgi-bin/images/mtlogos.png", align=>"CENTER"}; 

$cgi->start_html(-title => 'Form Results') . 

$cgi->center($cgi->h1('Reciept <br> Please Print this Reciept')). "\n"; 

my @params = $cgi->param(); 
print '<table border="1" width="600" align="center" cellspacing="1"    cellpadding="2">' . "\n"; 
foreach my $p (param()) { 
    print "<tr><th>$p</th><td>" . $cgi->param($p) . "</td></tr>\n"; 
} 
print "</table>\n"; 
+0

Попробуйте поместить изображение в широкий стол, например: с 'width = 100%'. – tivn

ответ

1

В CSS, чтобы центрировать элемент в блоке, установите его левый и правый края в auto:

margin-left: auto; 
margin-right: auto; 

Использование CGI.pm

print Tr(
     th(
      { -style=>'margin-left: auto; margin-right: auto;' }, 
      $p 
      ) 
     ); 
0

Ваш код несколько нечетный: вы звоните start_html и center и просто отбрасывает текст, который они генерируют, без его печати.

img не является блочным элементом, поэтому атрибут aligncenter игнорируется.

Вы можете просто обернуть изображение в center элемент:

print $cgi->center($cgi->img({ -src => "../cgi-bin/images/mtlogos.png" })); 

или вы могли бы использовать атрибут align на элемент ограждающей как div:

$cgi->div({ -align => 'center' }, $cgi->img({ -src => "../cgi-bin/images/mtlogos.png" })); 

Но следует отметить, что оба center и атрибут align устарели, и единственный правильный способ сделать это с помощью CSS

+0

OK Я взял img вне сейчас, но я попробую, что вы сказали, когда я получаю шанс ... спасибо. –

+0

ОК это работало, но я пытаюсь использовать css теперь $ cgi-> div ({-align => 'center'}, $ cgi-> img ({-src => "../cgi-bin/images/mtlogos .png "})); Спасибо большое –

Смежные вопросы