positioning-4

Hosun · ‎Sep 15, 2019

Hi, Thank you very much for your advice. That is what I am worried about. Now, it looks fine on laptop. The remaining issue is iPhone. Is there any solution? https://distracted-lamport-1ff7d2.netlify.com/ Hosun Kang

Hosun · ‎Sep 15, 2019

Hi, Q1. (osgood) I added osgood's code. But it doesn't look like working for the alignment. Q2. (Ben) osgood's body {padding: 0px;} made me to follow Ben's fixed footer. <footer> is under contact.css and styles.css. I wrote the code in orange box together with body {padding-bottom: 21.33px;} for the original fixed footer. How would I deal with them? (leave them or block them) https://trusting-brahmagupta-566a63.netlify.com/ Hosun Kang

Hosun · ‎Sep 14, 2019

Hi, Clicking the far-right icon in <header> opens Contact Me. I set margin to .form-container for the vertical positioning of the green box. It looks working on PC. But it doesn't work on iPhone. Is there any solution? I tried main { display: flex; align-items: center; } But it doesn't work. https://priceless-kalam-5060c1.netlify.com/ Hosun Kang

Hosun · ‎Sep 13, 2019

Hi, Clicking the icon in <header> opens the file (Contact Me). It is before adding php. There is the green box in <main>. How can I position it in the middle? I just think margin: 0px auto would work. https://dazzling-lamport-08b3f2.netlify.com/ Hosun Kang

Hosun · ‎Sep 12, 2019

With a newer version of Adobe Community, I can't find out a way marking as a correct answer. I tappped the return key on keyboard to change the line, but the reply was sent. Hosun Kang

Hosun · ‎Sep 12, 2019

With a newer version of Adobe Community, I can't find out making as a correct answer.

Hosun · ‎Sep 12, 2019

Hi, Opening UPLOAD 1.html from index.html, there is footer, which comes from footer.js. index.html and UPLOAD 1.html are under styles.css. But Almendra is not applied to the footer in UPLOAD 1.html. With Developer Tools, it is Almendra. But it is not on screen. Is there any way to fix the problem? https://vigorous-bardeen-015eeb.netlify.com/ Hosun Kang

Hosun · ‎Aug 21, 2019

Merci beaucoup pour votre réponse. J'ai ajouté .logo { display: flex; align-items: center; } Il semble que tout allie bien. Hosun Kang

Hosun · ‎Aug 21, 2019

