Mam problem z moją tabelką. Otóż, chciałbym aby dwa wielke text boxy były po lewej stronie a reszta po prawej, lecz to co ma być po prawej, wychodzi na doł poza tabelke i od dłuższego czasu nie mogę sobie z tym poradzić.
Tak to wygląda:
http://i44.tinypic.com/21c9kqd.png
Oto mój kod na stronie:
Kod
<div id="admin_form">
<div id="adminmenu">
<div id="admin_objects_left">Micro Ring (Angielski Opis): <br><textarea name=zmiana_micro_ring rows=6 cols=40><?php echo htmlentities($opis_micro_ring) ?></textarea> <br>Micro Ring (Polski Opis)<br><textarea name=zmiana_micro_ring_pl rows=6 cols=40><?php echo htmlentities($opis_micro_ring_pl) ?></textarea></div>
<div id="admin_objects_right">Cena Micro Ringa: £ <input type="text" size=5 name="zmiana_cena_micro_ring" value='<?php echo htmlentities($cena_micro_ring) ?>'>
<br>Link do obrazka: <input name="micro_ring_obrazek" size=15 type="text" value='<?php echo htmlentities($img_micro_ring) ?>'> <br><br>Podglad:<br>
<a href="<?php echo $img_micro_ring ?>" rel="lightbox"><img src="<?php echo $img_micro_ring ?>" width="150" height="150" rel="lightbox" alt="Podglad"/></a> </div>
</div>
</div>
<div id="adminmenu">
<div id="admin_objects_left">Micro Ring (Angielski Opis): <br><textarea name=zmiana_micro_ring rows=6 cols=40><?php echo htmlentities($opis_micro_ring) ?></textarea> <br>Micro Ring (Polski Opis)<br><textarea name=zmiana_micro_ring_pl rows=6 cols=40><?php echo htmlentities($opis_micro_ring_pl) ?></textarea></div>
<div id="admin_objects_right">Cena Micro Ringa: £ <input type="text" size=5 name="zmiana_cena_micro_ring" value='<?php echo htmlentities($cena_micro_ring) ?>'>
<br>Link do obrazka: <input name="micro_ring_obrazek" size=15 type="text" value='<?php echo htmlentities($img_micro_ring) ?>'> <br><br>Podglad:<br>
<a href="<?php echo $img_micro_ring ?>" rel="lightbox"><img src="<?php echo $img_micro_ring ?>" width="150" height="150" rel="lightbox" alt="Podglad"/></a> </div>
</div>
</div>
Kod CSS:
Kod
#admin_objects_left {
top: 10px;
left: 10px;
margin: 5px 5px 0 6px;
text-align:left
}
#admin_objects_right {
top:10px;
right:10px;
margin: 5px 5px 0 6px;
text-align:right
}
#adminmenu {
border: 2px solid #9F0408;
background: #750306;
margin: 13px 10px 0 6px;
height: 315px;
width: 760px;
position: relative;
}
#admin_form label, legend {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}
#admin_form legend {
margin-bottom:10px;
}
#admin_form {
display: block;
margin-bottom:10px;
}
#admin_form textarea, select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:400px;
padding: 5px;
color: #FFFFFF;
background-color:#222222;
border:1px solid #0A0A0A;
margin: 7px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
#admin_form input, select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 5px;
color: #FFFFFF;
background-color:#222222;
border:1px solid #0A0A0A;
margin: 7px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
#admin_form textarea {
resize:none;
}
#admin_form input:focus, textarea:focus, select:focus {
box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
border:1px solid #333333;
}
#admin_form input:hover, textarea:hover, select:hover {
box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
}
#admin_form .special {
display:none;
}
top: 10px;
left: 10px;
margin: 5px 5px 0 6px;
text-align:left
}
#admin_objects_right {
top:10px;
right:10px;
margin: 5px 5px 0 6px;
text-align:right
}
#adminmenu {
border: 2px solid #9F0408;
background: #750306;
margin: 13px 10px 0 6px;
height: 315px;
width: 760px;
position: relative;
}
#admin_form label, legend {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}
#admin_form legend {
margin-bottom:10px;
}
#admin_form {
display: block;
margin-bottom:10px;
}
#admin_form textarea, select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:400px;
padding: 5px;
color: #FFFFFF;
background-color:#222222;
border:1px solid #0A0A0A;
margin: 7px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
#admin_form input, select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 5px;
color: #FFFFFF;
background-color:#222222;
border:1px solid #0A0A0A;
margin: 7px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
#admin_form textarea {
resize:none;
}
#admin_form input:focus, textarea:focus, select:focus {
box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
border:1px solid #333333;
}
#admin_form input:hover, textarea:hover, select:hover {
box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
}
#admin_form .special {
display:none;
}
Bardzo Was proszę o pomoc, mam nadzieję, że znajdzie się ktoś, kto się na tym dobrze zna i znajdzie chwilkę by mi pomóc.
Pozdrawiam serdecznie
