zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 2 <div>´s nebeneinander, div 1 verrutscht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.01.2011, 17:17
Benutzerbild von Dark-Flower
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2011
Beiträge: 14
Dark-Flower befindet sich auf einem aufstrebenden Ast
Standard 2 <div>´s nebeneinander, div 1 verrutscht

Hallo zusammen.

Hab euch schon etwas länger über google gefunden und hier viel gelesen und gelernt.
Nun habe ich ein Problem, wo ich echt eure Hilfe brauche.

Ich habe 2 <div>´s nebeneinander, sobald ich aber in die linke div etwas rein mache, verschiebt es die rechte nach unten.
Ich habe es schon mit:
HTML-Code:
	float:right;
und
HTML-Code:
	float:left;
versucht, aber es hilft nicht. Egal was ich noch mache.

Hier mal ein Teil der css:
HTML-Code:
div#main {
clear: both;
width:830px;
border-style:solid;
border-width:1px;
border-color:#BBB;
margin: 7px auto;

}


.mainupload {
	clear: both;
	float:left;
	width:360px;
	margin-top:10px;
	padding-right: 18px;
	padding-left:18px;

}
.signup {
	float:right;
	width:360px;
	margin-top:10px;
	padding-right: 18px;
	padding-left:18px;

}
Wisst ihr wo ich den Fehler hab?
Wäre für jede Hilfe danbar!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.01.2011, 20:37
Benutzerbild von siliciumcarbid
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2010
Ort: Basel
Beiträge: 115
siliciumcarbid befindet sich auf einem aufstrebenden Ast
Standard

beide müssen float: left; haben - beide ! (ps... google und FAQ's lesen..)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.01.2011, 20:39
Benutzerbild von siliciumcarbid
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2010
Ort: Basel
Beiträge: 115
siliciumcarbid befindet sich auf einem aufstrebenden Ast
Standard

und clear: both; muss raus... sonst funktionierts nicht.

Beispiel:
du hast 500 Pixel Platz (in der Breite).
Darin sollen 2 div's. beide 250 Pixel breit. allerdings hast du noch paddings links und rechts von je 5 pixeln.
Dann:

250Pixel - 5px padding-left - 5px padding-right = width: 240px;
alles klar? Border-Breite und Margin muss auch von der Gesamtbreite abgezogen werden
Mit Zitat antworten
  #4 (permalink)  
Alt 15.01.2011, 20:40
Benutzerbild von Dark-Flower
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2011
Beiträge: 14
Dark-Flower befindet sich auf einem aufstrebenden Ast
Standard

Ich suche seit heute Morgen, per Google und hab echt schon einiges versucht. Ich glaub auch das bei beiden "float: left;" steht, aber ich machs nochmal.

edit//
Wenn ich beide so mache, ist es übereinander.

Geändert von Dark-Flower (15.01.2011 um 20:48 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 15.01.2011, 20:44
Benutzerbild von siliciumcarbid
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2010
Ort: Basel
Beiträge: 115
siliciumcarbid befindet sich auf einem aufstrebenden Ast
Standard

Dann kopier folgendes in eine neue html datei

html:
<div id="a">
<div id="b">inhalt</div>
<div id="c">inhalt</div>
</div>

css:
#a {
width: 500px;
}

#b {
width: 240px;
float: left;
padding-left: 5px;
padding-right: 5px;
}

#c {
width: 240px;
padding-left: 5px;
padding-right: 5px;
float: left;
}

Die Werte änderst du nun so wie es in deiner Website sein soll. wenns funktioniert kopierst du es rein. Dann machst du an denen Werten nichts mehr.
Und schaust wo der fehler sein kann.
Mit Zitat antworten
  #6 (permalink)  
Alt 15.01.2011, 20:57
Benutzerbild von Dark-Flower
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2011
Beiträge: 14
Dark-Flower befindet sich auf einem aufstrebenden Ast
Standard

Ich hab ja eine Gesammtbreite von 830px
Ziehen wir 72px ab für padding-right & padding-left sind wir bei 758px, durch 2 = 379px.
Ich brauch ja aber nur 360, somit ist es nicht, der vermutete Platzmangel. Das hatte ich ja auch schon gedacht.
Mit Zitat antworten
  #7 (permalink)  
