rickusdov

Kaip nuotrauka talpinti svetain─Śs centre?

Recommended Posts

Sveiki, atsisiun─Źiau html dizain─ů ir nor─Śjau j─» koreguoti, bet ka┼żk─ů pridariau ir mano nuotrauk─ů ir mygtukai, kurie buvo centre nukilo ─» vir┼í┼│. Gal kas turi patarim┼│? Ar ─»manoma per index.html pakoreguot tai ar per .css? Ir k─ů reikt┼│ daryt?

 

index.html kodas:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>---</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body> 
  	<style>
.aligncenter {
    text-align: center;
}
</style>  

    


    <section class="coveris1 align-items-center-center text-center">
	
        <div class="coveris2 align-items-center-center text-center">
          <div class="col-sm align-items-center-center ">
            <div class="probootstrap-text align-items-center-center ">
           <img src="images/logo.png" alt="centered image" />
	        	
				
			<div class="button">             
              <a href="#" class="btn">//GITHUB</a>
              <a href="#" class="btn">//KLASE</a>
              <a href="#" class="btn">//MASINOS</a>
              <a href="#" class="btn">//EGZAMINAS</a> 
            </div>
         </div>
       </div> 
  
      
    </section>          
  </body>

</html>

Kaip dabar atrodo:

e0736627918f99449d0b5fa0d5b40faf811.PNG

Redaguota , nario rickusdov

Dalintis ┼í─» prane┼íim─ů


Nuoroda iki šio pranešimo
Dalintis per kit─ů puslap─»
3 minutes prie┼í, mfacclt para┼í─Ś:

O kaip turetu atrodyt? ?

A┼í noriu kad b┼źt┼│ mygtukai, bei nuotrauka viso vaizdo centre. Dabar visa tai vir┼íuj, o man reikia per vidur─»

b6d9293b7f6694e61eddc9ec4a3ff59f274.pngMygtukai su nuotrauka b┼źt┼│ kur yra baltas sta─Źiakampis

Redaguota , nario rickusdov

Dalintis ┼í─» prane┼íim─ů


Nuoroda iki šio pranešimo
Dalintis per kit─ů puslap─»
38 minutes prie┼í, Player1337 para┼í─Ś:

https://jsfiddle.net/4m1pvtrf/

Naudok <center> textas </center> ir viskas

<center>
Belekas
</center>

<center> tagas n─Śra naudojamas, taip, jis darb─ů atliek─ů, bet jis netur─Śt┼│ b┼źti naudojamas. O ypa─Ź, kai HTML5 jo nepalaiko.

Vertical align variantai:

.div {
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
.div {
 	display: flex;
  	justify-content: center;
  	align-items: center;
}

 

Redaguota , nario mariusqw

Dalintis ┼í─» prane┼íim─ů


Nuoroda iki šio pranešimo
Dalintis per kit─ů puslap─»
38 minutes prie┼í, mariusqw para┼í─Ś:

<center> tagas n─Śra naudojamas, taip, jis darb─ů atliek─ů, bet jis netur─Śt┼│ b┼źti naudojamas. O ypa─Ź, kai HTML5 jo nepalaiko.

Vertical align´╗┐´╗┐´╗┐ variantai:

.div {
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);´╗┐´╗┐
}
.div {
 	display: flex;
  	justify-content: center;
  	align-items: center´╗┐;´╗┐
}´╗┐

 

┼áitas pad─Śjo, d─Śkuj

Dalintis ┼í─» prane┼íim─ů


Nuoroda iki šio pranešimo
Dalintis per kit─ů puslap─»

Prisijungti prie diskusijos

Palikti atsakym─ů galite i┼í karto, o u┼żsiregistruoti v─Śliau. Jeigu jau turite paskyr─ů m┼źs┼│ forume, Prisijunkite.

Sve─Źias
Atsakyti šioje temoje...

×   ─«klijuotas tekstas turi teksto formatavim─ů.   Pa┼íalinti teksto formatavim─ů

  Galimi tik 75 veidukai.

×   Nuoroda buvo automati┼íkai ─»terpta.   ─«terpti nuorod─ů paprastai

×   J┼źs┼│ ankstesnis prane┼íimas buvo atkurtas.   I┼ívalyti redaktori┼│

×   You cannot paste images directly. Upload or insert images from URL.


  • ┼áiame puslapyje nar┼ío:   0 nariai

    N─Śra registruot┼│ nari┼│ per┼żi┼źrin─Źi┼│ ┼í─» forum─ů.

  • eneba
  • eneba
  • eneba



  • SuperGames programele
  • SuperGames programele