نمايش عنوان خبر ها به صورت زيبا و شكيل

[alireza_rashvand]

سلام
من ا می خواهم فقط عنوان های خبر را نشان دهم .
پس از کلیک بر روی ان با یک کوئری استریم که IDا ن خبر است این کار را انجام می دهم .
از لینک استفاده کردم ولی رضايتم را جلب نكرد و زیبا نیست.
دوستان اگر پیشنهادی دارند خوشحال می شوم بگویند ؟
یک نمونه که البته خیلی ساده است و می شود بهتر از این انجام داد:
http://alirezapicture.persiangig.com/news1.JPG
از سایت :
http://www.ikiu.ac.ir/fa/

[hamid_shrk]

باید با css این کار رو انجام بدی.
به عنوان هات یک کلاس بده بعد تو css یهش هر استایلی رو که دوست داری بده

[Mohamad1362]

از Datalist استفاده کن

[alireza_rashvand]

سلام
سپاس از دوستان كه زكات علم خود را مي پردازند.
1- Css كمك مي كند ولي فقط روي خود متن ، زماني كه طول متن ها يك اندازه نباشند چيز خوبي نمي شود .
2- Datalist ايا نمونه اي داريد كه كمك كند ؟
اگر دوستان ديگري نيز پيشنهادي دارند خوشحال مي شوم در ميان گزاريد .

[hamid_shrk]

مثلا چجوری میشه که خوب نمیشه؟
کاری که مشا میخواید چارش css هست

[alireza_rashvand]

ممنون كه توضيح داديد ايا نمونه اي داريد كه با Css كار شده باشد . اگر در اختيار قرار دهيد ممنون مي شوم . تا جايي كه من استفاده كردم رضايتم را براورده نكرد . اميد وارم توانايي شما كمكم كند بازهم سپاس.

[hamid_shrk]

همون سایتی که معرفی کردین از تگ ul و li استفاده کرده و این css اون هست :

#fast_link ul, #news ul, #faculties ul, #top_news ul, #contact ul {
line-height: 18px;
list-style-position: outside;
margin: 2px 20px 2px 0;
padding: 3px 0;


}

#news ul, #faculties ul, #top_news ul, #contact ul {
list-style-image: url("../images/ul.gif");


}

#fast_link ul {
list-style-image: url("../images/bullet_point.gif");


}

#fast_link ul li a, #news ul li a, #faculties ul li a, #top_news ul li a, #contact ul li a {
color: #666666;
display: block;
text-decoration: none;


}

#fast_link ul li a:hover, #news ul li a:hover, #faculties ul li a:hover, #top_news ul li a:hover, #contact ul li a:hover {
background-color: #EEEEEE;
color: #000000;


}

[alireza_rashvand]

ممنون از لطفت .
كمكم كرد .
البته اون لينك سايت كه قرار داده بودم همان طور كه گفتم يك نمونه بود .
ايا راه بهتر و زيباتري وجود دارد ؟

[hamid_shrk]

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