design problems with css

11 views
Skip to first unread message

Fernando

unread,
May 23, 2012, 7:00:36 PM5/23/12
to Design the Web with CSS
Hello!,
I am fairly new to css and I have some problems,
attempt to design a data entry in 2 columns,
but does not work!

very grateful for any comment!

attached piece of code:

CSS FILE:

body {
font-family: Arial, Helvetica, sans-serif;
}

input{
border: 1px #888 solid;
}

#alta_cp {
width: 800px;
border: 1px #666666 solid;
background: #eeb;
padding: 15px;
}

p
{
margin:1em 0;
}

.left-column, right-column
{
float:left;
}
.left-column
{
margin-right:2em;
}


PHP CODE:

<div class="left-column">
<p>
<label>Cuenta Stock</label>
<input type="text" name="txtcuesto" id="txtcuesto" maxlength="25"
size="25" value="" />

<input type="hidden" name="idcuesto" id="idcuesto" value="0" />
</p>
</div>

<div class="right-column">
<p>
<label>Remitente</label>
<input type="text" name="txtcuerem" id="txtcuerem" maxlength="25"
size="25" value="" />

<input type="hidden" name="idcuerem" id="idcuerem" value="0" />
</p>
</div>


<div class="left-column">
<p>
<label>CP Sucursal</label>
<input name="txtsuccp" type="text" id="txtsuccp" maxlength="4"
size="07" value="" />
</p>
</div>

<div class="right-column">
<p>
<label>CP Numero</label>
<input name="txtnumcp" type="text" id="txtnumcp" maxlength="8"
size="10" value="" />
</p>
</div>

Bazinga Designs

unread,
May 24, 2012, 6:46:59 AM5/24/12
to css-d...@googlegroups.com
you missed a 'dot' ( . ) before .right_column and you didn't set the
columns widths

2012/5/24 Fernando <fer...@gmail.com>:
> --
> --
> You received this because you are subscribed to the "Design the Web with CSS" at Google groups.
> To post: css-d...@googlegroups.com
> To unsubscribe: css-design-...@googlegroups.com



--
BAZINGA Designs - strony internetowe
http://www.bazingadesigns.com

Igor Wnuk
Ul. PCK 5/20
24-100 Puławy

tel. +48 667 200 706
tel. +48 722 188 134

REGON: 060622686
NIP: 716-255-43-47

ferd agu

unread,
May 24, 2012, 6:07:24 PM5/24/12
to css-d...@googlegroups.com
Thanks !!
Best regards


2012/5/24 Bazinga Designs <bazinga...@gmail.com>
Reply all
Reply to author
Forward
0 new messages