Post
Ask Question
Dr.Khalid Waleed

Dr.Khalid Waleed

  • NA
  • 23
  • 548

any one can help me my freinds

Jul 4 2020 3:25 PM
Hi I create 2 pages with 2 master page each page joined with one master page (by visual studio2019) first page which it joined with first master page all html tags with css work okay includes (a href tag through hover mouse) but second page which it joined with second master page not okay (I mean when the mouse hover of any cars brand the cursr not change to pointer while I mentioned this in css file ) however, when I transfer same code in which it mentioned in second page to first page and put the css link in top of first master page the code will work fine and the mouse hover woked normaly just when second page joined with second master page the hover mouse not work and the a href tag not work so could you help to fine where is the error and i print the code of second master page with the code of second page and css file in attached file you can view it.
 
Second master page
  1. <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="second-user-master.master.cs" Inherits="deer.user.second_user_master" %>  
  2. <!DOCTYPE html>  
  3. <html>  
  4. <head runat="server">  
  5. <meta charset="UTF-8"/>  
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>  
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge"/>  
  8. <title></title>  
  9. <link rel="stylesheet" href="css/c1.css">  
  10. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>  
  11. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300"/>  
  12. <asp:ContentPlaceHolder ID="head" runat="server">  
  13. </asp:ContentPlaceHolder>  
  14. </head>  
  15. <body>  
  16. <form id="f1" runat="server">  
  17. <div>  
  18. <div class="holder2">  
  19. <div class="for-head2">  
  20. <a href="#">  
  21. <img class="img-pro-logo2 trackable" src="icon/122.png">  
  22. </a>  
  23. <header class="header2">  
  24. <nav class="nav-header2">  
  25. <input type="checkbox" id="css-toggle-menu" name="css-toggle-menu">  
  26. <ul class="main">  
  27. <li><a href="#">Home</a></li>  
  28. <li><a href="#">Services</a></li>  
  29. <li><a href="#">Contact</a></li>  
  30. <li><a href="#">Login</a></li>  
  31. <li><a href="#">Sign up</a></li>  
  32. <li><a href="#">Settings</a></li>  
  33. </ul>  
  34. </nav>  
  35. </header>  
  36. </div>  
  37. <!--Start here div.master2 has style for image background-->  
  38. <div class="master2" style="background:white  
  39. url(images/background-image-2.gif) repeat fixed;">  
  40. <!--End here div.master2 has style for image background-->  
  41. <div class="find-faster2">  
  42. <div class="for-advertise2 for-distance">  
  43. <img class='photo2' src="images/1.jpg" alt="Adv1" />  
  44. <img class='photo2' src="images/2.jpg" alt="Adv2" />  
  45. <img class='photo2' src="images/3.jpg" alt="Adv3" />  
  46. <img class='photo2' src="images/4.jpg" alt="Adv4" />  
  47. </div>  
  48. </div>  
  49. </div>  
  50. <div class="clearfix"></div>  
  51. <asp:ContentPlaceHolder ID="c2" runat="server">  
  52. </asp:ContentPlaceHolder>  
  53. <!--Start footer part for second page -->  
  54. <div class="footer_parent2 ">  
  55. <div class="footer_sub2">  
  56. <div id="footer_listing2">  
  57. <a title="About Us" href="https://kk/about/index.htm?ca=9_s" >  
  58. <span for="footer_aboutus">About Us</span>  
  59. </a>  
  60.  |  <a title="Rules" href="https://kk/about/index.htm?"><span >Rules</span></a>  
  61.  |   
  62. <a title="Post Free Ad" href="https://kk/ai" ><span >Post Free Ad</span></a>  
  63.  |   
  64. <a title="Shop Safely" href="https://kk/security/index.htm" ><span >Shop Safely</span></a>  
  65.  |   
  66. <a title="Banner Advertising" href="https://kk/support/form/0?"><span >Banner Advertising</span></a>  
  67.  |   
  68. <a title="Contact Us" href="https://kk/support.htm?ca=9_s" ><span >Contact Us</span></a>  
  69.  |   
  70. <a title="Careers" href="https://kk.my" ><span >Careers</span></a>  
  71.  |   
  72. <a href="https://kk/about/" title="Terms and Conditions of Use" ><span >Terms</span></a>  
  73.  |   
  74. <a href="https://kk/about/index.htm?ca=9_s&page=pp" title="Privacy Policy" ><span >Privacy</span></a>  
  75. <span class="copyright_text_listing"><a title="deer " href="https://kk/about/index.htm?ca=9_s&page=about#2d" >© deer </a> </span>  
  76. </div>  
  77. </div>  
  78. </div>  
  79. </div>  
  80. <!--End footer part from second page to all project except first page-->  
  81. </div>  
  82. </form>  
  83. </body>  
  84. </html>  