Alt 15.01.2011, 21:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.784
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Bitte lies und beachte die Hinweise für Fragende.
CSS-Schnipsel reichen nicht.
Mit Zitat antworten
  #8 (permalink)  
Alt 15.01.2011, 21:43
Benutzerbild von Dark-Flower
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2011
Beiträge: 14
Dark-Flower befindet sich auf einem aufstrebenden Ast
Standard

Ok.

.css
Code:
* {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body { 
	background: url(./images/main_bg.png) repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	color: #272423;
	background-color:#141414;
}

p,
form {
	display: inline;
}

img { 
	border: 0;
}

.adbg {
	background: url(./images/ad_bg.gif) repeat-x;
	text-align:center;
	margin-bottom:-8px;
	padding:10px 0 0 0;
	height:109px;
}

.headerad {
	position:absolute;
	margin:58px 0 0 400px;
}

.logo { 
	background: url(./images/logo.png) no-repeat;
	margin-top:-1px;
	height: 143px;
	width: 575px;
}

.button {
	display:inline;
	margin-right:5px;
}

.user_file {
	margin-bottom:2px;
       border:solid;
	border-width:1px;
	border-color:#BBB;
}

input:focus, textarea:focus, select:focus, input:hover { 
	background:#ffd;
}

.url_upload {
	margin-bottom:2px;
	border-bottom:solid;
	border-width:1px;
	border-color:#BBB;
}


.random_thumb {
	background-color:#282828;
	border: 1px solid #323232;
	padding:5px;
}

.random {
	background: url(./images/randombg.gif) no-repeat;
	padding:15px 0 0 0;
	height:169px;
	width:808px;
	text-align:center;
}

form {
	display: inline;
}


a.register {
	border:none;
	display: block;
       width: 168px;
       height: 32px;
       text-decoration: none;
}

a:hover.register {
	background-position: 0 -32px;
    text-decoration: none;
}


div#news a {
	color:#9A03E8;
	font-weight:bold;
}

div#news a:hover {
	text-decoration:underline; 
	color:#9A03E8;
	font-weight:bold;
}


div#main {
clear: both;
width:830px;
border-style:solid;
border-width:1px;
border-color:#BBB;
margin: 7px auto;

}


.mainupload {
	clear: both;
	float:left;
	width:360px;
	margin-top:10px;
	padding-right: 18px;
	padding-left:18px;

}
.signup {
	float:right;
	width:360px;
	margin-top:10px;
	padding-right: 18px;
	padding-left:18px;

}

.firefox {
	float:left;
	width:450px;
	margin-top:10px;
	padding: 10px;
	border-style:solid;
       border-width:1px;
	border-color:#BBB;
}

.bookmarklet {
float:left;
border:1px solid #BBB;
margin-top:10px;
margin-left:10px;
padding:10px;
width:450px;
}

.iframe {
float:left;
border:1px solid #BBB;
margin-top:10px;
margin-left:10px;
padding:10px;
width:450px;
}

div#twocol {
width:1000px;
overflow: auto;
}

.browser_top {
	position:relative;
	font-size:20px;
	font-weight:bold;
}

.chrome {
	float:left;
	width:450px;
	margin-left: 10px;
	margin-top:10px; 
	padding: 10px;
	border-style:solid;
       border-width:1px;
	border-color:#BBB;
}



.terms {
	text-decoration: underline;
	color:#b01616;
}

hr {
	border: 0;
	border-top: 1px dotted #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
	height: 1px;
}

h1 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.70em;
	font-weight: normal;
	color: #333333;
	margin-top: 0;
}

a:link, a:visited { 
	color: #9A03E8;
	text-decoration: none;

}

a:hover { 
	color:#290136;
	text-decoration: underline;
	
}

select, option { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	cursor: pointer;
	vertical-align: middle;
	width: auto;
	height: 19px;
	color: #000000;

}

th, .table_header { 
	background: url(./images/tbl_top_bg.gif) repeat-x;
	color: #FFFFFF;
	font-size: 0.90em;
	height: 25px;
	text-align: center;
}

td span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
}

td span.arial {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: 700;
}

td .explain {
	font-size: 0.90em;
	font-style: italic;
}

input[type="file"] { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	padding-bottom:2px;
	height: 21px;
	width: 300px;
	border: 1px solid #BBB;
}

input[type="file"]:hover {
	border: 1px solid #7E8993;
}

