PDA

View Full Version : سوال: هر کار میکنم فرمم خوب نمیشه. کمک . . . . .


طبیب دل
سه شنبه 06 اسفند 1392, 10:49 صبح
با سلام به دوستان
من میخوام یه فرم مثل تصویری که ضمیمه کردم بسازم ولی هر کاری میکنم عناصر جای خوبی قرار نمیگیرن. با فایل css میخوام طراحی کنم. لطفا کمکم کنید.
با تشکر. . .
http://s5.picofile.com/file/8114805650/rfv.jpg
arash69
سه شنبه 06 اسفند 1392, 10:56 صبح
سلام؛
تصویر رو ظاهرا" فراموش کردین ضمیمه کنین.
arash69
سه شنبه 06 اسفند 1392, 11:05 صبح
هر کار میکنم تصویر اضافه نمیشه. . . مشکل داره؟

راستش نمیدونم؛ از آپلود سنترها استفاده کنین و لینکشو بذارین.
طبیب دل
سه شنبه 06 اسفند 1392, 11:19 صبح
لینک تصویر به پست اول اضافه کردم. اینجام میزارم
http://s5.picofile.com/file/8114805650/rfv.jpg
f_talebi
سه شنبه 06 اسفند 1392, 12:13 عصر
بنظر من کدتون رو بذارین دوستان رفع مشکل میکنن
130000
سه شنبه 06 اسفند 1392, 12:18 عصر
سلام

http://s5.picofile.com/file/8114811492/html_css.zip.html

شما برای اینکه یاد بگیرید چطور استایل بدید من این سایت رو به شما معرفی میکنم فیلمهاش رو حتما دانلود کنید فیلمهاش حرف ندارند.

http://www.azad-dl.com/category/%D9%81%DB%8C%D9%84%D9%85-%D9%87%D8%A7%DB%8C-%D8%A2%D9%85%D9%88%D8%B2%D8%B4%DB%8C/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html5-%D9%88-css3/page/3/
refugee
سه شنبه 06 اسفند 1392, 12:20 عصر
چه مشکلی دارید ؟

کدهاتون رو بذارید
طبیب دل
سه شنبه 06 اسفند 1392, 12:45 عصر
این کد html:

<div id="div-center"> <img id="imgarm" /> <img id="imgtop-divcenter" alt="" src="" /><br /> <img id="imgleft-divcenter" /> <img id="imgright-divcenter" /> </div> <div id="div-chooseLang"> <img id="persain" alt="" src="" /> <img id="english" alt="" src="" /> <img id="turkish" alt="" src="" /> </div>
اینم کد css:


#div-center
{
background-image:url('');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
width:400px;
height:250px;
/* margin:10% auto 0 auto;
padding:0 auto 0 auto;*/
margin:-200px 0 0 -200px;
left:50%;
top:50%;
position:absolute;
border:5px dashed blue;
display:inline;

}
#imgarm
{
/*position:absolute;*/
/* width:50%;*/
background-image:url('./icon/download.jpg');
position: absolute;
top: 50%;
right: 0;
left: 0;
bottom: 0;
margin: auto;
/*margin:50px;
left:50%;
top:50%;*/
}

تا همین جا میمونم بقیش دیگه نمیدونم چطور تنظیم کنم؟
130000
سه شنبه 06 اسفند 1392, 12:57 عصر
من که همینو براتون آماده کردم

http://s5.picofile.com/file/8114811492/html_css.zip.html
طبیب دل
سه شنبه 06 اسفند 1392, 13:10 عصر
من که همینو براتون آماده کردم

http://s5.picofile.com/file/8114811492/html_css.zip.html

درسته حق با شماست دیر نگاه کردم. دست گلت درد نکنه خیلی گلی. دعا کن بتونم مثل شما یاد بگیرم. بازم ممنوووووووووووووووووووووو ووووووووووووووووووووووووو ووووووووووووووووونننننننن نننننننننننننننن...............
refugee
سه شنبه 06 اسفند 1392, 13:21 عصر
سلام ؛

براتون الان نوشتم کدشو :

* توی کد توضیحات رو دادم . اما اگر متوجه نشدید بفرمائید تا تیکه تیکه توضیح بدم چیکار شده .



<!DOCTYPE html>
<html> <head> <title>Asila Design Group</title> <meta charset="utf-8" /> <style> * {margin:0px; padding:0px;} .container { width:700px; margin:10% auto 5%; padding:20px; background:#eaeaea;} .up1 {width:100%; height:50px; background:red; text-align:center;} .up2 {width:50px; height:50px; background:blue; float:right;} .up3 {width:598px; height:200px; background:#999; float:right; text-align:center;} .up4 {width:50px; height:50px; background:blue; float:right;} .container2 {width:700px; margin:0px auto; padding:10px; background:#efefef;} .pic1 {width:233px; height:50px; float:right; background:red;} .pic2 {width:233px; height:50px; float:right; background:blue;} .pic3 {width:233px; height:50px; float:right; background:green;} </style> </head> <body> <!-- div asli --> <div class="container"> <!-- tacvir avali --> <div class="up1"> <img src="1.png" /> </div> <!-- //tacvir avali --> <!-- tacvir dovomi right --> <div class="up2"> <img src="2.png" /> </div> <!-- //tacvir dovomi right --> <!-- tacvir sevomi center --> <div class="up3"> <img src="3.png" /> </div> <!-- //tacvir sevomi center --> <!-- tacvir charomi left --> <div class="up4"> <img src="4.png" /> </div> <!-- //tacvir charomi left --> <!-- clear:both; --><div style="clear:both;"></div><!-- //clear:both; --> </div> <!-- //div asli --> <!-- clear:both; --><div style="clear:both;"></div><!-- //clear:both; --> <div class="container2"> <div class="pic1"> <img src="5.png" /> </div> <div class="pic2"> <img src="6.png" /> </div> <div class="pic3"> <img src="7.png" /> </div> <!-- clear:both; --><div style="clear:both;"></div><!-- //clear:both; --> </div> </body></html>