Pereiti prie turinio

Html ir css

acmeris

Sukūrė acmeris
Tinklalapių kūrimas

 Dalintis Sekėjai 0

Rekomenduojami pranešimai

acmeris

acmeris 0

Sukurta
Sukurta (redaguota)

Yra paprastas HTML puslapis, su paveikslėliu ant bg.

 

Ir keliais langais, ant kūrių paspaudus atsidaro kiti puslapiai (pas mane jie vadinasi pirmas antras ir t.t.). Tie langai turi būti tam tikrose bg vietose, nes fone nupiešti mygtukai ir reikia kad paspaudus ant jų atsidarytų kiti langai.

 

Tačiau sumažinus naršyklės langą tie laukai lieka toje pačioje vietoje, o bg (fonas) slankiojasi.

Kaip padaryti, kad slankiotusį ir laukai.

 

Paveikslėlis img.png - yra permatomas. Kad matytųsi fonas. O ant jo paspaudus atsidaro kitas puslapis.

 

Įdedu html ir css kodus

 

HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled 1</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Language" content="lt" />
       <link rel="stylesheet" href="style.css" />


</head>
<body>

<a href="/#/"> <img class="pirmas" 	src="images/img.png""/></a>
<a href="/#/"> <img class="antras"   	src="images/img.png""/></a>
<a href="/#/"> <img class="trecias"  	src="images/img.png"/></a>
<a href="/#/"> <img class="penktas"  	src="images/img.png"/></a>
<a href="/#/"> <img class="ketvirtas"  	src="images/img.png"/></a>

</body>
</html>

 

 

CSS



body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color:black;
background-image:url('images/bgm.jpg');
background-repeat:no-repeat;
background-size:1250px;
overflow:hidden;
       background-position:top center; 

}


.pirmas {
height:190px;
width:200px;
margin-top:90px;
margin-left:400px;
border:0px;
}
.antras {
height:210px;
width:190px;
margin-top:85px;
margin-left:130px;
border:0px;
}
.trecias {
height:200px;
width:190px;
margin-bottom:45px;
margin-left:315px;
border:0px;
}
.ketvirtas {
height:195px;
width:150px;
margin-bottom:70px;
margin-left:80px;
border:0px;
}
.penktas {
height:320px;
width:180px;
margin-bottom:10px;
margin-left:87px;
border:0px;
}

Redagavo acmeris
Nuoroda į pranešimą
Dalintis kituose puslapiuose
Advy

Advy 70

Atrašyta
Atrašyta (redaguota)

Reikės nusistatyti naujas kordinates paveiksliukų.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
   <head>
       <title>Untitled 1</title>
       <meta http-equiv="content-type" content="text/html;charset=utf-8" />
       <meta http-equiv="Content-Language" content="lt" />
       <link rel="stylesheet" href="style.css" />
       <style>
body {
       font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
       background-color:black;
       background-image:url('images/bgm.jpg');
       background-repeat:no-repeat;
       background-size:1250px;
       overflow:hidden;
       background-position:top center; 

}


.pirmas {
       height:190px;
       width:200px;
       margin-top:90px;
       margin-left:400px;
       border:0px;
	position:fixed;
}
.antras {
       height:210px;
       width:190px;
       margin-top:85px;
       margin-left:130px;
       border:0px;
	position:fixed;
}
.trecias {
       height:200px;
       width:190px;
       margin-bottom:45px;
       margin-left:315px;
       border:0px;
	position:fixed;
}
.ketvirtas {
       height:195px;
       width:150px;
       margin-bottom:70px;
       margin-left:80px;
       border:0px;
	position:fixed;
}
.penktas {
       height:320px;
       width:180px;
       margin-bottom:10px;
       margin-left:87px;
       border:0px;
	position:fixed;
}
	</style>
   </head>

   <body>

       <a href="/#/"> <img class="pirmas"      src="images/img.png""/></a>
       <a href="/#/"> <img class="antras"      src="images/img.png""/></a>
       <a href="/#/"> <img class="trecias"     src="images/img.png"/></a>
       <a href="/#/"> <img class="penktas"     src="images/img.png"/></a>
       <a href="/#/"> <img class="ketvirtas"   src="images/img.png"/></a>

   </body>
