2. Fórumok
  3. Szoftverfejlesztés
  4. CSS topic

Új hozzászólás Aktív témák

  • #893 Lacces őstag
    Új Válasz #893
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

    Lacces

    őstag

    Hát ilyet, kifog rajtam a css... (fél évig szinte alig használtam, de ez égő...)
    Help kellene.

    1. Probléma: #miniblocks-ra nem működik a fehér háttérszín, kipróbáltam a #content-re ott megy.
    2. Probléma: .miniblock span - esetében nem működik a szöveg közepre igazítása, hanem balra igazítva áll.

    Néztem én a Chrome fejlesztő eszközzel is, de ott nem láttam, hogy az egyik css property kiiktatná a másikat.
    A válaszokat előre köszönöm. Annak mégjobban örülnék, ha valaki el is magyarázná, hogy miért jött elő ez a probléma.

    body{
    background-color : #3A6E1B
    }
    #logo{
    text-align:center
    }

    #content{

    }
    #miniblocks{
    background-color: white;
    margin-left: auto ;
    margin-right: auto ;
    margin-top : 30px;
    width : 800px;
    }
    .miniblock{
    float:left;
    font-family: 'Abel', sans-serif;
    font-size: 16px;
    margin-left: 5px ;
    margin-right: 5px ;
    width:30%;
    }
    .miniblock span{
    font-weight:bold;
    text-align:center;
    }
    .miniblock p{
    text-align:left;
    }
    .miniblock a{

    }

    .clear{
    clear : both;
    }
    </style>
    </head>

    <body >
    <div id="wrapper">
    <div id="content">

    <div id="logo">

    </div>

    <div class="clear"></div>

    <div id="miniblocks" >
    <div class="miniblock">
    <span>Teszt1</span>
    <p>
    A Lorem Ipsum egy egyszerû szövegrészlete, szövegutánzata a betûszedõ és nyomdaiparnak. A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban; mikor egy ismeretlen nyomdász összeállította a betûkészletét és egy példa-könyvet vagy szöveget nyomott papírra, ezt használta. ...<a href="#">részletek&raquo&raquo</a></p>

    </div>
    <div class="miniblock">
    <span>Teszt2</span>
    <p>
    A Lorem Ipsum egy egyszerû szövegrészlete, szövegutánzata a betûszedõ és nyomdaiparnak. A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban; mikor egy ismeretlen nyomdász összeállította a betûkészletét és egy példa-könyvet vagy szöveget nyomott papírra, ezt használta. .. <a href="#">részletek&raquo&raquo</a></p>

    </div>
    <div class="miniblock">
    <span>Teszt3</span>
    <p>
    A Lorem Ipsum egy egyszerû szövegrészlete, szövegutánzata a betûszedõ és nyomdaiparnak. A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban; mikor egy ismeretlen nyomdász összeállította a betûkészletét és egy példa-könyvet vagy szöveget nyomott papírra, ezt használta. ...<a href="#">részletek&raquo&raquo</a></p>

    </div>
    </div>

    <div class="clear"></div>

    </div><!-- end of content -->
    </div><!-- end of wrapper -->

Új hozzászólás Aktív témák