Fri, 2014-02-21 13:27
Hi this is my first time in posting at this forum, and I'm not really good at designing and css stuffs so I'm asking you guys for some suggestions below is the current look of my site and the css code. I need to have a better layout and put some color I guess.
css code:
#supermaindiv { position:static; } #maindiv { position:static; } #cma { position:relative; right: -200px; } #youentered { position:relative; } #gsays { position:relative; top:-120px; left: 300px; } #address { width: 250px; height: 100px; border: 3px solid #cccccc; padding: 5px; font-family: Tahoma, sans-serif; background-position: bottom right; background-repeat: no-repeat; resize: none; position:static; background:white; border: 2px solid #765942; border-radius: 10px; border-color: silver; } #res { width: 250px; height: 100px; //border: 3px solid #cccccc; padding: 5px; font-family: Tahoma, sans-serif; resize: none; position:relative; top:-120px; left: 300px; //border: 2px solid #765942; border-radius: 10px; border-color: silver; background-color: white; color: black; } #btn1 { position:relative; top: -205px; right: -260px; } #btn2 { position:relative; top: -200px; right: -260px; } #ch { position:relative; top:-170px; margin-bottom: 5px; } #cor { width: 550px; height: 130px; //border: 3px solid #cccccc; padding: 5px; font-family: Tahoma, sans-serif; resize: none; position:relative; top: -170px; left: 0px; background-color: white; border-color: silver; color: black; } #valid { position:relative; top: -160px; left: 70px; text-align:center; // border: 2px solid #765942; border-radius: 10px; border-color: silver; background-color: white; color: black; } #valid2 { position:relative; top: -120px; left: -335px; text-align:center; //border: 2px solid #765942; border-radius: 10px; border-color: silver; background-color: white; color: black; } #ad { position:relative; top: -140px; left: 0px; } #Location { position:relative; bottom: 480px; left:600px; } #map_canvas { height: 255px; position:relative; width: 525px; bottom: 480px; left:600px; border: 2px solid #765942; border-radius: 10px; border-color: silver; } #container{ position:relative; bottom: 380px; left: 100px; } input[type="button"] { background: #e3e3e3; border: 1px solid #bbb; border-radius: 3px; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; box-shadow: inset 0 0 1px 1px #f6f6f6; color: #333; font: bold 12px/1"helvetica neue", helvetica, arial, sans-serif; padding: 8px 0 9px; text-shadow: 0 1px 0 #fff; width: 100px; } input[type="button"] { background: #d9d9d9; -webkit-box-shadow: inset 0 0 1px 1px #eaeaea; box-shadow: inset 0 0 1px 1px #eaeaea; color: #222; cursor: pointer; } input[type="button"] { background: #d0d0d0; -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; box-shadow: inset 0 0 1px 1px #e3e3e3; color: #000; } input[type="text"] { padding: 5px; border: 1px solid #DDDDDD; background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px); background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF'); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 2px #DDDDDD; -webkit-box-shadow: 0 0 2px #DDDDDD; box-shadow: 0 0 2px #DDDDDD; width: 400px; position:relative; top:-50px; } input[type="text"]:hover { border:1px solid #cccccc; } input[type="text"]:focus { box-shadow:0 0 2px #FFFE00; } textarea:disabled { border: 2px solid #765942; border-radius: 10px; }
Fri, 2014-02-21 21:31
#1
Hi aresrevenge, Can you link
Hi aresrevenge,
Can you link to the page it would be easier to come up with ideas.