zuppachu commented 5 years ago

MTR02 - [ BE101 ] BLOG 交檔案遇到的狀況劇

蝦妹的問題通常頗多...寫下來以後好複查。

記錄一：自己的 phpmyadmin 遇到 Access to the requested object is only available from the local network phpmyadmin 問題

在 stack overflow 上查到這個解法。採用第二個解答，一次就行了。（撒花～）

在老師設的 databas 內架完結構後，若想在瀏覽器上看結果，其路徑該這樣寫： mentor-program.co/zuppachu/index2.php

才跑得出來...

一開始把 where post_status='publish' 放在最後面，找不出來。原來是語序擺錯了... 正確如下:

$sql= "SELECT * FROM articles2 Where post_status='publish' ORDER BY created_at DESC";

zuppachu commented 5 years ago

文字蓋在圖片上：用 positon: relative; z-index: 1 解決了。（數字可以非常大沒問題～）如圖：
圖片無法放大：詢問霏霏後，霏霏提供了兩種方法。方法一，我試了試不成功！用方法二就成功了：以一個 <div> 包住 <img> 在調整。
```
// week6-hw2 ：index.html and style.css 
.imgArea img {
display: block;
width: 100%;
height: auto;
}
```
fontaswome icons：得在 <head> 裡面添增 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> 之後在 <div class="far fa-bookmark"></div>
需再多研究 svg
```
<svg><path d="...."></svg>
```
navbar 下方的空格我是利用 img 往上移的方式遮住空白處。

zuppachu commented 5 years ago

消除 input 預設行為：

input:focus {
outline:none; /* 消除 chrome input 籃框線*/
border-bottom: 1px solid red; 
background: none; /*去除預設藍色背景*/
}

單選匡對其問題：


//讓當選匡文字排列好
.checkbox label {
display: flex;
flex-direction: row;
margin-right: 10px;
}

// 讓單選匡可以與文字有空隙 .form_content input[type="radio"] { width: 40px; height: 40px; margin-right: 10px; }


4. 必填問題顯示
看到同學用 classList.add 方式，真聰明呢！