.page_cell { 
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

.input_field, .button1 { 
	background: url(./images/input_bg.gif) repeat-x;
	border: 1px solid #B3B9C4;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	padding: 3px;
	color: #000000;

}

img.button1 { 
	background: url(./images/input_bg.gif) repeat-x;
	border: 1px solid #B3B9C4;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	padding: 3px;
	color: #000000;
}

a.button1:link, a.button1:visited, a.button1:hover {
	color: #000000;
	text-decoration: none;
}

.button1:active, .button1:hover, .input_field:focus, .input_field:hover {
	border: 1px solid #7E8993;
}

.addmorefiles { 
	background: url(./images/addmore.gif) 0 0 no-repeat;
	border: none;
	width:107px;
	height:37px;
	cursor:pointer;
}

.upload { 
	background: url(./images/submit.gif) repeat-x;
	border: none;
	width:119px;
	height:37px;
	cursor:pointer;
}

.table_footer { 
	background: url(./images/tbl_foot_bg.gif) repeat-x bottom;
	color: #FFFFFF;
	height: 15px;
	padding: 5px;
	text-align: center;
}

.table_border { 
	border: 1px solid #345487;
	margin: 0;
	padding: 0;
	width: 100%;
}

.tdrow1, td.tdrow1, tr.tdrow1 { 
	background: #EBF1F5;
	padding: 5px;
}

.tdrow2, td.tdrow2, tr.tdrow2 { 
	background: #e6e7e7;
	padding: 5px;
}

.fade_top { 
	background: url(./images/pc_fade_t.gif) repeat-x;
	font-size: 0;
	height: 24px;
}

.fade_bottom { 
	background: url(./images/pc_fade_b.gif) repeat-x;
	font-size: 0;
	height: 36px;
}

.align_right {
	float: right;
}

.align_left {
	float: left;
}



.align_left span, .align_right span, .align_left div, .align_right div {
	display: inline;
}

.nav_menu { 
	background: url(./images/nav_men_bg.gif) repeat-x;
	height: 36px;
	padding: 0 15px;
}

.nav_menu ul { 
	float: left;
	margin: 0;
	padding: 0;
}

.nav_menu li { 
	float: left;
	line-height: 36px;
	list-style: none;
	margin-left: 0;
	padding: 0;
}

.nav_menu a:visited, .nav_menu a:link { 
	color: #7f7f7f;
	float: left;
	font-size: 1.0em;
	height: 36px;
	padding: 0 12px;
}

.nav_menu a:hover { 

	color: #fff;
	text-decoration: none;
}

.members_bar { 
	background: url(./images/nav_mem_bar.gif) repeat-x;
	color: #7f7e7e;
	height: 35px;
	font-size: 1.0em;
}

.members_bar a:visited, .members_bar a:link, .members_bar a:hover { 
	color: #e4e4e4;
	text-decoration: none;
}

.members_bar .guest_links { 
	padding: 9px;
	margin-left:80px;
}

.members_bar .guest_links a:visited, .guest_links a:link, { 
	color:#fff;
}

.members_bar .guest_links a:hover { 
	color:#9A03E8;
}

.members_bar .member_links_right { 
	margin-right:20px;
	padding: 9px;
	float: right;
}

.members_bar .member_links_right a:visited, .member_links_right a:link, { 
	color:#fff;
}

.members_bar .member_links_right a:hover { 
	color:#9A03E8;
}

.members_bar .member_links_left { 
	margin-left:20px;
	padding: 9px;
	float: left;
}

.page_body { 
	clear: both;
	background: #FFFFFF;
	color: #272423;
	padding: 30px;
	text-align: left;
	padding: 15px 10px 15px 10px;
}

.page_footer { 
	background: url(./images/pc_foot_bg.gif) repeat-x;
	color: #5b5b5b;
	height: 48px;
	padding: 15px;
	text-align: center;
}

.page_footer span { 
	color: #393838;
	margin:5px;
}

.page_footer a:link, .page_footer a:visited, .page_footer a:hover { 
	color: #5b5b5b;
}

.page_footer img { 
	vertical-align: middle;
}

.lightbox_background { 
	-moz-opacity: 0.80px;
	background: #000000;
	filter: alpha(opacity=80);
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.80;
	position: absolute;
	width: 100%;
	z-index: 1001;
}

.lightbox_main { 
	background: #FFFFFF;
	border: 1px solid #345487;
	left: 25%;
	top: 20%;
	overflow: hidden;
	position: absolute;
	width: 515px;
	z-index: 1002;
}

.message_box { 
	background: url(./images/blue_box_bg.gif) repeat-x;
	border: 1px solid #BFC8E3;
	margin: 5px auto 10px;
	padding: 10px;
	text-align: center;
}

.message_box h1 { 
	color: #FF0C00;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.70em;
	font-weight: 700;
}

.thumbnail { 
	background-color:#2f2f2e;
	border: 1px solid #b0afaf;
	padding:5px;
}

.pagination {
	height: 1%;
	width: auto;
	font-size: 0.85em;
	margin-top: 3px;
	float: right;
}

.pagination strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	font-size: 0.85em;
	color: #FFFFFF;
	background: #B01616;
	border: 1px solid #B01616;
}

