• 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
اقا بالاخره موفق شدم با div قالب طرای کنم ولی ..
#1
سلام دوستای گلم اینم طراحی من با دایو ها بنظرتون چطوره

عکس رو نگاه کنید ؟؟؟؟
یه مشکل فقط دارم اونم واسه پایین اومدن یه دایو دیگست ؟؟؟؟؟؟؟اگه بدونید چقد خوشحالم.Big Grin


فایل‌های پیوست تصاویر بندانگشتی
   
  پاسخ
تشکر شده توسط :
#2
باریک الله،تو هم پیوستی به جمع تیبلی لسی هاBig Grin
اول کل دایوها رو بذار داخل یه داید به نامwrapper و یه استایل بهش بده با مقدا:
کد پی‌اچ‌پی:
margin:0 autowidth:600px
با این کار میاد وسط.بعد طول قسمتهای خبر و موضوعات رو رو هم طوری تنظیم کن که جمع عرض هردوشون کل عرض دایو wrapper باشه،بعد از این کار،یه دایو بساز بعد از این دوتا دایو،و طول و عرض بهش بده و خاصیت
کد پی‌اچ‌پی:
float:left
رو هم بهش بده،همین!

اللهم صل علی محمد و آل محمد و عجل فرجهم

افلاطون را گفتند چرا هرگز غمگین نمیشوی؟
گفت :دل برآنچه نمی ماند،نمی بندم.
  پاسخ
تشکر شده توسط :
#3
اقا ماهم شدیم جزء چی دادا بدون تیبلا یا همون تیبل لس

راستی راستی نگفتید که چجوری یه دایو بیارم زیر دایو موضوعات

float ro چی بدم اندر که ندارهBig GrinAngel
یعنی اگه طول و عرض شو زیاد بدم میره زیر ان یکی ؟؟؟فک نکنم روش اصلی باشه امید جان؟
  پاسخ
تشکر شده توسط :
#4
(۱۳۹۰ مرداد ۱۴, ۰۱:۰۱ ب.ظ)bcmodir نوشته: اقا ماهم شدیم جزء چی دادا بدون تیبلا یا همون تیبل لس

راستی راستی نگفتید که چجوری یه دایو بیارم زیر دایو موضوعات

float ro چی بدم اندر که ندارهBig GrinAngel
یعنی اگه طول و عرض شو زیاد بدم میره زیر ان یکی ؟؟؟فک نکنم روش اصلی باشه امید جان؟
طراحی بدون جدول رو میگن tableless،یعنی از جدول استفاده نمیشه و این برای سئو و استاندارد بودن کد موثره!
نه نه! نگرفتی.
این کاری رو که گفتم بکن،یه بار دیگه بخون مطلبو.
بیشتر توضیح میدم،ما یه عنصر کلی اضافه کردیم که همه ی کدهامونو تو اون میریزیم و دایوها مون هم.
بعد عرض این رو دادیم 600px و حالا اگه داخل این عنصر یه عنصر دیگه تمام عرض این wrapper رو بگیره دیگه جایی برای بقیه عنصرها نمیمونه و بقیه عنصرها مجبور میشن برن زیرش قرار بگیرن،حالا با این ترفند ما دو تا دایو رو (موضوعات و خبر)کاری کردیم که همه ی عرض wrapper رو اشغال کنه،بعد یه داید اضافه کردیم،این دایو جدیده مجبور بره زیر اون دوتا،حالا برا اینکه موقعیت دهی کنیم،با خاصیتfloat میبریمش یه گوشه ای که میخوایم،کهاینجا سمت چپ بود!
حتما تست کن تا متوجه شی،تئوری فایدا یوخی قارداشCool

اللهم صل علی محمد و آل محمد و عجل فرجهم

افلاطون را گفتند چرا هرگز غمگین نمیشوی؟
گفت :دل برآنچه نمی ماند،نمی بندم.
  پاسخ
تشکر شده توسط : bcmodir
#5
قربون دادا..Smile

اقا منم اولش گرفتم چی میگی منظورم این بود همیشه اینجوریه یا ......
راه دیگه ای داره
کارم راه افتاد در کلShy
اها راستی فاصله بین دوتا دایو رو با چی باید تعیین کنیم مارگین که نیست نه
  پاسخ
تشکر شده توسط :
#6
همون margin

اللهم صل علی محمد و آل محمد و عجل فرجهم

افلاطون را گفتند چرا هرگز غمگین نمیشوی؟
گفت :دل برآنچه نمی ماند،نمی بندم.
  پاسخ
