Как я могу разместить изображение справа от моей формы, если я использую Zend_Form? - PullRequest
Новая
       14

Как я могу разместить изображение справа от моей формы, если я использую Zend_Form?

1 голос
/ 05 марта 2010

Вот что я хотел бы:

alt text

Вот мой код: 

<?php

require_once ('Zend\Form.php');

class Sergio_Form_registrationform extends Zend_Form {
    public function init(){     
        /*********************USERNAME**********************/
        $username = new Zend_Form_Element_Text('username');
        $alnumValidator = new Zend_Validate_Alnum();

        $username   ->setRequired(true)
                    ->setLabel('Username:')
                    ->addFilter('StringToLower')
                    ->addValidator('alnum')
                    ->addValidator('regex', false, array('/^[a-z]+/'))
                    ->addValidator('stringLength',false,array(6,20));
        $this->addElement($username);

        /*********************EMAIL**********************/
        $email = new Zend_Form_Element_Text('email');
        $alnumValidator = new Zend_Validate_Alnum();


        $email      ->setRequired(true)
                    ->setLabel('EMail:')
                    ->addFilter('StringToLower')
                    ->addValidator('alnum')
                    ->addValidator('regex', false, array('/^[a-z]+/'))
                    ->addValidator('stringLength',false,array(6,20));
        $this->addElement($email);

        /*********************PASSWORD**********************/
        $password = new Zend_Form_Element_Password('password');
        $alnumValidator = new Zend_Validate_Alnum();


        $password   ->setRequired(true)
                    ->setLabel('Password:')
                    ->addFilter('StringToLower')
                    ->addValidator('alnum')
                    ->addValidator('regex', false, array('/^[a-z]+/'))
                    ->addValidator('stringLength',false,array(6,20));
        $this->addElement($password);

        /*********************PASSWORD-CONFIRM**********************/
        $passwordc = new Zend_Form_Element_Password('passwordc');
        $alnumValidator = new Zend_Validate_Alnum();


        $passwordc  ->setRequired(true)
                    ->setLabel('Confirm Password:')
                    ->addFilter('StringToLower')
                    ->addValidator('alnum')
                    ->addValidator('regex', false, array('/^[a-z]+/'))
                    ->addValidator('stringLength',false,array(6,20));
        $this->addElement($passwordc);

        /*********************NAME**********************/
        $name = new Zend_Form_Element_Text('name');
        $alnumValidator = new Zend_Validate_Alnum();


        $name       ->setRequired(true)
                    ->setLabel('Name:')
                    ->addFilter('StringToLower')
                    ->addValidator('alnum')
                    ->addValidator('regex', false, array('/^[a-z]+/'))
                    ->addValidator('stringLength',false,array(6,20));
        $this->addElement($name);

        /*********************AVATAR**********************/
        $avatar = new Zend_Form_Element_File('avatar');
        $alnumValidator = new Zend_Validate_Alnum();


        $avatar     ->setRequired(true)
                    ->setLabel('Please select a display picture:');
        $this->addElement($avatar);

        /*********************SUBMIT**********************/

        $this->addElement('submit', 'login', array('label' => 'Login'));
    }
}
?>

И в моем представлении вот код, который я использую для отображения предыдущей формы: 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>Thank you for signing up!</title>
        <style type="text/css">
        #imageSignUp img{
            float: right;
            padding: 3em;   
        }
        </style>
    </head>
    <body>  
        <h1>Thanks for signing up!</h1> 
        <?php
        echo $this->form;
        ?>

        <img alt="signupimg" src="/img/signup.png">
    </body>
</html>

1 Ответ

0 голосов
/ 05 марта 2010

Вы можете использовать CSS с Zend Form, используя что-то вроде этого. 

/* Zend Form Styling */
    dl.zend dt, dd { min-height: 30px; }
    dl.zend_form dt {
        float: left;
        clear: left;
        text-align: right;
    }
    dl.zend_form dt label.required { font-weight: 600; }
    dl.zend_form dd {
        float: left;
        clear: right;
        padding-left: 5px;
    }

    dl.zend_form dd ul.errors {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    dl.zend_form dd ul.errors li {
        float: left;
        margin: 0 0.15em;
        font-size: 12px;
        color: #666666;
    }

Кроме того, я бы использовал FireBug с FireFox, чтобы вручную настроить параметры CSS на живом сайте, чтобы увидеть, что должно произойти перед написанием кода CSS.

Firebug: http://getfirebug.com/

...