Kaip pastumti paieška ir icon'as į dešinę pusę, būnant navigacijoje ?

[airiux140]

 

Kaip man šita paieška susimažinti (kad lygiuotu ir tiltu) ir kaip ją pasiųsti į dešinę pusę (kad lygiuotu) ? 

Redaguota Kovo 22, 2015, nario Airidas28

[#PovilasC]

align: right;

[NeRlz]

Norint sumažinti padidinti, turi naudoti width ir height.

#klasės arba id'o pav {
width:200px; (nusistatai tiek kiek reikia)
height:400px; (irgi nusistatai kaip reikia)
}

Pastūmti į šoną naudok: "align"

#klasės arba id'o pav {
width:200px; (nusistatai tiek kiek reikia)
height:400px; (irgi nusistatai kaip reikia)
align:right; (reikš jog eis į dešinę pusę image)
}

Redaguota Kovo 22, 2015, nario Žukas.

[airiux140]

Neina, ar čia į HTML dėti šitą kodą ? Nes dedu į style.css, bet niekas neįvyksta.

 

Štai kodas :

 /* PAIEŠKA */

/* Form text input */
 
.search-wrapper input {
width: 138px;
height: 20px;
padding: 10px 5px;
float: left;
font: 12px 'Oxygen Mono', Tahoma, Arial, sans-serif;
border: 0;
background: #EEE;
border-radius: 3px 0 0 3px;
align:right;
}
 
.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    align:right;
}
 
.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: ;
   align:right;
}
 
.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: ;
    align:right;
}
 
.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: ;
    align:right;
}    
 
/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width: 72px;
font: 12px 'Oxygen Mono', Tahoma, Arial, sans-serif;
color: white;
text-transform: uppercase;
background: #1b9bff;
border-radius: 0 3px 3px 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
align:right;
}
   
.search-wrapper button:hover{     
    background: #1b9bff;
    align:right;
}   
   
.search-wrapper button:active,
.search-wrapper button:focus{   
    background: #1b9bff;
    outline: 0;   
    align:right;
}
 
.search-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #1b9bff transparent;
    top: 12px;
    left: -6px;
    align:right;

}
 
.search-wrapper button:hover:before{
    border-right-color: #1b9bff;
}
 
.search-wrapper button:focus:before,
.search-wrapper button:active:before{
        align:right;
        border-right-color: #1b9bff;
}      
 
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    

Redaguota Kovo 22, 2015, nario Airidas28