1 reply [Last post]
aresrevenge
aresrevenge's picture
Offline
newbie
Last seen: 8 years 24 weeks ago
Timezone: GMT+8
Joined: 2014-02-21
Posts: 1
Points: 2

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.

mysite.png

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;
}

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi aresrevenge, Can you link

Hi aresrevenge,
Can you link to the page it would be easier to come up with ideas.