Second page (page joined with second master page)
  1. <%@ Page Title="" Language="C#" MasterPageFile="~/user/second-user-master.Master" AutoEventWireup="true" CodeBehind="secondpage-cars-page.aspx.cs" Inherits="deer.user.secondpage_cars_page" %>  
  2. <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">  
  3. </asp:Content>  
  4. <asp:Content ID="Content2" ContentPlaceHolderID="c2" runat="server">  
  5. <div class="car-markes-container">  
  6. <div class="upper-homepage2">  
  7. <div class="homepage-size2">  
  8. <div class="category">  
  9. <div class="category-items2">  
  10. <a href="index.aspx" class="trackable trackable33">  
  11. <img src="images/19.jpg"/>  
  12. <div>Toyota</div>  
  13. </a>  
  14. <a href="https://www.google.com" class="trackable">  
  15. <img src="images/20.png"/>  
  16. <div>Lexus </div>  
  17. </a>  
  18. <a href="thirdpage.aspx" class="trackable" >  
  19. <img src="images/21.png"/>  
  20. <div>Nissan</div>  
  21. </a>  
  22. <a href=" thirdpage2.aspx " class="trackable" >  
  23. <img src="images/22.png"/>  
  24. <div>Mazda</div>  
  25. </a>  
  26. <a href="https://kk /Services-available-7040#lm=1" class="trackable" >  
  27. <img src="images/23.jpg"/>  
  28. <div>Mitsubishi</div>  
  29. </a>  
  30. <a href="https://kk/ Sports-Outdoors-for-sale-5020#lm=1" class="trackable">  
  31. <img src="images/24.png"/>  
  32. <div>Hyundai</div>  
  33. </a>  
  34. <a href="https://www.google.com " class="trackable" >  
  35. <img src="images/25.png"/>  
  36. <div>KIA</div>  
  37. </a>  
  38. <a href=" https://www.google.com " class="trackable" >  
  39. <img src="images/26.png"/>  
  40. <div>BMW</div>  
  41. </a>  
  42. <a href=" https://www.google.com " class="trackable" >  
  43. <img src="images/27.png"/>  
  44. <div>Mercedes Benz</div>  
  45. </a>  
  46. <a href=" https://www.google.com " class="trackable trackable34" >  
  47. <img src="images/28.jpg"/>  
  48. <div>Volkswagen</div>  
  49. </a>  
  50. </div>  
  51. <br>  
  52. <!--start of second line-->  
  53. <div class="category-items2">  
  54. <a href="cars-page.aspx" class="trackable trackable33" runat="server">  
  55. <img src="images/29.png"/>  
  56. <div>Mini Cooper</div>  
  57. </a>  
  58. <a href=" https://www.google.com " class="trackable">  
  59. <img src="images/30.png"/>  
  60. <div>Audi</div>  
  61. </a>  
  62. <a href=" https://www.google.com " class="trackable" >  
  63. <img src="images/31.png"/>  
  64. <div>Opel</div>  
  65. </a>  
  66. <a href=" https://www.google.com " class="trackable" >  
  67. <img src="images/32.png"/>  
  68. <div>Ford</div>  
  69. </a>  
  70. <a href=" https://www.google.com " class="trackable" >  
  71. <img src="images/33.png"/>  
  72. <div>Infinity </div>  
  73. </a>  
  74. <a href=" https://www.google.com " class="trackable">  
  75. <img src="images/34.png"/>  
  76. <div>Shoverlet </div>  
  77. </a>  
  78. <a href=" https://www.google.com " class="trackable" >  
  79. <img src="images/35.png"/>  
  80. <div>Jeep</div>  
  81. </a>  
  82. <a href=" https://www.google.com " class="trackable" >  
  83. <img src="images/36.png"/>  
  84. <div>Dodge</div>  
  85. </a>  
  86. <a href=" https://www.google.com " class="trackable" >  
  87. <img src="images/37.png"/>  
  88. <div>Chery</div>  
  89. </a>  
  90. <a href=" https://www.google.com " data-toggle="modal" data-target="#otherCatModal" class="trackable trackable34" >  
  91. <img src="images/theedots.png"/>  
  92. <div>All Makes/Others</div>  
  93. </a>  
  94. </div>  
  95. <!--End of second line-->  
  96. </div>  
  97. </div>  
  98. </div>  
  99. </div>  
  100. </asp:Content>  
  101. Css file(c1.css)  
  102. *{  
  103. margin: 0px;  
  104. padding: 0px;  
  105. -webkit-box-sizing: border-box;  
  106. -moz-box-sizing: border-box;  
  107. -o-box-sizing: border-box;  
  108. -ms-box-sizing: border-box;  
  109. box-sizing: border-box;  
  110. }  
  111. body {  
  112. height: 1400px;  
  113. }  
  114. div.holder2 {  
  115. }  
  116. /* Strat css for logo and top-head */  
  117. div.for-head2 {  
  118. background-color: white;  
  119. height: 80px;  
  120. }  
  121. .img-pro-logo2 {  
  122. width: 105px;  
  123. float: left;  
  124. height: 80px;  
  125. margin-top: -13px;  
  126. margin-left: 5px;  
  127. margin-right: 100px;  
  128. }  
  129. /* Start nav header in second page*/  
  130. .header2 {  
  131. font-size: 62.5%;  
  132. font-family: 'Open Sans', sans-serif;  
  133. font-size: 1.6rem;  
  134. min-height: 100vh;  
  135. position: relative;  
  136. top: 12px;  
  137. }  
  138. ul {  
  139. display: block;  
  140. list-style-type: disc;  
  141. margin-block-start: 1em;  
  142. margin-block-end: 1em;  
  143. margin-inline-start: 0px;  
  144. margin-inline-end: 0px;  
  145. padding-inline-start: 0px;  
  146. }  
  147. nav ul {  
  148. display: flex;  
  149. flex-wrap: wrap;  
  150. max-width: 1080px;  
  151. background: #999;  
  152. list-style: none;  
  153. }  
  154. nav ul,  
  155. nav li {  
  156. flex: 1;  
  157. }  
  158. nav li:last-child {  
  159. border-bottom: none;  
  160. }  
  161. nav a {  
  162. text-decoration: none;  
  163. color: inherit;  
  164. display: block;  
  165. font-size: 18px;;  
  166. }  
  167. nav a:hover {  
  168. background: #EEB422;  
  169. color: black;  
  170. }  
  171. nav li {  
  172. position: relative;  
  173. line-height: 50px;  
  174. color: #fff;  
  175. text-align: center;  
  176. }  
  177. nav input,  
  178. nav label {  
  179. display: none;  
  180. width: 36px;  
  181. height: 36px;  
  182. background: #555;  
  183. color: #fff;  
  184. text-align: center;  
  185. line-height: 36px;  
  186. font-size: 1.6rem;  
  187. border-radius: 2px;  
  188. }  
  189. nav label {  
  190. position: absolute;  
  191. top: 8px;  
  192. right: 8px;  
  193. transition: .4s;  
  194. }  
  195. nav label:hover {  
  196. cursor: pointer;  
  197. }  
  198. nav label:before {  
  199. font-family: FontAwesome;  
  200. font-size: 24px;  
  201. content: "\f0c9";  
  202. text-align: center;  
  203. }  
  204. /************* MEDIA QUERIES **************/  
  205. @media only screen and (max-width: 1080px) {  
  206. nav {  
  207. position: relative;  
  208. }  
  209. nav ul {  
  210. transform: translateY(0);  
  211. box-shadow: 0 0 5px rgba(0,0,0, .7);  
  212. transition: all .5s;  
  213. position: absolute;  
  214. width: 100%;  
  215. }  
  216. nav li {  
  217. flex: none;  
  218. width: 100%;  
  219. border-bottom: solid 1px #777;  
  220. }  
  221. nav input[type="checkbox"]:checked + ul {  
  222. transform: translateY(-100%);  
  223. width: 100%;  
  224. background: #999;  
  225. transition: all .5s;  
  226. }  
  227. nav label {  
  228. display: block;  
  229. }  
  230. nav input[type="checkbox"]:checked + ul li:nth-child(1) {  
  231. background: #777;  
  232. color: #fff;  
  233. }  
  234. }  
  235. /* End css for logo and top-head */  
  236. div.master2 {  
  237. background-color: #F7F7F7;  
  238. margin-top: 5px;  
  239. margin-bottom: 5px;  
  240. height: 300px;  
  241. }  
  242. /* Start "find-faster" DIV */  
  243. div.find-faster2 {  
  244. max-height: 200px;  
  245. }  
  246. /* End "find-faster" DIV */  
  247. /* Start "fixed" DIV */  
  248. div.fixed2 {  
  249. float: left;  
  250. height: 200px;  
  251. width: 400px;  
  252. background-color: #575757;  
  253. border-radius: 20px 20px;  
  254. position: absolute;  
  255. ;  
  256. left: 100px;  
  257. margin-top: 50px;  
  258. box-shadow: 5px 5px 8px #DDD, -5px -5px 8px #DDD;  
  259. }  
  260. div.fixed2 h2 {  
  261. padding-top: 30px;  
  262. padding-left: 25px;  
  263. font-style: oblique;  
  264. font-size: 28px;  
  265. padding-bottom: 80px;  
  266. color: #EEAD0E;  
  267. }  
  268. div.fixed2 ul {  
  269. list-style-type: none;  
  270. margin-left: 10px;  
  271. padding: 0;  
  272. }  
  273. div.fixed2 ul li {  
  274. display: inline;  
  275. --c: goldenrod;  
  276. color: var(--c);  
  277. font-size: 14px;  
  278. border: 0.3em solid var(--c);  
  279. border-radius: 0.5em;  
  280. width: 12em;  
  281. height: 3.5em;  
  282. text-transform: uppercase;  
  283. font-weight: bold;  
  284. font-family: sans-serif;  
  285. letter-spacing: 0.1em;  
  286. text-align: center;  
  287. line-height: 1em;  
  288. position: relative;  
  289. overflow: hidden;  
  290. z-index: 1;  
  291. transition: 0.5s;  
  292. margin: 1em;  
  293. padding: 10px;  
  294. }  
  295. div.fixed2 ul li span {  
  296. position: absolute;  
  297. width: 25%;  
  298. height: 80%;  
  299. transform: translateY(150%);  
  300. border-radius: 50%;  
  301. left: calc((var(--n) - 1) * 25%);  
  302. transition: 0.5s;  
  303. transition-delay: calc((var(--n) - 1) * 0.1s);  
  304. z-index: -1;  
  305. }  
  306. div.fixed2 ul li:hover {  
  307. color: black;  
  308. }  
  309. div.fixed2 ul li:hover span {  
  310. transform: translateY(0) scale(2);  
  311. }  
  312. div.fixed2 ul li span:nth-child(1) {  
  313. --n: 1;  
  314. }  
  315. div.fixed2 ul li span:nth-child(2) {  
  316. --n: 2;  
  317. }  
  318. div.fixed2 ul li span:nth-child(3) {  
  319. --n: 3;  
  320. }  
  321. div.fixed2 ul li span:nth-child(4) {  
  322. --n: 4;  
  323. }  
  324. /* End "fixed" DIV */  
  325. /* Start "for-distance" DIV*/  
  326. div.for-advertise2 {  
  327. float: right;  
  328. height: 267px;  
  329. width: 500px;  
  330. margin: 10px auto;  
  331. overflow: hidden;  
  332. position: relative;  
  333. border-radius: 20px;  
  334. margin-top: 18px;  
  335. margin-right: 60px;  
  336. }  
  337. .photo2 {  
  338. position: absolute;  
  339. -webkit-animation: round 16s infinite;  
  340. opacity: 0;  
  341. width: 100%;  
  342. }  
  343. @-webkit-keyframes round {  
  344. 25% {  
  345. opacity: 1;  
  346. }  
  347. 40% {  
  348. opacity: 0;  
  349. }  
  350. }  
  351. div.for-advertise2 img:nth-child(4) {  
  352. -webkit-animation-delay: 0s;  
  353. }  
  354. div.for-advertise2 img:nth-child(3) {  
  355. -webkit-animation-delay: 4s;  
  356. }  
  357. div.for-advertise2 img:nth-child(2) {  
  358. -webkit-animation-delay: 8s;  
  359. }  
  360. div.for-advertise2 img:nth-child(1) {  
  361. -webkit-animation-delay: 12s;  
  362. }  
  363. /* End "for-distance" DIV*/  
  364. /* Start First "clearfix" DIV*/  
  365. div.clearfix {  
  366. clear: both;  
  367. }  
  368. /* End First "clearfix" DIV*/  
  369. /*Start footer part from second page to all project except first page*/  
  370. .footer_parent2 {  
  371. width: 100%;  
  372. background-color: #808284;  
  373. border-top: 3px solid #118fb6;  
  374. position: absolute;  
  375. right: 0;  
  376. left: 0;  
  377. z-index: 100;  
  378. }  
  379. .footer_sub2 {  
  380. width: 970px;  
  381. margin: 0 auto;  
  382. padding: 0 30px;  
  383. background-color: #808284;  
  384. }  
  385. #footer_listing2 {  
  386. font-size: 12px;  
  387. font-family: Roboto,Helvetica,Arial,sans-serif;  
  388. color: #fff;  
  389. clear: both;  
  390. padding: 15px 0 5px;  
  391. white-space: nowrap;  
  392. vertical-align: baseline;  
  393. outline: 0;  
  394. font-size: 100%;  
  395. }  
  396. #footer_listing2 a:link, #footer_listing2 a:hover, #footer_listing2 a:visited {  
  397. font-size: 10px;  
  398. font-family: Roboto,Helvetica,Arial,sans-serif;  
  399. color: #fff !important;  
  400. font-weight: 400;  
  401. }  
  402. a:link {  
  403. color: #369;  
  404. text-decoration: none;  
  405. font-family: Roboto,Helvetica,sans-serif,Arial;  
  406. letter-spacing: .5pt;  
  407. font-size: 12px;  
  408. font-weight: 700;  
  409. }  
  410. .copyright_text_listing {  
  411. padding-left: 29%;  
  412. }  
  413. /*End footer part from second page to all project except first page*/  
  414. /*Start DIV for Cras-Marks-icon*/  
  415. /*Start "homepage-size" DIV*/  
  416. .cars-makes-container {  
  417. background-color: #F7F7F7;  
  418. margin-top: 5px;  
  419. margin-bottom: 5px;  
  420. height: 300px;  
  421. }  
  422. .homepage-size2 {  
  423. width: 1050px;  
  424. margin: 0 auto;  
  425. height: 278px;  
  426. padding-top: 11px;  
  427. border-width: 3px;  
  428. border-style: inset;  
  429. border-radius: 16px;  
  430. border-color: #1C6EA4;  
  431. font-family: Calibri,Bahnschrift, Helvetica, sans-serif;  
  432. margin-top:10px;  
  433. margin-bottom:5px;  
  434. }  
  435. /*End "homepage-size" DIV*/  
  436. /*Start "category-items" DIV*/  
  437. .category-items2 {  
  438. display: flex;  
  439. justify-content: space-between;  
  440. }  
  441. .category-items2 .trackable33 {  
  442. margin-left: 15px;  
  443. }  
  444. .category-items2 .trackable34 {  
  445. margin-right: 15px;  
  446. }  
  447. .category-items2 > a.trackable {  
  448. width: 94px;  
  449. height: 110px;  
  450. border: 1px solid #e6e6e6;  
  451. border-radius: 2px;  
  452. text-align: center;  
  453. background-color: #fafafa;  
  454. }  
  455. .category-items2 > a:hover {  
  456. border: 1px solid #CD0000;  
  457. border-radius: 2px;  
  458. text-align: center;  
  459. background-color: #FFFFFF;  
  460. cursor:pointer;  
  461. }  
  462. .category-items2 > a > div {  
  463. font-size: 12px;  
  464. color: #4d4d4d;  
  465. font-weight: bold;  
  466. padding: 10px 5px;  
  467. line-height: 1.3;  
  468. }  
  469. div, a, span, area, button, input {  
  470. outline: 0 !important;  
  471. text-decoration: none;  
  472. color: inherit;  
  473. }  
  474. .category-items2 > a > img {  
  475. margin: 16px 0 0;  
  476. width: 50px;  
  477. height: 47px;  
  478. }  
  479. .category-items2 img {  
  480. vertical-align: middle;  
  481. }  
  482. .category-items2 img {  
  483. border: 0;  
  484. }  
  485. /*End "category-items" DIV*/  
  486. /*End DIV for Cars-Marks-icon*/  

Answers (1)