</html>

Redagavo Advy
Nuoroda į pranešimą
Dalintis kituose puslapiuose
acmeris

acmeris 0

Atrašyta
  • Autorius
Atrašyta

Na man vistiek paveikslėliai pirmas, antras ... penktas lieka savo vietose sumažinus naršyklės langą.

O fonas stumdosi.

 

Aš noriu, kad sumažinus langą naršyklės ir fonas ir paveikslėliai liktų savo vietose.

 

 

 

Reikės nusistatyti naujas kordinates paveiksliukų.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
   <head>
       <title>Untitled 1</title>
       <meta http-equiv="content-type" content="text/html;charset=utf-8" />
       <meta http-equiv="Content-Language" content="lt" />
       <link rel="stylesheet" href="style.css" />
       <style>
body {
       font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
       background-color:black;
       background-image:url('images/bgm.jpg');
       background-repeat:no-repeat;
       background-size:1250px;
       overflow:hidden;
       background-position:top center; 

}


.pirmas {
       height:190px;
       width:200px;
       margin-top:90px;
       margin-left:400px;
       border:0px;
	position:fixed;
}
.antras {
       height:210px;
       width:190px;
       margin-top:85px;
       margin-left:130px;
       border:0px;
	position:fixed;
}
.trecias {
       height:200px;
       width:190px;
       margin-bottom:45px;
       margin-left:315px;
       border:0px;
	position:fixed;
}
.ketvirtas {
       height:195px;
       width:150px;
       margin-bottom:70px;
       margin-left:80px;
       border:0px;
	position:fixed;
}
.penktas {
       height:320px;
       width:180px;
       margin-bottom:10px;
       margin-left:87px;
       border:0px;
	position:fixed;
}
	</style>
   </head>

   <body>

       <a href="/#/"> <img class="pirmas"      src="images/img.png""/></a>
       <a href="/#/"> <img class="antras"      src="images/img.png""/></a>
       <a href="/#/"> <img class="trecias"     src="images/img.png"/></a>
       <a href="/#/"> <img class="penktas"     src="images/img.png"/></a>
       <a href="/#/"> <img class="ketvirtas"   src="images/img.png"/></a>

   </body>
</html>

Nuoroda į pranešimą
Dalintis kituose puslapiuose
NightLeech

NightLeech 12

Atrašyta
Atrašyta

Nenoriu kurti naujos temos tai paklausiu čia. Kaip priversti internet explorer naudoti serveryje esantį šriftą? Štai mano naudojamas kodas:

 

body { }
#stilius1 { font-family: "MyriadPro-Regular"; font-size: 50pt;}


@font-face {
 font-family: 'Graublau Web';
 src: url('MyriadPro-Regular.eot?') format('eot'), url('MyriadPro-Regular.otf') format('opentype');
}

 

Naudoju du, eot internet exploreriui ir otf kitoms naršyklėms. Tačiau niekaip nepagauna. Kaip jūs įterpiate šriftą?

Nuoroda į pranešimą
Dalintis kituose puslapiuose
iGor

iGor 141

Atrašyta
Atrašyta

Nenoriu kurti naujos temos tai paklausiu čia. Kaip priversti internet explorer naudoti serveryje esantį šriftą? Štai mano naudojamas kodas:

 

body { }
#stilius1 { font-family: "MyriadPro-Regular"; font-size: 50pt;}


@font-face {
 font-family: 'Graublau Web';
 src: url('MyriadPro-Regular.eot?') format('eot'), url('MyriadPro-Regular.otf') format('opentype');
}

 

Naudoju du, eot internet exploreriui ir otf kitoms naršyklėms. Tačiau niekaip nepagauna. Kaip jūs įterpiate šriftą?

 

#stilius1 { font-family: "Graublau Web"; font-size: 50pt;}


@font-face {
 font-family: 'Graublau Web';
 src: url('MyriadPro-Regular.eot?') format('eot'), url('MyriadPro-Regular.otf') format('opentype');
}

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

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

Įkraunama...
×
 Dalintis
Sekėjai 0
Eiti į temų sąrašą

  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...