.pagination a:link, .pagination a:visited, .pagination a:active {
	font-weight: normal;
	font-size: 0.85em;
	text-decoration: none;
	color: #5C758C;
	margin: 0 2px;
	padding: 0 2px;
	background: #ECEDEE;
	border: 2px solid #B4BAC0;
}

.pagination a:hover {
	border-color: #B01616;
	background: #B01616;
	color: #FFFFFF;
	text-decoration: none;
}

.pulldown_menu {
	cursor: pointer;
}

.pulldown_menu ul {
	display: none;
	list-style: none;
	border: 1px solid #999999;
}

.pulldown_menu:hover ul {
	display: block;
	position: absolute; /* Safari Fix */
}

.pulldown_menu li {
	font-size: 0.90em;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	border-bottom: 1px solid #DDD;
	background: #EFF3F7;
	white-space: nowrap;
	width: auto;
	padding: 3px;
} 

.pulldown_menu li.header {
	padding: 2px;
	text-align: center;
	background: #E1E2E5;
	font-weight: 700;
}
.news{
	text-align: center;
	font-size:12px;
}
.align_left_mfix {
	float: left;
	padding-top: 2px;
}

.align_right_mfix {
	float: right;
	padding-top: 2px;
}
/* Settings for JDMenu plugin */
ul.jd_menu, 
ul.jd_menu_vertical {
	list-style-type: none;
}

ul.jd_menu ul, 
ul.jd_menu_vertical ul {
	display: none;
}

ul.jd_menu li {
	float: left;
}

ul.jd_menu ul, 
ul.jd_menu_vertical ul {
	margin: 0px;
	padding: 0px;
	display: none;
	z-index: 10000;
	position: absolute;
	list-style-type: none;
}

ul.jd_menu ul li, 
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}

ul.jd_menu, 
ul.jd_menu ul {
	height: 20px;
} 

ul.jd_menu ul {
	height: auto;
}

* html ul.jd_menu ul {
	width: 1%;
}

ul.jd_menu li {
	cursor: pointer;
	white-space: nowrap;
	margin: 0px 2px 0 2px;
}

ul.jd_menu .menu_border {
	border: 1px solid #999999;	
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); /* For CSS3 Browsers */
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); /* For Safari Users */
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); /* For Mozilla Browsers (Firefox) */
}

