Şimdi Ara

Resmi çerçeveye sığdırma - yardım lütfen

Sıcak Fırsatlarda Tıklananlar

Editörün Seçtiği Fırsatlar

Bu Konudaki Kullanıcılar:

2 Misafir - 2 Masaüstü

5 sn

5
Cevap

0
Favori

3.345
Tıklama

Daha Fazla
İstatistik

Konu İstatistikleri Yükleniyor

Konuya Özel

0 oy

Öne Çıkar

Cevapla

Sayfa: 1

Giriş

Mesaj

Merhaba. Bir web sitesi hazırlıyoruz. Sitede kurum olarak yapılan etkinlikleri haber şeklinde yayınlayacağız. Blog sitesindeki haberler gibi. ( iki sütun halinde col-lg-8 ve col-lg-4 bölümlemesiyle) Web tasarımı ile ilgili çok fazla bilgim yok. O yüzden yardımınıza ihtiyacım var. Öncelikle ne istediğimi anlatmaya çalışayım: Haberlerin metninden önce resim koyacağız. bu resmi bir çerçeve içine (örneğin yüksekiği 300px sabit olacak, genişlik de 100% şeklinde-col-lg-8'e sığacak şekilde) koyacağız. img src koduyla verdiğimiz resim büyük bile olsa 300px yükseklik içinde görünecek. bu iki şekilde olabilir. 1. resmi kırpmadan sıkıştırma aspect ratio bozulabilir. 2. resmi kırparak, bozulma olmadan. her iki şekil de olabilir. nasıl yapacağımı kafam almadı bir türlü. yardımcı olursanız sevinirim.

        <div class="row"> 
   
              <!-- Blog Post Content Column --> 
  			 
  			<div class="col-md-8"> 
   
                  <!-- Blog Post --> 
   
                  <!-- Title --> 
                  <h2>Haber Başlığı</h2> 
   
                  <hr> 
   
                  <!-- Date/Time --> 
                  <p><span class="glyphicon glyphicon-time"></span> Posted on August 24, 2013 at 9:00 PM</p> 
   
                  <hr> 
   
                  <!-- Preview Image --> 
  				 
  				<img align="middle" src="images/blogpicture1.jpg" alt="#"> 
   
   
                  <hr> 
   
                  <!-- Post Content --> 
                  <blockquote>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, vero, obcaecati, aut, error quam sapiente nemo saepe quibusdam sit excepturi nam quia corporis eligendi eos magni recusandae laborum minus inventore?</blockquote> 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, tenetur natus doloremque laborum quos iste ipsum rerum obcaecati impedit odit illo dolorum ab tempora nihil dicta earum fugiat. Temporibus, voluptatibus.</p> 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, doloribus, dolorem iusto blanditiis unde eius illum consequuntur neque dicta incidunt ullam ea hic porro optio ratione repellat perspiciatis. Enim, iure!</p> 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, nostrum, aliquid, animi, ut quas placeat totam sunt tempora commodi nihil ullam alias modi dicta saepe minima ab quo voluptatem obcaecati?</p> 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, dolor quis. Sunt, ut, explicabo, aliquam tenetur ratione tempore quidem voluptates cupiditate voluptas illo saepe quaerat numquam recusandae? Qui, necessitatibus, est!</p> 
   
                  <hr> 
   
              </div> 
  			 
              <!-- Blog Sidebar Widgets Column --> 
              <div class="col-md-4" style="margin-top: 45px;"> 
   
                  <!-- Blog Categories Well --> 
                  <div class="well"> 
                      <h4>Diğer Haberler</h4> 
                      <div class="row"> 
                          <div class="col-md-12"> 
                              <ul class="list-unstyled"> 
                                  <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107291752&url=#" data-href="#">Category Name şksdflsndlf sdfks nfss dlfjnn sdlkfd</a></li> 
  								<br> 
                                  <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107291752&url=#" data-href="#">Category Name</a></li> 
                                  <br> 
  								<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107291752&url=#" data-href="#">Category Name</a></li> 
                                  <br> 
  								<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107291752&url=#" data-href="#">Category Name</a></li> 
  								<br> 
                              </ul> 
                          </div> 
                      </div> 
                      <!-- /.row --> 
                  </div> 
   
              </div> 
   
          </div>