none
div tagları problemi RRS feed

  • Soru

  • projemde kullanacağım sayfayı iki parçaya ayırıp sol tarafta google maps.sol tarafta da form elemanlarını kullanmak istiyorum. <head runat="server">
        <title></title>
        <style type="text/css">
    #sayfa
    {
        width:83%;
        margin:0 auto;
    }



    #anaMenu 

        float: left; 
        width: 30%; 
    }

    #icerik 

        float: right; 
        width: 30%; 
    }


        </style>
    </head>
    <body>

        <div id="sayfa">

        <div id="anaMenu">
        <cc1:GMap ID="GMap1" runat="server" />
        </div> 
        <form id="form1" runat="server">
           <div id="icerik">
           </div>
        </form>
    </div>

    </body>
    </html>

    Şu şekilde kod yazıyprum ancak olmuyor sıkıntı nedir 



                         
    10 Aralık 2013 Salı 21:32

Yanıtlar

  • <!DOCTYPE html>
    
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            body {
                background-color: #345;
            }
    
            #wrapper {
                background-color: rgba(255,255,255,.6);
                padding: 8px;
                border: 1px solid rgba(255,255,255,.8);
                border-radius: 6px;
                width: 1080px;
                margin: auto;
                border-spacing: 6px;
            }
    
            #anaMenu {
                padding: 6px;
                background-color: #f5f5f5;
                border-radius: 6px;
                box-shadow: 0px 0px 4px #999;
                display: table-cell;
                min-height: 400px;
                border: 1px solid #666;
                width: 200px;
            }
    
            #icerik {
                padding: 6px;
                background-color:  #f5f5f5;
                border-radius: 6px;
                box-shadow: 0px 0px 4px #999;
                display: table-cell;
                min-height: 400px;
                border: 1px solid #666;
            }
    
            #menuPanel a {
                margin: 4px;
                background-color: orangered;
                padding: 6px;
                color: #fff;
                text-decoration: none;
                border-radius: 4px;
                display: block;
            }
    
                #menuPanel a:hover {
                    background-color: #800;
                }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div id="anaMenu">
                <div id="menuPanel">
                    <a href="#">Item A</a>
                    <a href="#">Item B</a>
                    <a href="#">Item C</a>
                    <a href="#">Item D</a>
                    <a href="#">Item E</a>
                </div>
            </div>
            <div id="icerik">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec 
                mauris odio. Vestibulum ac laoreet eros, sed porta metus. Donec vitae 
                molestie purus. Aenean fringilla diam metus, vel hendrerit nisl eleifend ac. 
                Vestibulum sollicitudin accumsan consequat. Vivamus feugiat felis lacus, id venenatis nisl 
                euismod consequat. Proin congue pellentesque ipsum, sed rutrum erat gravida at. In dapibus 
                purus quis eros ornare convallis. Sed ornare ante non libero ullamcorper, vitae elementum 
                justo pulvinar. Vestibulum in lorem vitae magna elementum fringilla nec eget purus.
                </p>
                <p>
                    Aliquam scelerisque tincidunt auctor. Nullam commodo vitae nunc id commodo. 
                Mauris vitae nibh sit amet risus tincidunt sollicitudin. Donec pulvinar vestibulum viverra. 
                Nunc non lectus a ipsum venenatis convallis nec ac velit. Mauris aliquam mollis tellus a 
                blandit. Vivamus consectetur nisl non nisl congue, nec varius nisl gravida. Nulla ut magna 
                arcu. Curabitur id tortor dolor. Donec consequat magna a lorem cursus, sit amet feugiat lacus 
                egestas. Morbi ornare, elit sed lobortis aliquet, ligula sem pellentesque elit, sed hendrerit 
                elit ipsum ut erat. Nam interdum fringilla nunc et fermentum. Quisque a interdum turpis, 
                convallis pulvinar turpis.
                </p>
            </div>
        </div>
    </body>
    </html>
    


    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
    MCC

    11 Aralık 2013 Çarşamba 08:09
    Moderatör