ul.jd_menu li.item {
	padding: 3px;
	margin-left: 0;
	color: #000000;
	display: block;
	font-size: 0.9em;
	text-align: left;	
	background: #eff3f7;
	border-bottom: 1px solid #ddd;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

ul.jd_menu li.header {
	padding: 2px;
	font-size: 0.8em;
	font-weight: 900;
	text-align: center;
	background: #e1e2e5;
	border-bottom: 1px solid #ddd;
}
home.tpl
HTML-Code:
<!-- BEGIN: NORMAL UPLOAD PAGE -->
<template id="normal_upload_page">
	
<div id="main">
<div class="signup"><a href="http://www.firstload.de/affiliate/log.php?log=xxxx" target="_blank"><img src="http://pics.firstload.de/button300x250erotik.gif" width="300" height="250" border="0" /></a></div>

<div class="mainupload">
<p style="font-size:10px;">
Select an image file to upload:</p>

<p><br /></p>

<form action="upload.php" method="post" id="upload_form" enctype="multipart/form-data">
	<p>
		<input name="userfile[]" type="file" size="36" /> <br />

        
		<span id="more_file_inputs"></span> <br />
        
        <div id="upoptions_hidden">
       		<img src="css/images/arrowhide.png" alt="Show Available Options" onclick="toggle('upoptions_hidden'); toggle('upoptions_shown');" />
        	Uploading Options: <a href="javascript:void(0);" onclick="toggle('upoptions_hidden'); toggle('upoptions_shown');">Show Available Options</a>
        </div>
        
        <div id="upoptions_shown" style="display: none;">
       		<img src="css/images/arrowshow.png" alt="Hide Available Options" onclick="toggle('upoptions_hidden'); toggle('upoptions_shown');" />
            Uploading Options: <a href="javascript:void(0);" onclick="toggle('upoptions_hidden'); toggle('upoptions_shown');">Hide Available Options</a>
            <br /><br />
            
            <div id="upload_options">
                <if="$mmhclass->info->is_user == false || $mmhclass->info->is_user == true && $mmhclass->info->user_data['private_gallery'] == false">
                    &bull; Upload Type: <input type="radio" name="private_upload" value="0" checked="checked" /> Public <input type="radio" name="private_upload" value="1" /> Private
                    <br /><br />
                </endif>
                
                &bull; Output Layout: <input type="radio" name="upload_type" value="standard" <# STANDARD_UPLOAD_YES #> /> <span onclick="toggle_lightbox('index.php?layoutprev=std', 'upload_layout_preview_lightbox');" title="Click to preview" class="help">Standard</span> <input type="radio" name="upload_type" value="normal-boxed" <# BOXED_UPLOAD_YES #> /> <span onclick="toggle_lightbox('index.php?layoutprev=bx', 'upload_layout_preview_lightbox');" title="Click to preview" class="help">Boxed</span>
                <br /><br />
                
                <if="$mmhclass->info->is_user == true && $mmhclass->templ->templ_globals['hide_upload_to'] == false">
                    &bull; Upload To: 
                    <select name="upload_to" style="width: 220px;">
                        <option value="0" selected="selected">Root Album</option>
                        
                        <while id="albums_pulldown_whileloop">
                            <option value="<# ALBUM_ID #>">&bull; <# ALBUM_NAME #></option>
                        </endwhile>
                    </select>
                    <br /><br />
                </endif>
                

         	</div>
        </div><br />
            <div id="upload_options">
                        Resize Images: 
                <select name="image_resize" style="width: 220px;">
                    <option value="0" selected="selected">Do Not Resize</option>
                    
                    <option disabled="disabled">----</option>
                    
                    <option value="1">100x75 (avatar)</option>
                    <option value="2">150x112 (thumbnail)</option>
                    <option value="3">320x240 (for websites and email)</option>
                    <option value="4">640x480 (for message boards)</option>
                    <option value="5">800x600 (15-inch monitor)</option>
                    <option value="6">1024x768 (17-inch monitor)</option>
                    <option value="7">1280x1024 (19-inch monitor)</option>
                    <option value="8">1600x1200 (21-inch monitor)</option>
                </select>
        </div><br />
		<input class="button1" type="button" value="Add More Files" onclick="new_file_input();" /> 
		<input class="button1" type="button" value="URL Upload" onclick="javascript:location.replace('index.php?url=1');" />
		<input class="button1" type="button" value="Start Uploading" onclick="toggle_lightbox('index.php?act=upload_in_progress', 'progress_bar_lightbox'); $('form[id=upload_form]').submit();" />
	</p>
</form>
<br /><br />

<span style="font-size:10px;">Allowed File Extensions: <# FILE_EXTENSIONS #></span><br />
<span style="font-size:10px;">Max filesize is set at: <# MAX_FILESIZE #>  per image file.</span>
</div>
</div>
</template>
<!-- END: NORMAL UPLOAD PAGE -->

<!-- BEGIN: URL UPLOAD PAGE -->
<template id="url_upload_page">

<script type="text/javascript">
	function set_upload_type(id)
	{
		$("div[id=upload_types] div:visible").attr("style", "display: none;"); 
		$("div[id=" + $(id).val() + "]").attr("style", "display: block;");	
		
		switch ($(id).val()) {
			case "paste_upload":
				$("input[id=more_files_button]").attr("disabled", "disabled");
				$("span[id=more_instructions]").html("<br />Separate each image URL with a new line.");
				$("span[id=instructions]").html("Enter up to <# MAX_RESULTS #> image file URLs to upload");
				break;
			case "normal_upload":
				$("span[id=more_instructions]").html("&nbsp;");
				$("input[id=more_files_button]").removeAttr("disabled");
				$("span[id=instructions]").html("Enter an image file URL to upload");
				break;
			case "webpage_upload":
				$("input[id=more_files_button]").attr("disabled", "disabled");
				$("span[id=instructions]").html("Enter a webpage URL to upload images from");
				$("span[id=more_instructions]").html("<br />Only the first <# MAX_RESULTS #> images that are found will be uploaded.");
				break;
		}
	}
</script>


<div id="main">
<div class="signup"><a href="http://www.firstload.de/affiliate/log.php?log=xxxxx" target="_blank"><img src="http://pics.firstload.de/button300x250erotik.gif" width="300" height="250" border="0" /></a></div>
<div class="mainupload">	

 <span id="more_instructions">&nbsp;</span>

<p style="font-size:10px;">
Enter an image file URL to upload</p><br />
<form action="upload.php" method="post" id="upload_form" enctype="multipart/form-data">
	<p>
        <div id="upload_types">
        	<div id="normal_upload">
                URL: <input name="userfile[]" type="text" size="40" class="input_field" /> <br />
                URL: <input name="userfile[]" type="text" size="40" class="input_field" /> <br />
                URL: <input name="userfile[]" type="text" size="40" class="input_field" /> <br />
                URL: <input name="userfile[]" type="text" size="40" class="input_field" /> <br />
                URL: <input name="userfile[]" type="text" size="40" class="input_field" /> <br />
				
                <span id="more_file_inputs"></span> <br />
            </div>
            
            <div id="webpage_upload" style="display: none;">
                URL: <input name="webpage_upload" type="text" size="50" class="input_field" value="http://www.google.com/" onclick="$(this).val('');" />
                <br /><br />
            </div>
            
            <div id="paste_upload" style="display: none;">
           		<textarea name="paste_upload" cols="60" rows="10" class="input_field" style="width: 440px;"></textarea>
                <br /><br />
            </div>
        </div>
        
    	URL Upload Type: 
        <select name="url_upload_type" onchange="set_upload_type(this);">
        	<option value="normal_upload">Normal URL Upload</option>
        	<option value="paste_upload">Paste a List of URLs to Upload</option>
        	<option value="webpage_upload">Upload All Images Linked on a Webpage</option>
        </select>
        <br /><br />
        
        <div id="upoptions_hidden">
       		<img src="css/images/arrowhide.png" alt="Show Available Options" onclick="toggle('upoptions_hidden'); toggle('upoptions_shown');" />
        	Uploading Options: <a href="javascript:void(0);" onclick="toggle('upoptions_hidden'); toggle('upoptions_shown');">Show Available Options</a>
        </div>
        
        <div id="upoptions_shown" style="display: none;">
       		<img src="css/images/arrowshow.png" alt="Hide Available Options" onclick="toggle('upoptions_hidden'); toggle('upoptions_shown');" />
       		Uploading Options: <a href="javascript:void(0);" onclick="toggle('upoptions_hidden'); toggle('upoptions_shown');">Hide Available Options</a>
            <br /><br />
            
            <div id="upload_options">
                <if="$mmhclass->info->is_user == false || $mmhclass->info->is_user == true && $mmhclass->info->user_data['private_gallery'] == false">
                    &bull; Upload Type: <input type="radio" name="private_upload" value="0" checked="checked" /> Public <input type="radio" name="private_upload" value="1" /> Private
                    <br /><br />
                </endif>
                
                &bull; Output Layout: <input type="radio" name="upload_type" value="url-standard" <# STANDARD_UPLOAD_YES #> /> <span onclick="toggle_lightbox('index.php?layoutprev=std', 'upload_layout_preview_lightbox');" title="Click to preview" class="help">Standard</span> <input type="radio" name="upload_type" value="url-boxed" <# BOXED_UPLOAD_YES #> /> <span onclick="toggle_lightbox('index.php?layoutprev=bx', 'upload_layout_preview_lightbox');" title="Click to preview" class="help">Boxed</span>
                <br /><br />
                    
                <if="$mmhclass->info->is_user == true && $mmhclass->templ->templ_globals['hide_upload_to'] == false">
                    &bull; Upload To: 
                    <select name="upload_to" style="width: 220px;">
                        <option value="0" selected="selected">Root Album</option>
                        
                        <while id="albums_pulldown_whileloop">
                            <option value="<# ALBUM_ID #>">&bull; <# ALBUM_NAME #></option>
                        </endwhile>
                    </select>
                    <br /><br />
                </endif>
                

         	</div>
        </div><br />
            <div id="upload_options">
                Resize Images: 
                <select name="image_resize" style="width: 220px;">
                    <option value="0" selected="selected">Do Not Resize</option>
                    
                    <option disabled="disabled">----</option>
                    
                    <option value="1">100x75 (avatar)</option>
                    <option value="2">150x112 (thumbnail)</option>
                    <option value="3">320x240 (for websites and email)</option>
                    <option value="4">640x480 (for message boards)</option>
                    <option value="5">800x600 (15-inch monitor)</option>
                    <option value="6">1024x768 (17-inch monitor)</option>
                    <option value="7">1280x1024 (19-inch monitor)</option>
                    <option value="8">1600x1200 (21-inch monitor)</option>
                </select>
        </div><br />
		<input class="button1" type="button" value="Add More Files" onclick="new_file_input('url');" id="more_files_button" /> 
		<input class="button1" type="button" value="Normal Upload" onclick="javascript:location.replace('index.php');" />
		<input class="button1" type="button" value="Start Uploading" onclick="toggle_lightbox('index.php?act=upload_in_progress', 'progress_bar_lightbox'); $('form[id=upload_form]').submit();" />
	</p>
</form>
<br /><br />

<span style="font-size:10px;">Allowed File Extensions: <# FILE_EXTENSIONS #></span><br />
<span style="font-size:10px;">Max filesize is set at: <# MAX_FILESIZE #> per image file.</span>
</div>
</div>
</template>
<!-- END: URL UPLOAD PAGE -->

<!-- BEGIN: UPLOADER PROGRESS BAR LIGHTBOX -->
<template id="upload_in_progress_lightbox">

<table cellpadding="4" cellspacing="1" border="0" style="width: 100%;">
	<tr>
		<th>Please Stand By</th>
	</tr>
	<tr>
		<td class="tdrow1 text_align_center">
            Upload in progress...
            <br /><br />
            <img src="css/images/progress_bar.gif" alt="Loading..." style="height: 15px;" />
            <br /><br />
            Your images are in the process of being uploaded.
        </td>
	</tr>
	<tr>
		<td class="table_footer">&nbsp;</td>
	</tr>
</table>

</template>
<!-- END: UPLOADER PROGRESS BAR LIGHTBOX -->

<!-- BEGIN: UPLOAD LAYOUT PREVIEW LIGHTBOX -->
<template id="upload_layout_preview_lightbox">

<table cellpadding="4" cellspacing="1" border="0" style="width: 100%;">
	<tr>
		<th>Upload Layout Preview</th>
	</tr>
	<tr>
		<td class="tdrow1 text_align_center" height="<# IMAGE_HEIGHT #>px;">
			<a href="css/images/<# PREVIEW_TYPE #>layout_prev.png"><img src="css/images/<# PREVIEW_TYPE #>layout_prev.png" alt="Upload Layout Preview" /></a>
        </td>
	</tr>
	<tr>
		<td class="table_footer"><a onclick="toggle_lightbox('no_url', '<# LIGHTBOX_ID #>');">Close Window</a></td>
	</tr>
</table>

</template>
<!-- END: UPLOAD LAYOUT PREVIEW LIGHTBOX -->
Mit Zitat antworten
  #9 (permalink)  
Alt 15.01.2011, 21:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.784
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Nein, überhaupt nicht ok.
Das ist jetzt wieder ein Fragment, diesmal mit serverseitigem Code. Was sollen wir damit?
Ein Link muss her!
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 15.01.2011, 21:50
Benutzerbild von Dark-Flower
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2011
Beiträge: 14
Dark-Flower befindet sich auf einem aufstrebenden Ast
Standard

Das Problem ist, das es Adult ist.

Geändert von Dark-Flower (15.01.2011 um 22:24 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Header entfernen tripple CSS 17 15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 10:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:23 Uhr.