Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

Web design yardım

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
5 sn
9
Cevap
0
Favori
480
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • Merhaba arkadaslar;

    2 gun icinde teslim etmem gerekn web design odevim var fakat bir yerde takılıyorum Yazı yazacagım kısım sola kayıyor ve sag kısım bos kalıyor nedenini koda baktım ama bulamadım nedeni ne olabilir sizce?
    Web design yardım



  • up up up up
  • Kodu görsek daha sağlıklı cevap verebiliriz. Resme bakarak yazının olduğu bölümün genişliği az olduğu için öyle oluyor olabilir.
  • body{margin:0; padding:0;width:700px; background-image:url("images/wall.jpg"); background-repeat:repeat-y;}

    div.logo{background-image:url("images/ustbanner.jpg"); width=10%; margin: 10px; margin-left: 200px;}

    div.navigation{
    float:left;
    width:800px;
    margin-top:10px;
    margin-left:200px;
    text-align:center;
    display: block;
    letter-spacing:1px;
    word-spacing: 1px;
    background-color:#AA0000;}
    div.navigation h1 {
    color:#EEEE00;
    font-family:"TimesNewRoman";
    font-size:20px;
    margin:0;
    padding-top:20px;
    padding-left:20px;}
    div.navigation ul {padding-left:100px; margin-left:auto; margin-right:auto; margin-top: 4px;}
    div.navigation ul li {list-style-type: none; display: block; text-align: center;}
    div.navigation li a{display:block; float:left; padding:12px 10px; margin-left: 16px;}
    div.navigation li a:link{color:#EEEE00; text-decoration:none;}
    div.navigation li a:visited{color:#EEEE00; text-decoration:none;}
    div.navigation li a:hover{color:#EEEE00; text-decoration:underline; font-weight:bold;}
    div.navigation li a:active{color:white; text-decoration:underline;font-weight:bold;}

    div.container{float:left; width:800px; background-color:white; margin:20px; margin-left: 200px; background-color: #FFFFFF;}

    div.main_contant{clear:left; float:left; width:440px; padding 20px 20px; margin: 20px; text-align: center; }

    div.sidebar{float: right; width: 260px; margin: 0 0 0 0; display:inline; text-align: left; padding-top: 15px; padding-left: 0; padding-right: 14px;}

    div.column-left{background-color:; float:center; width:20%;height:100%;}
    div.column-right{background-color:; float:center; width:20%; height:100%;}

    div.steps{float:left; background-color: white; ;}

    div.shedule {float:left; padding-left: 150px; padding-top:50px; width:60%;}
    div.screens{padding-left:45px;}
    div.screens p{padding-left:200px;}

    div.links{padding-left:150px;}
    div.exlinks{background-color: white; }
    div.exlinks p{text-align: center;}
    div.exlinks li{padding-left: 500px; padding-right:325px;}

    div.photos{float:left;}

    div.contact-left{float: left; width: 265px; text-align: right; padding-right: 10px;}
    div.contact-right{float:left; width: 400px; text-align: left;}

    div.backtotop{color:black; text-align:left; text-decoration:none;margin:10px}
    div.footer p{clear:left; font-family: 'TimesNewRoman', cursive; text-align: left; padding-top:15px; height: 3%;}
    [simage][/simage][simage][/simage]




    ustteki html
    asagıda da css kodları var

    body{margin:0; padding:0;width:700px; background-image:url("images/wall.jpg"); background-repeat:repeat-y;}

    div.logo{background-image:url("images/ustbanner.jpg"); width=10%; margin: 10px; margin-left: 200px;}

    div.navigation{
    float:left;
    width:800px;
    margin-top:10px;
    margin-left:200px;
    text-align:center;
    display: block;
    letter-spacing:1px;
    word-spacing: 1px;
    background-color:#AA0000;}
    div.navigation h1 {
    color:#EEEE00;
    font-family:"TimesNewRoman";
    font-size:20px;
    margin:0;
    padding-top:20px;
    padding-left:20px;}
    div.navigation ul {padding-left:100px; margin-left:auto; margin-right:auto; margin-top: 4px;}
    div.navigation ul li {list-style-type: none; display: block; text-align: center;}
    div.navigation li a{display:block; float:left; padding:12px 10px; margin-left: 16px;}
    div.navigation li a:link{color:#EEEE00; text-decoration:none;}
    div.navigation li a:visited{color:#EEEE00; text-decoration:none;}
    div.navigation li a:hover{color:#EEEE00; text-decoration:underline; font-weight:bold;}
    div.navigation li a:active{color:white; text-decoration:underline;font-weight:bold;}

    div.container{float:left; width:800px; background-color:white; margin:20px; margin-left: 200px; background-color: #FFFFFF;}

    div.main_contant{clear:left; float:left; width:440px; padding 20px 20px; margin: 20px; text-align: center; }

    div.sidebar{float: right; width: 260px; margin: 0 0 0 0; display:inline; text-align: left; padding-top: 15px; padding-left: 0; padding-right: 14px;}

    div.column-left{background-color:; float:center; width:20%;height:100%;}
    div.column-right{background-color:; float:center; width:20%; height:100%;}

    div.steps{float:left; background-color: white; ;}

    div.shedule {float:left; padding-left: 150px; padding-top:50px; width:60%;}
    div.screens{padding-left:45px;}
    div.screens p{padding-left:200px;}

    div.links{padding-left:150px;}
    div.exlinks{background-color: white; }
    div.exlinks p{text-align: center;}
    div.exlinks li{padding-left: 500px; padding-right:325px;}

    div.photos{float:left;}

    div.contact-left{float: left; width: 265px; text-align: right; padding-right: 10px;}
    div.contact-right{float:left; width: 400px; text-align: left;}

    div.backtotop{color:black; text-align:left; text-decoration:none;margin:10px}
    div.footer p{clear:left; font-family: 'TimesNewRoman', cursive; text-align: left; padding-top:15px; height: 3%;}




  • alpkonukoglu kullanıcısına yanıt
    HTML yerine CSS'i bir daha koymuşsun.
  • Pardon

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>About</title>
    <link rel="stylesheet" type="text/css" href="project_ak.css">
    <meta name="description" content="Osman Hamdi Bey" />
    <meta name="keywords" content="Biography, Osman Hamdi ,Turkish art, Turkish picture," />
    <meta name="reply-to" content="admin@osmanhamdi.com" />
    </head>
    <!-- Back to top code -->
    <a name="top"></a>

    <body>
    <div class="logo">
    <img src="images/ustbanner.jpg" width=160% height="150px">
    </div>
    <div class="navigation">
    <h1>Osman Hamdi Bey</h1>
    <ul>
    <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=92782822&url=index.html" data-href="index.html">Home</a></li>
    <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=92782822&url=about.html" data-href="about.html">About</a></li>
    <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=92782822&url=photogallery.html" data-href="photogallery.html">Photo Gallery</a></li>
    <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=92782822&url=contact.html" data-href="contact.html">Contact</a></li>
    <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=92782822&url=links.html" data-href="links.html">Links</a></li>
    </ul>
    </div>

    <!-- Main Container-->
    <div class="container">

    <div class="main_contant">

    <p>
    Osman Hamdi Bey (1842 – 24 February 1910) was an Ottoman statesman, intellectual, art expert and also a prominent and pioneering Turkish painter. He was also an accomplished archaeologist, and is considered as the pioneer of the museum curator's profession in Turkey. He was the founder of Istanbul Archaeology Museums and of İstanbul Academy of Fine Arts (Sanayi-i Nefise Mektebi in Turkish), known today as the Mimar Sinan University of Fine Arts.
    </p>
    <h2>Early Life</h2>
    <p>Osman Hamdi Bey was the son of İbrahim Edhem Pasha,[1] an Ottoman Grand Vizier (in office 1877–1878, replacing Midhat Pasha) who was originally a Greek boy from the Ottoman island of Sakız (Chios) orphaned at a very young age[2] following the 1821 Greek uprising there.[3] He was adopted by Kaptan-ı Derya Hüsrev Pasha and eventually rose to the ranks of the ruling class of the Ottoman Empire.</p>
    <p>Osman Hamdi Bey went to primary school in the popular Istanbul quarter of Beşiktaş;[5] after which he studied Law, first in Istanbul (1856) and then in Paris (1860). However, he decided to pursue his interest in painting instead, left the Law program, and trained under French orientalist painters Jean-Léon Gérôme and Gustave Boulanger.[6] During his nine-year stay in Paris, the international capital of fine arts in that period, he showed a keen interest for the artistic events of his day.</p>

    <p> His stay in Paris was also marked by the first ever visit by an Ottoman sultan to Western Europe, when Sultan Abdülaziz was invited to the Exposition Universelle (1867) by Emperor Napoleon III. He also met many of the Young Ottomans in Paris, and even though he was exposed to their liberal ideas, he did not participate in their political activities, being the son of an Ottoman pasha who was loyal to the sultan and did not challenge the old absolutist system. Sultan Abdülaziz (reigned 1861–1876) died a few months before the enactment of the First Ottoman Constitution by the Young Ottomans in 1876, who briefly introduced a parliamentary monarchy that lasted until 1878 (restored 30 years later by the Young Turks with the Young Turk Revolution in 1908.)</p>

    <p>Osman Hamdi Bey also met his first wife Maria, a French woman, in Paris when he was a student. After receiving his father's blessings, she accompanied him to Istanbul (Constantinople) when he returned in 1869, where the two got married and had two daughters.</p>

    <p>Once back in Turkey, he was sent to the Ottoman province of Baghdad as part of the administrative team of Midhat Pasha, who would later become an important reformer of the Tanzimat period and the leading political figure among the Young Ottomans who enacted the First Ottoman Constitution in 1876.[7] In 1871, Osman Hamdi Bey returned to Istanbul, as the vice-director of the Protocol Office of the Palace. During the 1870s, he worked on several assignments in the upper echelons of the Ottoman bureaucracy.</p>

    <!-- end of Back to top code -->
    <div class="backtotop">
    <a href='#top'>Back to Top</a>
    </div>
    </div>


    <!-- Footer area -->
    <div class="footer">
    <p>Designed by <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=92782822&url=admin@osmanhamdi.com" data-href="admin@osmanhamdi.com">Alpkonukoglu</a>,© 2014</p>
    </div>

    </body>
    </html>




  • alpkonukoglu kullanıcısına yanıt
    Dediğim gibi yazıları kapsayan "div"in genişliği az.

    div.main_contant genişlik değeri 440px olarak ayarlanmış. Marign-padding değerlerini bilmediğim daha doğrusu bulamadım için olması gereken değeri bulamadım ama 780px civarı oluyor.
    • Yapay Zeka’dan İlgili Konular
    Web Hosting Önerisi
    4 yıl önce açıldı
    Deep Turkish web ten haber var
    5 ay önce açıldı
    deep web forumları
    5 gün önce açıldı
    Daha Fazla Göster
  • @ZT7


    Cok tesekkur ederim kardesim. Beni buyuk dertten kurtardın
  • Benimde decoryapı.com.tr diye sitem var ama tasarımını hiç beğenmedim.
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum