Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS]uploadify, osadzenie pola wyboru na przycisk
Forum PHP.pl > Forum > Po stronie przeglądarki
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
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ć
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.