PDA

Zobacz pełną wersję : Wygląd formularza


mbx
07-07-2009, 19:06
To jest formularz z joomla 1.5.
Mam problem bo pod opera margin-left wyswietalaj sie inaczej.
IE 8 dobrze
http://images39.fotosik.pl/154/9094701cf5a205a1m.jpg (http://www.fotosik.pl/showFullSize.php?id=9094701cf5a205a1)

Opera żle
http://images50.fotosik.pl/158/67936d85a35d0705m.jpg (http://www.fotosik.pl/showFullSize.php?id=67936d85a35d0705)

<!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">
<head>
<style type="text/css">
form#emailForm {
border:1px solid #00CC33;}
.label_contact {
float:left;
border:2px solid #FF00FF;
clear:left;}
input#contact_name {
float:left;
border:2px solid #0033FF;
clear:left;}
label#contact_emailmsg {
float:left;
border:2px solid #996666;
clear:left;}
input#contact_email {
float:left;
border:2px solid #00FF00;
clear:left;}
.label_contact_subject{
float:left;
border:3px solid #FF3300;
clear:left;
}
input#contact_subject {
float:left;
border:2px solid #990000;
clear:left;
}
label#contact_textmsg {
border:2px solid #000000;
margin-left:130px;
clear:none;
}
textarea#contact_text {
margin-left:220px;
border:2px solid #99FFFF;
display:block;
clear:none;}

input#contact_email_copy {
border:2px solid #00CCFF;
float:left;
clear:none;
margin-left:220px;
}
.button_validate{
margin-left:150px;
display:inline;
border:1px solid #33CC66;
}
div.contact_email {
border:4px solid #CCCC00;
}


</style>
</head>
<body>
<form action="" method="post" name="emailForm" id="emailForm" class="form-validate">
<div class="contact_email">
<label for="contact_name" class="label_contact">
Contact name
</label>

<input type="text" name="name" id="contact_name" size="30" class="inputbox" value="" />
<label id="contact_emailmsg" for="contact_email">
Contact emailmsg
</label>
<input type="text" id="contact_email" name="email" size="30" value="" class="inputbox required validate-email" maxlength="100" />
<label for="contact_subject" class="label_contact_subject">
Concact subject
</label>
<input type="text" name="subject" id="contact_subject" size="30" class="inputbox" value="" />
<label id="contact_textmsg" for="contact_text">
contact textmsg
</label>
<textarea cols="50" rows="10" name="text" id="contact_text" class="inputbox required"></textarea>
<br />
<input type="checkbox" name="email_copy" id="contact_email_copy" value="1" />
<label for="contact_email_copy">
contact email copy
</label>
<button class="button_validate" type="submit">Wyslij</button>
</div>

</form>
</body>
</html>
Bazyl
08-07-2009, 11:24
Pisząc kod sprawdzaj w "tych dobrych" przeglądarkach - FF na przykład.
Później przychodzi czas na hacki dla IE - wyguglaj sobie.

Bez adresu strony raczej nikt tego nie ruszy.
I kliknij w wstawione przez siebie linki do obrazków...
mbx
08-07-2009, 16:28
Strona pod FF wyglada też dobrze, problem dotyczy tylko Opery.

kliknij w wstawione przez siebie linki do obrazków
Z obrazkami jest wszystko OK.