Hi, Looking at <header>, there is an image. Where does the space at bottom come from? Should I do more in addition to flexbox below? header { background-color: #42A240; padding: 20px 40px; display: flex; /*title*/ align-items: center; /*title*/ } Global Invisible Hand Hosun Kang

Hosun · ‎Aug 19, 2019

Hi, Thank you very much for your reply. I wrote the code below. While moving from 845px to 500px, there appears an unexpected thing. Is there any solution? Global Invisible Hand Hosun Kang

Hosun · ‎Aug 19, 2019

Hi, I am working on Tablet View-2. There is a long line. I want to change it into two short lines, keeping everything intact. Is there any solution? Global Invisible Hand Hosun Kang

Hosun · ‎Aug 15, 2019

Hi, I am making Tablet View from Desktop View. In <main>, there are .col-wrapper .col1 .col2 .col3 How can I deactivate them on Tablet View to present the prototype. Global Invisible Hand Hosun Kang

Hosun · ‎Aug 04, 2019

Hi, I'd rather drop header.js and duplicate index.html. I have another question. I have been finding out a server. Which one is good? (Now, I realize servers are different.) If you can recommend some providers, it would be a starting point for me. But I am not sure it complies with the protocol of the Community. I would be grateful for even some guidance. Hosun Kang

Hosun · ‎Aug 04, 2019

Hi, I happened to find out Netlify by chance. And I have used it, because of no problem so far in communicating with Adobe Community. I still have a question. In my work, the Form is PHP-sensitive. But why can't the Include file call in <header> in full? (I see the same on Netlify and Dw (CTRL+12).) Hosun Kang

Hosun · ‎Aug 04, 2019

Netlify Hosun Kang

Hosun · ‎Aug 04, 2019

Hi, Thank you very much for your reply. With "contact.php", the server should support the PHP mail function. With "UPLOAD 1.html", I was thinking the include file would work for <header>. Is there condition for the Include file to work? Housn Kang

Hosun · ‎Aug 02, 2019

Hi, UPLOAD 1.html calls in <header> via header.js. I see the same as contact.php. There is a styles issue. How would I do? Global Invisible Hand contact.php https://drive.google.com/open?id=1_MsssiKEMnira5-FNmX6dwZqdUaW6Hq0 contact.css https://drive.google.com/open?id=1o-6v7kgeXJqKGvuQAAaD6x4ThVmGcaGN UPLOAD 1.html https://drive.google.com/open?id=1NdajLL0LLorGGNMabWFX6Y22Ta-OdmtI UPLOAD 1.css https://drive.google.com/open?id=1ujRo7FFfXb8igoF_z7IVSCX0tArPc9yL header.js https://drive.google.com/open?id=1qFaFMqc4g-vh80uePQjHa3wNC2WreK2z Hosun Kang

Hosun · ‎Jul 31, 2019

Hi, In "contact.php", <header> is called in via "header.js". I want to remove the icon in red box. How would I do? Global Invisible Hand contact.php https://drive.google.com/open?id=1EE-8Sq1sMZnoYlw4h2-eNU5wT7fJz1Q_ contact.css https://drive.google.com/open?id=1tz6O1jlONucrYCw4xX0y8kOSrL3GUjZ8 header.js https://drive.google.com/open?id=1Ml5I2RkDElRbMMs0sC3ff8nx5Fz950XK Hosun Kang

Hosun · ‎Jul 31, 2019

Hi, Q1. There is "display: block" in two places. What is its role? I deleted the first one. No change. I deleted the second one. Alignment didn't work. Q2. Is my own email address? (for example, gmail) contact.php https://drive.google.com/open?id=1Rzs-RZZCyeMZuyat-h8_v3pVJr8MwEF8 contact.css https://drive.google.com/open?id=18dzIRUiHVRTmU4VQFiopi7w3q4GUpiYq Hosun Kang

Hosun · ‎Jul 31, 2019

Hi, Q1. Can I apply “font-family” and “font-size” to .alert-message? Q2. How can I move the Submit button to the center? I just can think of giving <div> to <button> and apply flexbox. https://silly-mclean-4eef05.netlify.com/ Global Invisible Hand contact.php https://drive.google.com/open?id=1zmFWbP2AziXHTHxoY2KhqoHCKUauOfrm contact.css https://drive.google.com/open?id=1WIEeIAMKVbQz5v2zjrzk3hBhIP0o0bXm Hosun Kang

Hosun · ‎Jul 30, 2019

Hi, I will find out the server, which supports the PHP mail function. I want to align the Form in the middle. I wrote .form-container { display: flex; justify-content: middle; } But it doesn't work. Global Invisible Hand contact.php https://drive.google.com/open?id=1r8fXrevXrxnEB0JqNpTYMYn5e3ijYjqq contact.css https://drive.google.com/open?id=1Pi5vMtWhqN4d4ZVCgNKPsTNo5atcD9vT Hosun Kang

Hosun · ‎Jul 29, 2019

Hi, Thank you very much for your help. I tried your solution. Styles in header are still the issue (contact.php). Global Invisible Hand contact.php https://drive.google.com/open?id=1PNvzmp_Ihb47WVv4kMQJC8X-c3xRefID contact.css https://drive.google.com/open?id=1DEMcss9JP3twpKox13Kp-FKztYR6_rpp header.js https://drive.google.com/open?id=1oDQA-xj9u8dHvshJiGcYZ5ly4U56vMFC Hosun Kang

Hosun · ‎Jul 29, 2019

Hi, Here is php : contact-ver2.php - Google Drive I took a reference from : Alt-Web Design & Publishing: Responsive Contact Form with Bootstrap 3.2 and PHP (Part 3) Hosun Kang

Hosun · ‎Jul 29, 2019

Hi, I added <style></style> in <head> and added lines to <style> (yellow lines). This is the best I can get now. Am I on the line? Global Invisible Hand Hosun Kang

Hosun · ‎Jul 29, 2019

Hi, Thank you very much for your help. I tried your solution, it is working. The remaining issue is styles. I just think "styles in index.html" don't work in header.js. Global Invisible Hand Hosun Kang

Hosun · ‎Jul 28, 2019

Hi, I tried your solution, but it doesn't work. Should I clear css in php? Global Invisible Hand Hosun Kang

Hosun · ‎Jul 28, 2019

Hi, For SSI, I cut and paste <header>. Are there more things to do to keep compatibility between "index.html" and "header.html"? (in "header.html") Global Invisible Hand Hosun Kang

Hosun · ‎Jul 27, 2019

Hi, In your link (https://alt-web.blogspot.com/2015/07/server-side-includes-with-php.html), which one (white or yellow) should go to SSI (header.html)? Global Invisible Hand Hosun Kang

Hosun · ‎Jul 26, 2019

Hi, With the line 13, every Font Awesome icons are fine. With the line 15, those pdf icons have some problems. How would I do? Global Invisible Hand Line 15 looks a little newer version. Hosun Kang (I asked Font Awesome. But no reply yet. It's the reason why I ask your help.)

Hosun · ‎Jul 25, 2019

Hi, What's the difference between the two links to fontawesome? <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> Hosun Kang

Hosun

Hosun

Activity

positioning-4

positioning-3

positioning-2

positioning

With a newer version of Adobe Community, I can't f...

With a newer version of Adobe Community, I can't f...

font and Include File

Re: padding?

padding?

Re: Media Query

Media Query

Media Query

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Re: SVG :hover [was: hover]

Font Awesome

Re: pseudo element