Tüm Yanıtlar

  • #anaMenu 

        display: inline-block;
        width: 30%; 
    }

    #icerik 

        display: inline-block;
        width: 30%; 
    }

    şeklinde denermisin


    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
    MCC

    11 Aralık 2013 Çarşamba 00:10
    Moderatör
  • <form id="form1" runat="server">
            </form>
        <div id="anaMenu">

       <cc1:GMap ID="GMap1" runat="server" mapType="Normal" />

        </div>
            <div id="icerik">

            </div>

    Hocam şu şekilde body tagları arasında yazdığım zaman icerik anamenu divininn altında oluyor.

               
    11 Aralık 2013 Çarşamba 01:51
  • <!DOCTYPE html>
    
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            body {
                background-color: #345;
            }
    
            #wrapper {
                background-color: rgba(255,255,255,.6);
                padding: 8px;
                border: 1px solid rgba(255,255,255,.8);
                border-radius: 6px;
                width: 1080px;
                margin: auto;
                border-spacing: 6px;
            }
    
            #anaMenu {
                padding: 6px;
                background-color: #f5f5f5;
                border-radius: 6px;
                box-shadow: 0px 0px 4px #999;
                display: table-cell;
                min-height: 400px;
                border: 1px solid #666;
                width: 200px;
            }
    
            #icerik {
                padding: 6px;
                background-color:  #f5f5f5;
                border-radius: 6px;
                box-shadow: 0px 0px 4px #999;
                display: table-cell;
                min-height: 400px;
                border: 1px solid #666;
            }
    
            #menuPanel a {
                margin: 4px;
                background-color: orangered;
                padding: 6px;
                color: #fff;
                text-decoration: none;
                border-radius: 4px;
                display: block;
            }
    
                #menuPanel a:hover {
                    background-color: #800;
                }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div id="anaMenu">
                <div id="menuPanel">
                    <a href="#">Item A</a>
                    <a href="#">Item B</a>
                    <a href="#">Item C</a>
                    <a href="#">Item D</a>
                    <a href="#">Item E</a>
                </div>
            </div>
            <div id="icerik">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec 
                mauris odio. Vestibulum ac laoreet eros, sed porta metus. Donec vitae 
                molestie purus. Aenean fringilla diam metus, vel hendrerit nisl eleifend ac. 
                Vestibulum sollicitudin accumsan consequat. Vivamus feugiat felis lacus, id venenatis nisl 
                euismod consequat. Proin congue pellentesque ipsum, sed rutrum erat gravida at. In dapibus 
                purus quis eros ornare convallis. Sed ornare ante non libero ullamcorper, vitae elementum 
                justo pulvinar. Vestibulum in lorem vitae magna elementum fringilla nec eget purus.
                </p>
                <p>
                    Aliquam scelerisque tincidunt auctor. Nullam commodo vitae nunc id commodo. 
                Mauris vitae nibh sit amet risus tincidunt sollicitudin. Donec pulvinar vestibulum viverra. 
                Nunc non lectus a ipsum venenatis convallis nec ac velit. Mauris aliquam mollis tellus a 
                blandit. Vivamus consectetur nisl non nisl congue, nec varius nisl gravida. Nulla ut magna 
                arcu. Curabitur id tortor dolor. Donec consequat magna a lorem cursus, sit amet feugiat lacus 
                egestas. Morbi ornare, elit sed lobortis aliquet, ligula sem pellentesque elit, sed hendrerit 
                elit ipsum ut erat. Nam interdum fringilla nunc et fermentum. Quisque a interdum turpis, 
                convallis pulvinar turpis.
                </p>
            </div>
        </div>
    </body>
    </html>
    


    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
    MCC

    11 Aralık 2013 Çarşamba 08:09
    Moderatör
  • 11 Aralık 2013 Çarşamba 11:26
  • Hocam kodları olduğu gibi kopyaladım çıkan görüntü bu 

    bunlarda kodlar

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="o.Default" %>
    <%@ register assembly="GMaps" namespace="Subgurim.Controles" tagprefix="cc1" %>

    <!DOCTYPE html>

     <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
     
        <meta charset="utf-8" />
        <title></title>
        <style>
            body {
                background-color: #345;
            }

            #wrapper {
                background-color: rgba(255,255,255,.6);
                padding: 8px;
                border: 1px solid rgba(255,255,255,.8);
                border-radius: 6px;
                width: 1080px;
                margin: auto;
                border-spacing: 6px;
            }

            #anaMenu {
                padding: 6px;
                background-color: #f5f5f5;
                border-radius: 6px;
                box-shadow: 0px 0px 4px #999;
                display: table-cell;
                min-height: 400px;
                border: 1px solid #666;
                width: 200px;
            }

            #icerik {
                padding: 6px;
                background-color:  #f5f5f5;
                border-radius: 6px;
                box-shadow: 0px 0px 4px #999;
                display: table-cell;
                min-height: 400px;
                border: 1px solid #666;
            }

            #menuPanel a {
                margin: 4px;
                background-color: orangered;
                padding: 6px;
                color: #fff;
                text-decoration: none;
                border-radius: 4px;
                display: block;
            }

                #menuPanel a:hover {
                    background-color: #800;
                }
        </style>
    </head>
    <body>
       <div id="wrapper">
            <div id="anaMenu">
                <div id="menuPanel">
                    <a href="#">Item A</a>
                    <a href="#">Item B</a>
                    <a href="#">Item C</a>
                    <a href="#">Item D</a>
                    <a href="#">Item E</a>
                </div>
            </div>
            <div id="icerik">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec 
                mauris odio. Vestibulum ac laoreet eros, sed porta metus. Donec vitae 
                molestie purus. Aenean fringilla diam metus, vel hendrerit nisl eleifend ac. 
                Vestibulum sollicitudin accumsan consequat. Vivamus feugiat felis lacus, id venenatis nisl 
                euismod consequat. Proin congue pellentesque ipsum, sed rutrum erat gravida at. In dapibus 
                purus quis eros ornare convallis. Sed ornare ante non libero ullamcorper, vitae elementum 
                justo pulvinar. Vestibulum in lorem vitae magna elementum fringilla nec eget purus.
                </p>
                <p>
                    Aliquam scelerisque tincidunt auctor. Nullam commodo vitae nunc id commodo. 
                Mauris vitae nibh sit amet risus tincidunt sollicitudin. Donec pulvinar vestibulum viverra. 
                Nunc non lectus a ipsum venenatis convallis nec ac velit. Mauris aliquam mollis tellus a 
                blandit. Vivamus consectetur nisl non nisl congue, nec varius nisl gravida. Nulla ut magna 
                arcu. Curabitur id tortor dolor. Donec consequat magna a lorem cursus, sit amet feugiat lacus 
                egestas. Morbi ornare, elit sed lobortis aliquet, ligula sem pellentesque elit, sed hendrerit 
                elit ipsum ut erat. Nam interdum fringilla nunc et fermentum. Quisque a interdum turpis, 
                convallis pulvinar turpis.
                </p>
            </div>
        </div>
    </body>
    </html>

    11 Aralık 2013 Çarşamba 11:27
  • çalıştırıp denediniz mi? belki vs nin editoru desteklemiyordur.

    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
    MCC

    11 Aralık 2013 Çarşamba 11:35
    Moderatör
  • çalıştırıp denediniz mi? belki vs nin editoru desteklemiyordur.

    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
    MCC

    Aynen katılıyorum. Projeyi çalıştırmadan emin olamazsınız.

    Microsoft bu servisi kullanıcılarına yardım etme, Microsoft urunleri ve teknolojileriyle ilgili bilgi bankasını genişletme amacıyla ucretsiz sunmaktadır. Bu icerik olduğu gibi benim tarafımdan hazırlanmış olup Microsoft tarafından herhangi bir sorumluluk ustlenildiği anlamına gelmez. Iletişim: barissaritas[at]windowslive[nokta]com

    11 Aralık 2013 Çarşamba 11:41
    Moderatör
  • Hocam çok sağolun çözdün sorunu .
    11 Aralık 2013 Çarşamba 12:06
  • Önay beyin verdiği kodları birebir uyguluyorsunuz değilmi ? Herhangi bir değişiklik yaptınızmı ?

    Microsoft bu servisi kullanıcılarına yardım etme, Microsoft urunleri ve teknolojileriyle ilgili bilgi bankasını genişletme amacıyla ucretsiz sunmaktadır. Bu icerik olduğu gibi benim tarafımdan hazırlanmış olup Microsoft tarafından herhangi bir sorumluluk ustlenildiği anlamına gelmez. Iletişim: barissaritas[at]windowslive[nokta]com

    11 Aralık 2013 Çarşamba 12:07
    Moderatör
  • Hocam ben bu içerik kısmında form elamnları eklicem ve orada işlemler yapacağaım ancak bu kısma form elemanı ekleyince boyutu çok büyük onu nasıl ayarlıcam 
    11 Aralık 2013 Çarşamba 12:11
  • boyut derken en boy mu? aklınızdaki layout'u bilemem... ben sadece bir örnek yaptım. 

    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
    MCC

    11 Aralık 2013 Çarşamba 12:53
    Moderatör
  • HOcam örneğin sayfaya bir label eklediğim zaman normal boyutlarda olmuyor.Çok büyük bir şey oluyo onu nerden ayarlayabilirim diye sordum
    11 Aralık 2013 Çarşamba 18:35
  • bi screenshot koysana , nasıl büyük anlamadım

    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
    MCC

    11 Aralık 2013 Çarşamba 23:24
    Moderatör
  • HOcam çözdüm problemi yardımlarınız için çok teşekkür ederim
    12 Aralık 2013 Perşembe 19:47