Tālracējs

Kasspar, vēlreiz tencinu, viss izdevās!

līdz pilnībai vēl jāpaspēlējas ar pikseļiem, bet pa lielam problēma ir atrisināta.

Paldies arī Tev, jurchiks! Kādā brīvā brīdī paspēlēšos ar Tevis ieteikto kodu. Kā reiz praksē vērtīgi izmēģināt dažādas metodes, lai saprastu kā rīkoties dažādās situācijās. :)

Paldies, Kasspar!

Izskatās daudzsološi! Pusdienas pārtruakumā izmēģināšu šo variantu :)

Sveiki!

Pašlaik apgūstu CSS pamatus un nedaudz esmu iestrēdzis pie box elementa, tādēļ vēršos pēc palīdzības.

Ideja iekš div.box ievietot nelielu attēlu un tekstu, katru ar savu formatējumu. Nepieciešamība katram elementam izveidot savu formatējumu ir tādēļ, lai smuki varētu iecentrēt tekstu un bildi pa vidu rāmim.

Man kods sanāca šādi:

 

ul {
    list-style-type:none;
    padding: 0px;
    margin: 0px;
}
li span {
    padding-top:-10px;
    padding-bottom:10px;
    padding-right:10px;
    padding-left:10px;
}

div.box{
    position:absolute;
    width:471px;
    height:21px;
    color: #cacbcd;
    font-family:"calibri", sans-serif;
    font-size:19px;
    border:2px dashed #cacbcd;
    margin:0px;
    margin-top:533px;
    margin-left:252px;
    background-color:#ffffff;
    padding:12px 15px 18px 40px;
}

 

 

        <div class="box">
            <ul>
                <li>
                    <span><img src="images/warning.png"></span>
                    <span>TEKSTS TEKSTS TEKSTS</span>
                </li>
            </ul>
            </div>

 

Un rezultātā iegūstu šādu attēlojumu:

Kā lai visu smuki sakārto centrēti? Varbūt <ul> un <li> vietā jāizmanto savādāka metode?

Pateicos par palīdzību jau iepriekš! :)