Reikia pagalbos su HTML

[enzokas]

Laba vakara, įdomiai gaunasi jog bandau padaryti tuos automobilių nuotraukas į viena eile ir nesigauna. - Neisivaizduojų kodėl.

Kodas:

 

    <div class="Slideimg">

        <p class="numeris">1 / 3</p>

        <img class="img3" src="suzuki.png">

        <p class="text">Caption</p>

    </div>

 

    <div class="Slideimg">

            <div class="numeris">2 / 3</div>

            <img class="img3" src="suzuki.png">

            <p class="text">Caption</p>

        </div>

 

        <div class="Slideimg">

                <p class="numeris">3 / 3</p>

                <img class="img3" src="suzuki.png">

                <p class="text">Caption</>

            </div>

 

 ---// * css

 

#Slideimg {

    width: 480px;

    margin: 29px 75px;

    padding: 5 10px;

    float:left;

 }

 

 .img3 {

     float:left;

     width: 150px

 }

[mantas.dev]

Naudoji class, o css parasytas ID, turetu but .Slideimg, o ne #Slideimg

Redaguota Gruodžio 15, 2019, nario mantasDEV

[enzokas]

11 minutes prieš, mantasDEV parašė:

Naudoji class, o css parasytas ID, turetu but .Slideimg, o ne #Slideimg

Tiksliai.. - Bet vistiek nieko su šituo reikalu nepadejo.

[NTQ]

Naudok kontainerį (lygiuotoją).

#container {

width: (kiekpikselių)*Myliu SuperGames.lt*;

margin-left: auto;

margin-right: auto;

display: table;

}

Visi float elementai turi būti jo viduje. Po pabaigos, išvalyk su:

.clear {

clear: both;

}

Nuotraukoms neskirk visur po float. Sukurk bendrą bloką ir ten aprašyk 1 float:

#content-left {

width: (kiekpikselių)*Myliu SuperGames.lt*;

float: left;

}

Ir nuotraukas galėsi pridėti su:

#content-left img {

position: relative;

}

[Vidmantas.]

44 minutes prieš, NTQ parašė:

Naudok kontainerį (lygiuotoją).

#container {

width: (kiekpikselių)*Myliu SuperGames.lt*;

margin-left: auto;

margin-right: auto;

display: table;

}

Visi float elementai turi būti jo viduje. Po pabaigos, išvalyk su:

.clear {

clear: both;

}

Nuotraukoms neskirk visur po float. Sukurk bendrą bloką ir ten aprašyk 1 float:

#content-left {

width: (kiekpikselių)*Myliu SuperGames.lt*;

float: left;

}

Ir nuotraukas galėsi pridėti su:

#content-left img {

position: relative;

}

o tu žiūriu viską išmanai, nedirbsi tik googlėj paieškoj?

[NTQ]

23 minutes prieš, Vidmantas. parašė:

o tu žiūriu viską išmanai, nedirbsi tik googlėj paieškoj?

Daug metų dirbu, atmintinai prisimenu. ^^