دوستانی که html بلدن کمک کنن [بایگانی] - انجمن تخصصی وب هاستینگ ایران

lvlehrad

March 22nd, 2011, 02:38

سلام .

[/URL][URL="http://up.iranblog.com/images/j09sj3tlrry40cl4iaa.jpg"]http://up.iranblog.com/images/j09sj3tlrry40cl4iaa.jpg (http://up.iranblog.com/)

کسی میتونه کد html عکس بالا رو به من بده ؟

میخوام مثل عکس بالا عکس سمت چپ باشه و نوشته سمت راست (بکگراند اینا نمیخوام )

<head>
<meta http-equiv="Content-Language" content="en-us">
<style type="text/css">
.style1 {
text-align: left;
}
</style>
</head>

<div class="style1">
<img width="149" height="149" style="float: left"><p class="style1">
your text</p>
<p class="style1"> </p>

<p class="style1">your text</p>
<p class="style1"> </p>

<p class="style1">your text</p>
<p class="style1"> </p>

<p class="style1">your text</p>
</div>

یچیز تو مایه های کد بالا فقط فونت میخوام شبیه عکسی که اول تاپیک قرار دادم بشه ( فاصله بین خط ها نوع فونت و سایز فونت و رنگ فونت ... )

Rezash

March 22nd, 2011, 02:45

تو div بساز
يكي رو تو استايل بذار float:right و ديگري left
بعد با direction و align تو هر كدوم متنت رو تنظيم كن.

---------- Post added at 02:45 AM ---------- Previous post was at 02:45 AM ----------

* دو div بساز - غلط املايي

lvlehrad

March 22nd, 2011, 02:49

