[PHP][CSS]uploadify, osadzenie pola wyboru na przycisk Opcje

[djsamiryi]

Witam. Mam problem z poprawnym osadzeniem przycisku do wysyłania plików na stronie przy pomocy pluginu uploadify.



Zaznaczony obiekt to pole które powinno nałożyć się na przycisk... nie za bardzo wiem pod jakimi slowami kluczowymi mam szukać pomocy.

wstawiam kod css od uploadify

CODE

/*
Uploadify
Copyright © 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/

.uploadify {
position: relative;
margin-bottom: 1em;

}
.uploadify-button {
background-color: #505050;
background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #505050),
color-stop(1, #707070)
);
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border: 2px solid #808080;
color: #FFF;
font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
width: 100%;
}
.uploadify:hover .uploadify-button {
background-color: #606060;
background-image: linear-gradient(top, #606060 0%, #808080 100%);
background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #606060),
color-stop(1, #808080)
);
background-position: center bottom;
}
.uploadify-button.disabled {
background-color: #D0D0D0;
color: #808080;
}
.uploadify-queue {
margin-bottom: 1em;
width: none;
border: none;
padding: none;
padding: none;
background: none;
-moz-border-radius: none; -webkit-border-radius: none; border-radius:none;
}
.uploadify-queue-item {
background-color: #F5F5F5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: 11px Verdana, Geneva, sans-serif;
margin-top: 5px;
max-width: 350px;
padding: 10px;
}
.uploadify-error {
background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
background: url('../img/uploadify-cancel.png') 0 0 no-repeat;
float: right;
height: 16px;
text-indent: -9999px;
width: 16px;
}
.uploadify-queue-item.completed {
background-color: #E5E5E5;
}
.uploadify-progress {
background-color: #E5E5E5;
margin-top: 10px;
width: 100%;
}
.uploadify-progress-bar {
background-color: #0099FF;
height: 3px;
width: 1px;
}

div#file_upload {
width: none;
border: none;
padding: none;
background: none;
-moz-border-radius: none; -webkit-border-radius: none; border-radius:none;
}

Oraz pełne rozwinięcie co siedzi w <object> bo nie ma tego na screenie..

CODE

<object style="position: absolute; z-index: 1;" id="SWFUpload_0" type="application/x-shockwave-flash" data="uploadify.swf?preventswfcaching=1432535564355" class="swfupload" height="30" width="120"><param name="wmode" value="transparent"><param name="movie" value="uploadify.swf?preventswfcaching=1432535564355"><param name="quality" value="high"><param name="menu" value="false"><param name="allowScriptAccess" value="always"><param name="flashvars" value="movieName=SWFUpload_0&amp;uploadURL=%2Fzawodowe2%2Fuploadify.php&amp;useQueryString=false&amp;requeueOnError=false&amp;httpSuccess=&amp;assumeSuccessTimeout=30&amp;params=&amp;filePostName=Filedata&amp;fileTypes=*.*&amp;fileTypesDescription=All%20Files&amp;fileSizeLimit=0&amp;fileUploadLimit=0&amp;fileQueueLimit=999&amp;debugEnabled=true&amp;buttonImageURL=%2Fzawodowe2%2F&amp;buttonWidth=120&amp;buttonHeight=30&amp;buttonText=&amp;buttonTextTopPadding=0&amp;buttonTextLeftPadding=0&amp;buttonTextStyle=color%3A%20%23000000%3B%20font-size%3A%2016pt%3B&amp;buttonAction=-110&amp;buttonDisabled=false&amp;buttonCursor=-2"></object>

Jeśli będzie trzeba to wstawię też kod CSS główny strony..

BUMP

Ten post edytował djsamiryi 25.05.2015, 07:47:12

[nospor]

Ty zamiast sie BUMPowac to zakladaj watki we wlasciwych dzialach... Problem z PHP nie ma zadnego związku. PRzenosze

[djsamiryi]

Nie wiem czy nie odrazu przenieść tego do "przedszkola".... ale dzięki.

Mógłbym prosić o pomoc....?

[fate]

1krok: zacznij od wymiarów:
height="30" width="120"

Potem juz tylko wypozycjonować