P PHC Bor1s Honorary Poster Joined Jul 16, 2016 Posts 289 Reaction 18 Points 191 Aug 11, 2019 #1 bat nagkakaron ng puting sobrang line sa kanan ng second div ko. Attachments You do not have permission to view the full content of this post. Log in or register now.
D Deleted member 622421 Guest Aug 11, 2019 #2 PHC Bor1s said: bat nagkakaron ng puting sobrang line sa kanan ng second div ko. View attachment 662509 Click to expand... gawin mong 100% yung width paps
PHC Bor1s said: bat nagkakaron ng puting sobrang line sa kanan ng second div ko. View attachment 662509 Click to expand... gawin mong 100% yung width paps
P PHC Bor1s Honorary Poster Aug 11, 2019 TS TS #3 PHC _ Mark said: gawin mong 100% yung width paps Click to expand... naka 100% na po pareho width and height e. di ko kasi masend yung code dito. mahaba masyado
PHC _ Mark said: gawin mong 100% yung width paps Click to expand... naka 100% na po pareho width and height e. di ko kasi masend yung code dito. mahaba masyado
P PHC Bor1s Honorary Poster Aug 11, 2019 TS TS #4 tinry ko gawing mas mataas pa sa 100% yung width,lumalapad lang yung buong black div,may puti padin siya sa dulo
tinry ko gawing mas mataas pa sa 100% yung width,lumalapad lang yung buong black div,may puti padin siya sa dulo
D Deleted member 622421 Guest Aug 11, 2019 #5 PHC Bor1s said: tinry ko gawing mas mataas pa sa 100% yung width,lumalapad lang yung buong black div,may puti padin siya sa dulo Click to expand... check mo css ng body mo baka hndi nka 100% yung width
PHC Bor1s said: tinry ko gawing mas mataas pa sa 100% yung width,lumalapad lang yung buong black div,may puti padin siya sa dulo Click to expand... check mo css ng body mo baka hndi nka 100% yung width
P PHC Bor1s Honorary Poster Aug 11, 2019 TS TS #7 Rayquaza said: naka float ba yan ts? Click to expand... hinde e
M Mr. Stark Eternal Poster Aug 12, 2019 #9 PHC Bor1s said: bat nagkakaron ng puting sobrang line sa kanan ng second div ko. View attachment 662509 Click to expand... Margin ng body gawin mong 0.
PHC Bor1s said: bat nagkakaron ng puting sobrang line sa kanan ng second div ko. View attachment 662509 Click to expand... Margin ng body gawin mong 0.
P PHC Bor1s Honorary Poster Aug 12, 2019 TS TS #10 html Attachments You do not have permission to view the full content of this post. Log in or register now.
P PHC Bor1s Honorary Poster Aug 12, 2019 TS TS #11 font-face { font-family: first; src: url(geek.ttf); } * { padding: 0; margin: 0; } html, body { margin: 0; padding: 0; width: 100%; height: 100%; } body { margin: 0; padding: 0; } .nav { position: fixed; width: 100%; height: 80px; } .brand, .search, .menu { position: absolute; line-height: 80px; } .brand { margin-left: 40px; font-family: "Monument Extended"; color: #fff; font-size: 16px; } .search { right: 140px; color: #fff; } .menu{ right: 40px; font-family: Helvetica; color: #fff; font-size: 20px; } .media { position: absolute; right: -150px; top: 50%; transform: rotate(90deg); } .media ul { list-style: none; } .media ul li { display: inline-block; text-transform: uppercase; color: rgba(255, 255, 255, .7); font-family: Helvetica; font-size: 12px; font-weight: 300; letter-spacing: 2px; margin-right: 40px; } .media ul li a{ text-decoration: none; color: #fff; } .media ul li a:hover{ color: #ebcba7; } .header { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); color: #000; font-family: first; font-size: 40px; letter-spacing: 3px; text-shadow: 2px 2px 20px #000; justify-content: center; } h1 span { -webkit-text-stroke: 1px #000; color: rgba(0,0,0,0); } .bottomnav { position: absolute; width: 45%; height: 80px; bottom: -40px; background: #fff; left: 50%; transform: translate(-50%, -50%); } .bottomnav ul { margin: 0; padding: 0; list-style: none; line-height: 80px; float: right; } .bottomnav ul li { padding-right: 50px; display: inline-block; } .bar { position: absolute; margin: 0; background: rgba(0,0,0,0.3); width: 50%; height: 1px; top: 50%; left: 19%; } .counter { position: absolute; font-family: Poppins; font-weight: bolder; color: #000; line-height: 80px; padding-left: 50px; } .content { height: 100%; width: 100%; background-color: #030000; z-index: 0; top: 100%; position: absolute; display: flex; justify-content: center; align-items: center; } .content-wrapper{ height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .content-images { width: 70%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; } .content-image-wrapper { height: 220px; width: 150px; text-align: center; position: relative; } .content-image-wrapper img{ max-width: 100%; width: 100%; max-height: 100%; height: 100%; } .one { top: -10px; } .two { top: -50px; } .three { top: 20px; } .four { top: -20px; } .content-image-wrapper h4 { font-size: 1.8em; position: relative; top: -30px; opacity: 0.6; } .text { padding-top: 100px; width: 60%; font-size: 0.8em; text-align: center; } .story { width: 100%; height: 100%; } css
font-face { font-family: first; src: url(geek.ttf); } * { padding: 0; margin: 0; } html, body { margin: 0; padding: 0; width: 100%; height: 100%; } body { margin: 0; padding: 0; } .nav { position: fixed; width: 100%; height: 80px; } .brand, .search, .menu { position: absolute; line-height: 80px; } .brand { margin-left: 40px; font-family: "Monument Extended"; color: #fff; font-size: 16px; } .search { right: 140px; color: #fff; } .menu{ right: 40px; font-family: Helvetica; color: #fff; font-size: 20px; } .media { position: absolute; right: -150px; top: 50%; transform: rotate(90deg); } .media ul { list-style: none; } .media ul li { display: inline-block; text-transform: uppercase; color: rgba(255, 255, 255, .7); font-family: Helvetica; font-size: 12px; font-weight: 300; letter-spacing: 2px; margin-right: 40px; } .media ul li a{ text-decoration: none; color: #fff; } .media ul li a:hover{ color: #ebcba7; } .header { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); color: #000; font-family: first; font-size: 40px; letter-spacing: 3px; text-shadow: 2px 2px 20px #000; justify-content: center; } h1 span { -webkit-text-stroke: 1px #000; color: rgba(0,0,0,0); } .bottomnav { position: absolute; width: 45%; height: 80px; bottom: -40px; background: #fff; left: 50%; transform: translate(-50%, -50%); } .bottomnav ul { margin: 0; padding: 0; list-style: none; line-height: 80px; float: right; } .bottomnav ul li { padding-right: 50px; display: inline-block; } .bar { position: absolute; margin: 0; background: rgba(0,0,0,0.3); width: 50%; height: 1px; top: 50%; left: 19%; } .counter { position: absolute; font-family: Poppins; font-weight: bolder; color: #000; line-height: 80px; padding-left: 50px; } .content { height: 100%; width: 100%; background-color: #030000; z-index: 0; top: 100%; position: absolute; display: flex; justify-content: center; align-items: center; } .content-wrapper{ height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .content-images { width: 70%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; } .content-image-wrapper { height: 220px; width: 150px; text-align: center; position: relative; } .content-image-wrapper img{ max-width: 100%; width: 100%; max-height: 100%; height: 100%; } .one { top: -10px; } .two { top: -50px; } .three { top: 20px; } .four { top: -20px; } .content-image-wrapper h4 { font-size: 1.8em; position: relative; top: -30px; opacity: 0.6; } .text { padding-top: 100px; width: 60%; font-size: 0.8em; text-align: center; } .story { width: 100%; height: 100%; } css
M Mr. Stark Eternal Poster Aug 12, 2019 #12 PHC Bor1s said: font-face { font-family: first; src: url(geek.ttf); } * { padding: 0; margin: 0; } html, body { margin: 0; padding: 0; width: 100%; height: 100%; } body { margin: 0; padding: 0; } .nav { position: fixed; width: 100%; height: 80px; } .brand, .search, .menu { position: absolute; line-height: 80px; } .brand { margin-left: 40px; font-family: "Monument Extended"; color: #fff; font-size: 16px; } .search { right: 140px; color: #fff; } .menu{ right: 40px; font-family: Helvetica; color: #fff; font-size: 20px; } .media { position: absolute; right: -150px; top: 50%; transform: rotate(90deg); } .media ul { list-style: none; } .media ul li { display: inline-block; text-transform: uppercase; color: rgba(255, 255, 255, .7); font-family: Helvetica; font-size: 12px; font-weight: 300; letter-spacing: 2px; margin-right: 40px; } .media ul li a{ text-decoration: none; color: #fff; } .media ul li a:hover{ color: #ebcba7; } .header { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); color: #000; font-family: first; font-size: 40px; letter-spacing: 3px; text-shadow: 2px 2px 20px #000; justify-content: center; } h1 span { -webkit-text-stroke: 1px #000; color: rgba(0,0,0,0); } .bottomnav { position: absolute; width: 45%; height: 80px; bottom: -40px; background: #fff; left: 50%; transform: translate(-50%, -50%); } .bottomnav ul { margin: 0; padding: 0; list-style: none; line-height: 80px; float: right; } .bottomnav ul li { padding-right: 50px; display: inline-block; } .bar { position: absolute; margin: 0; background: rgba(0,0,0,0.3); width: 50%; height: 1px; top: 50%; left: 19%; } .counter { position: absolute; font-family: Poppins; font-weight: bolder; color: #000; line-height: 80px; padding-left: 50px; } .content { height: 100%; width: 100%; background-color: #030000; z-index: 0; top: 100%; position: absolute; display: flex; justify-content: center; align-items: center; } .content-wrapper{ height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .content-images { width: 70%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; } .content-image-wrapper { height: 220px; width: 150px; text-align: center; position: relative; } .content-image-wrapper img{ max-width: 100%; width: 100%; max-height: 100%; height: 100%; } .one { top: -10px; } .two { top: -50px; } .three { top: 20px; } .four { top: -20px; } .content-image-wrapper h4 { font-size: 1.8em; position: relative; top: -30px; opacity: 0.6; } .text { padding-top: 100px; width: 60%; font-size: 0.8em; text-align: center; } .story { width: 100%; height: 100%; } css Click to expand... .media ul margin 0, yung sa .media ul li intentional ba yung margin-right: 40px mo?
PHC Bor1s said: font-face { font-family: first; src: url(geek.ttf); } * { padding: 0; margin: 0; } html, body { margin: 0; padding: 0; width: 100%; height: 100%; } body { margin: 0; padding: 0; } .nav { position: fixed; width: 100%; height: 80px; } .brand, .search, .menu { position: absolute; line-height: 80px; } .brand { margin-left: 40px; font-family: "Monument Extended"; color: #fff; font-size: 16px; } .search { right: 140px; color: #fff; } .menu{ right: 40px; font-family: Helvetica; color: #fff; font-size: 20px; } .media { position: absolute; right: -150px; top: 50%; transform: rotate(90deg); } .media ul { list-style: none; } .media ul li { display: inline-block; text-transform: uppercase; color: rgba(255, 255, 255, .7); font-family: Helvetica; font-size: 12px; font-weight: 300; letter-spacing: 2px; margin-right: 40px; } .media ul li a{ text-decoration: none; color: #fff; } .media ul li a:hover{ color: #ebcba7; } .header { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); color: #000; font-family: first; font-size: 40px; letter-spacing: 3px; text-shadow: 2px 2px 20px #000; justify-content: center; } h1 span { -webkit-text-stroke: 1px #000; color: rgba(0,0,0,0); } .bottomnav { position: absolute; width: 45%; height: 80px; bottom: -40px; background: #fff; left: 50%; transform: translate(-50%, -50%); } .bottomnav ul { margin: 0; padding: 0; list-style: none; line-height: 80px; float: right; } .bottomnav ul li { padding-right: 50px; display: inline-block; } .bar { position: absolute; margin: 0; background: rgba(0,0,0,0.3); width: 50%; height: 1px; top: 50%; left: 19%; } .counter { position: absolute; font-family: Poppins; font-weight: bolder; color: #000; line-height: 80px; padding-left: 50px; } .content { height: 100%; width: 100%; background-color: #030000; z-index: 0; top: 100%; position: absolute; display: flex; justify-content: center; align-items: center; } .content-wrapper{ height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .content-images { width: 70%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; } .content-image-wrapper { height: 220px; width: 150px; text-align: center; position: relative; } .content-image-wrapper img{ max-width: 100%; width: 100%; max-height: 100%; height: 100%; } .one { top: -10px; } .two { top: -50px; } .three { top: 20px; } .four { top: -20px; } .content-image-wrapper h4 { font-size: 1.8em; position: relative; top: -30px; opacity: 0.6; } .text { padding-top: 100px; width: 60%; font-size: 0.8em; text-align: center; } .story { width: 100%; height: 100%; } css Click to expand... .media ul margin 0, yung sa .media ul li intentional ba yung margin-right: 40px mo?
S Stranger1509 Honorary Poster Established Aug 12, 2019 #13 asan ba jan sa css mo ung last div ano class name?
P PHC Bor1s Honorary Poster Aug 12, 2019 TS TS #14 Mr. Stark said: .media ul margin 0, yung sa .media ul li intentional ba yung margin-right: 40px mo? Click to expand... Yes intentional po siya sir. Para di nakasagat sa kanan yung mga buttons pang social media
Mr. Stark said: .media ul margin 0, yung sa .media ul li intentional ba yung margin-right: 40px mo? Click to expand... Yes intentional po siya sir. Para di nakasagat sa kanan yung mga buttons pang social media
P PHC Bor1s Honorary Poster Aug 12, 2019 TS TS #15 Mr. Stark said: Margin ng body gawin mong 0. Click to expand... Naka set na po sa 0,pati padding. Tinry ko na nga din set all using *
Mr. Stark said: Margin ng body gawin mong 0. Click to expand... Naka set na po sa 0,pati padding. Tinry ko na nga din set all using *
P PHC Bor1s Honorary Poster Aug 12, 2019 TS TS #16 Strike1509 said: asan ba jan sa css mo ung last div ano class name? Click to expand... .story po. Nasa pinaka baba ng css
Strike1509 said: asan ba jan sa css mo ung last div ano class name? Click to expand... .story po. Nasa pinaka baba ng css
P PHC Bor1s Honorary Poster Aug 12, 2019 TS TS #17 Hindi kaya sa pc na gamit ko lang? Kasi sa tropa ko ganto din problem niya e,magkaiba ginagawa naming project pero same problem. Same comp shop din kase kami gumawa. Malaki kase monitor dun e
Hindi kaya sa pc na gamit ko lang? Kasi sa tropa ko ganto din problem niya e,magkaiba ginagawa naming project pero same problem. Same comp shop din kase kami gumawa. Malaki kase monitor dun e
M Mr. Stark Eternal Poster Aug 12, 2019 #18 PHC Bor1s said: Naka set na po sa 0,pati padding. Tinry ko na nga din set all using * Click to expand... .story display block mo.
PHC Bor1s said: Naka set na po sa 0,pati padding. Tinry ko na nga din set all using * Click to expand... .story display block mo.
S Stranger1509 Honorary Poster Established Aug 12, 2019 #19 PHC Bor1s said: .story po. Nasa pinaka baba ng css Click to expand... try mo meta viewport HTML: <meta name="viewport" content="width=device-width, initial-scale=1"> check mo din mga closing tag mo, baka may dynamic tags ka na unclosed pag ayaw yan ito pa try mo HTML: <div style="clear:both"></div> <div class="story"></div> Last edited: Aug 12, 2019
PHC Bor1s said: .story po. Nasa pinaka baba ng css Click to expand... try mo meta viewport HTML: <meta name="viewport" content="width=device-width, initial-scale=1"> check mo din mga closing tag mo, baka may dynamic tags ka na unclosed pag ayaw yan ito pa try mo HTML: <div style="clear:both"></div> <div class="story"></div>