آقا رضا بیا به ما عیدی بده اینو واسم بنویس :دی امروز به حدود 10 نفر رو انداختم هیچکی انجام نداد :d الان سایتم رو بستم سر همین کد و فردا هم میخوام برم مسافرت ... :(

Rezash

March 22nd, 2011, 03:07

خدمت شما

<div style="float:left">سمت چپ شامل كد عكس</div>
<div style="float:right;text-align: left;">Artist : Erfan <br /> and so on </div>

lvlehrad

March 22nd, 2011, 03:38

دست شما درد نکنه

---------- Post added at 03:38 AM ---------- Previous post was at 03:28 AM ----------

من این رو تست کردم ولی اصلا شبیه عکسی که در بالا قرار دادم نشد ! کدی که خودم قرار دادم بیشتر شبیه بود ! چون الان نوشته ها رفته سمت راست ...

الان اون کدی که من قرار دادم با عکسی که قرار دادم فرقش در فونت هست و من دچار مشکل هستم ! مثلا فاصله بین خطوط و نوع و سایز فونت ها !

persian.developer

March 22nd, 2011, 09:05

مثلا فاصله بین خطوط

Line-height
Example= line-height: 4px;

نوع

font-family
Example= font-family:Tahoma, Times New Roman, Times, serif;

سایز فونت ها

font-size
Example= font-size:11px;

e-741

March 22nd, 2011, 15:33

اینم کد سادش و کامل اگه الان به کارت میاد، مث عکس زیر میشه، به سایزت دست نزدم، واسه همین عکس یکم فشرده شده و فشرده سازی بهتره با فتوشاپ انجام بشه و نیازی به div هم در حالت عادی نیست :
2211

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
img
{
float:left;
padding-right:2px;
}
.style1
{
float:left;

}
</style>
</head>
<body>
<img src="avatar3.jpg" width="149" height="149" style="float: left">
Artist : <br />
Album : <br />
Release Date : <br />
Genre : <br />
Tracks :

</body>
</html>

موفق باشی

lvlehrad

March 23rd, 2011, 21:46

<table border="0" width="100%" cellpadding="2">
<tr><td width="105">
<img border="0" src="https://www.n1-music.com/attachment.php?attachmentid=321&d=1300108430" width="110" height="110"></td>
<td valign="top">
<table border="0" width="99%" cellspacing="0" height="105" cellpadding="0"> <tr> <td height="10"> </td> </tr> <tr>
<td valign="bottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="98">
<tr>
<td>
<span style="font-size: 10pt"> </span>
<b>Artist :</b>Hichkas</td>
</tr> <tr>
<td>
<span style="font-size: 10pt"> </span>
<b> Album : </b>The Tour of Duty</td>
</tr>
<tr> <td>
<span style="font-size: 10pt"> </span>
<b> Genre : </b>Rap</td>
</tr> <tr> <td>
<span style="font-size: 10pt"> </span>
<b>
Track :</b> 5</td>
</tr> <tr> <td>
<span style="font-size: 10pt"> </span>
<a href="https://www.n1-music.com/content.php?206-Hichkas-Anjam-Vazife" >
<u> <b> <font color="red">Download </font></b></a></td>
</u> </tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<LOOOOOOOOOOOOOOOOOOOOOOOOOOOL>

<table border="0" width="100%" cellpadding="2">
<tr><td width="105">
<img border="0" src="https://www.n1-music.com/attachment.php?attachmentid=213&cid=18" width="110" height="110"></td>
<td valign="top">
<table border="0" width="99%" cellspacing="0" height="105" cellpadding="0"> <tr> <td height="10"> </td> </tr> <tr>
<td valign="bottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="98">
<tr>
<td>
<span style="font-size: 10pt"> </span>
<b>Artist :</b>Mehrnoosh</td>
</tr> <tr>
<td>
<span style="font-size: 10pt"> </span>
<b> Album : </b>Cheshmat</td>
</tr>
<tr> <td>
<span style="font-size: 10pt"> </span>
<b> Genre : </b>Pop</td>
</tr> <tr> <td>
<span style="font-size: 10pt"> </span>
<b>
Track :</b> 9</td>
</tr> <tr> <td>
<span style="font-size: 10pt"> </span>
<a href="https://www.n1-music.com/content.php?137-Mehrnoosh-Cheshmat-Album" >
<u> <b> <font color="red">Download </font></b></a></td>
</u> </tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<LOOOOOOOOOOOOOOOOOOOOOOOOOOOL>

<table border="0" width="100%" cellpadding="2">
<tr><td width="105">
<img border="0" src="https://www.n1-music.com/attachment.php?attachmentid=209&d=1298917779" width="110" height="110"></td>
<td valign="top">
<table border="0" width="99%" cellspacing="0" height="105" cellpadding="0"> <tr> <td height="10"> </td> </tr> <tr>
<td valign="bottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="98">
<tr>
<td>
<span style="font-size: 10pt"> </span>
<b>Artist :</b>Siavash Ghomayshi</td>
</tr> <tr>
<td>
<span style="font-size: 10pt"> </span>
<b> Album : </b>Yadegari</td>
</tr>
<tr> <td>
<span style="font-size: 10pt"> </span>
<b> Genre : </b>Pop</td>
</tr> <tr> <td>
<span style="font-size: 10pt"> </span>
<b>
Track :</b> 10</td>
</tr> <tr> <td>
<span style="font-size: 10pt"> </span>
<a href="https://www.n1-music.com/content.php?135-%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%D8%A2%D9%84%D8%A8%D9%88%D9%85-%D8%B3%DB%8C%D8%A7%D9%88%D8%B4-%D9%82%D9%85%DB%8C%D8%B4%DB%8C-%DB%8C%D8%A7%D8%AF%DA%AF%D8%A7%D8%B1%DB%8C" >
<u> <b> <font color="red">Download </font></b></a></td>
</u> </tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

این کد رو میتونه کسی برام ادیت کنه ؟؟ من از این استفاده میکنم و درست نشون میده (دقیقا چیزی که میخوام) ولی فکر کنم کد اضافی بینش هست و کد مشکل داره !

EXXXIR

March 23rd, 2011, 22:16

<table border="0" width="100%" cellpadding="2">
<tr>
<td width="105">
<img border="0" src=
"https://www.n1-music.com/attachment.php?attachmentid=321&d=1300108430"
width="110" height="110">
</td>
<td valign="top">
<table border="0" width="99%" cellspacing="0" height="105"
cellpadding="0">
<tr>
<td height="10"></td>
</tr>
<tr>
<td valign="bottom">
<table border="0" width="100%" cellspacing="0"
cellpadding="0" height="98">
<tr>
<td>
<span style="font-size: 10pt"> </span>
<strong>Artist :</strong>Hichkas
</td>
</tr>
<tr>
<td>
<span style="font-size: 10pt"> </span>
<strong>Album :</strong> The Tour of Duty
</td>
</tr>
<tr>
<td>
<span style="font-size: 10pt"> </span>
<strong>Genre :</strong> Rap
</td>
</tr>
<tr>
<td>
<span style="font-size: 10pt"> </span>
<strong>Track :</strong> 5
</td>
</tr>
<tr>
<td>
<span style="font-size: 10pt"> </span>
<a href=
"https://www.n1-music.com/content.php?206-Hichkas-Anjam-Vazife">
<u><strong><font color=
"red">Download</font></strong></u></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

---------- Post added at 10:16 PM ---------- Previous post was at 10:15 PM ----------

سه تا مثل هم بود این کد مربوط به یکیش هست

lvlehrad

March 23rd, 2011, 22:56

بله اونو که خودمم میدونم :)

---------- Post added at 10:56 PM ---------- Previous post was at 10:55 PM ----------

گفتم کد رو درستش کنید نه اینکه 3 تارو بکنید یکی ! چون وقتی این کد رو تو سایت میزارم سایتم بهم میریزه ... البته خود چیزی که میخوام رو درست نشون میده

teztop

March 24th, 2011, 02:02

فکر کنم باید آخر کد هات
</td> </tr> رو برداری. ویا اول کدت
<tr><td> اضافه کنی تا به هم نریزه.

Rezash

March 25th, 2011, 11:03

سلام
من اون شب كد رو دوباره نوشتم ولي هر كاري كردم ديگه سايت بالا نيومد ! صبح هم ك رفتيم تا الان نت نداشتم...
مشكل حل شد يا روش كار كنيم ؟