0
Kayıt Ol

Html paragraf yapmak

5

●

413

  • 16-06-2015, 23:22:52
    #1
    rafet55
    rafet55


    resimdeki gibi birşey yapmak için html nasıl yazmak gerekir solda resim hemen yanındada yazı yazılsın yazı uzadıkça altına kaplasın sizce nasıl yapılır
  • 16-06-2015, 23:33:42
    #2
    Ofisimo
    Ofisimo
    rafet55 adlı üyeden alıntı: mesajı görüntüle


    resimdeki gibi birşey yapmak için html nasıl yazmak gerekir solda resim hemen yanındada yazı yazılsın yazı uzadıkça altına kaplasın sizce nasıl yapılır
    css ile yapabilirsin. div kullanarak yapılır.
    örnek bir kodlama

    <style type="text/css">
.genel	{ width:620px; margin:0 auto}
.kutu       { width:600px; font:normal 12px arial; margin-bottom:20px; background:white; padding:10px; padding-bottom:0}
.kutu p     { padding-bottom:10px; text-align:justify}
.kutu h3	{ font-size:16px; font-weight:bold; color:#222}
.sol { float:left; margin:0 0 10px 10px;}
</style>
    <div class="genel">
<div class="kutu">
<img  class="sol" src="RESİM.png" />

<p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır…</p>

</div>
</div>
  • 16-06-2015, 23:36:44
    #3
    rafet55
    rafet55
    hocam basit bir sayfa bu ne css var nede veri tabanı şimdi html yapsak bunu nasıl yaparız forumlara baktım bulamadım yardımcı olursanız sevinirim

    Alıntı
    <a href="#"><img src="01.png" alt="01"></a>
  • 16-06-2015, 23:39:49
    #4
    Ofisimo
    Ofisimo
    Yukarıdakı verdığım kodu html sayfada kullanabılırsın. css style demek yanı html de css yanı style kodları kullanılır zaten.
  • 16-06-2015, 23:46:32
    #5
    rafet55
    rafet55
    Malesef üstadım resim üstte yazı yanında değilde altına alıyor olmadı beceremedik anlaşılan
  • 16-06-2015, 23:53:16
    #6
    Ofisimo
    Ofisimo
    rafet55 adlı üyeden alıntı: mesajı görüntüle
    Malesef üstadım resim üstte yazı yanında değilde altına alıyor olmadı beceremedik anlaşılan
    ÖRNEK BİR HTML SAYFASI 

    <!DOCTYPE html>
 <html class="no-js"> 
<head>
    <meta charset="utf-8">
    <title>Site Title</title>
<style type="text/css">
.genel   { width:620px; margin:0 auto}
.kutu       { width:600px; font:normal 12px arial; margin-bottom:20px; background:white; padding:10px; padding-bottom:0}
.kutu p     { padding-bottom:10px; text-align:justify}
.sol { float:left; margin:0 0 10px 10px;}
</style>
</head>
<body>
<div class="genel">
<div class="kutu">
<img  class="sol" src="01.png" />
 
<p>YAZIYI BURAYA YAZ</p>
 
</div>
</div>
</body>
</html>