تشکر شده توسط :
#7
سلام بچه ها من این کدو نوشتم که اگه متن زیاد بود سایز دایو عوض نشه ولی کار نکرد بنظرشما مشکلش چیه
کد پی‌اچ‌پی:
.div1{
    
float:right;
    
border:#000 dotted;
    
font-family:TahomaGenevasans-serif;
    
font-size:12px;
    
color:#000;
    
width:700px !important;



راسی امیر این عکسو ببین با این که فلوت کردم ولی بازم اینجوری میشه
ضمیمه کردم


فایل‌های پیوست تصاویر بندانگشتی
   
  پاسخ
تشکر شده توسط :
#8
کد پی‌اچ‌پی:
@charset "utf-8";


.
divcenter{
    
text-align:center;
    
margin:0 auto;
    
width:970px;
}

.
div1{
    
float:right;
    
border:#000 dotted;
    
font-family:TahomaGenevasans-serif;
    
font-size:12px;
    
color:#000;
    
width:700px !important;
}


.
divmozoat{
    
text-align:right;
    
float:right;
    
border:#000 doted;
    
font-family:TahomaGenevasans-serif;
    
font-size:12px;
    
width:250px;
}


.
divlink{

    
float:right;
    
border:#000 doted;
    
font-family:TahomaGenevasans-serif;
    
font-size:12px;
    
width:250px;
}
{
    
color#333;
    
text-decoration:none;
}

a:hover {
    
color:#63F;
    
text-decoration:none;
    
text-indent:inherit;
    
white-space:nowrap;

  پاسخ
تشکر شده توسط :
#9
هر مشکلی داری کد کاملت پیجتو بذار-بهتره

اللهم صل علی محمد و آل محمد و عجل فرجهم

افلاطون را گفتند چرا هرگز غمگین نمیشوی؟
گفت :دل برآنچه نمی ماند،نمی بندم.
  پاسخ
تشکر شده توسط :
#10
این صفحه اوله
کد پی‌اچ‌پی:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>wel come to mini web alireza salehi::..::مینی بلاگ علیرضا صالحی</title>
<
link href="as.css" rel="stylesheet" type="text/css" media="screen" />
<
style type="text/css">
body p {
    
text-aligncenter;
    
font-familytahoma;
    
font-size12px;
}
</
style>
</
head>

<
body background="bg.png">


<
p><img src="img03.PNG" width="962" height="160" /></p>
<
div class="divcenter">

<
div class="divmozoat">
  <
table width="250" border="0" align="center" cellpadding="0" cellspacing="0">
    <
tr>
      <
td width="232" height="29" style="background-image:url(thead_bg.png); color: #FFF; font-weight: bold;"><span style="text-align: center"></span>موضوعات:<span style="text-align: center"></span></td>
    </
tr>
    <
tr>
      <
td style="background-color:#CCC; color: #000; font-weight: bold;" align="center"><p>کامپیوتر</p>
        <
p><a href="www.yahoo.com">حسابداری</a></p>
        <
p>پزشکی        </p>
        <
p>معماری</p>
        <
p>&nbsp;</p></td>
    </
tr>
</
table>
</
div>
<
div class="div1">
  <
table style="width:700px !important;" border="0" cellpadding="0" cellspacing="0">
    <
tr>
      <
td width="396" height="30" style="background-image:url(thead_bg.png); color: #FFF; font-weight: bold; text-align: right;"خبر :</td>
    </
tr>
    <
tr>
      <
td style="background-color:#CCC;"><p>بسم الله الرحمن الرحیم</p>
        <
p>این اولین خبر درج شده در یک صفحه استاتیک است        </p>
        <
p>k bc modir:::::::::::::::::::::::::::::::::::::::</p>
<
p>&nbsp;</p></td>
    </
tr>
  </
table>
</
div>
<
div class="divlink">
  <
table width="250" border="0" cellpadding="0" cellspacing="0">
    <
tr>
      <
td height="32" style="background-image:url(thead_bg.png); text-align: center; font-family: tahoma; font-weight: bold; color: #FFF; font-size: 12px;">:لینک ها</td>
    </
tr>
    <
tr>
      <
td style="background-color:#CCC;"><p><a href="www.google.com">google</a></p>
        <
p>&nbsp;</p>
        <
p>&nbsp;</p></td>
    </
tr>
  </
table>
</
div>
</
div>
</
body>
</
html

کدای مربوط به صفحه css روهم بالا گذاشتن؟؟؟؟؟؟؟؟؟
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان