Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > ถามเรื่องไฟล์ .SVG หน่อยคะ มันไม่ขึ้น ทั้งที่มีไฟล์อยู่ โฟลเดอร์ imgs แล้ว



 

ถามเรื่องไฟล์ .SVG หน่อยคะ มันไม่ขึ้น ทั้งที่มีไฟล์อยู่ โฟลเดอร์ imgs แล้ว

 



Topic : 107407



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter



ถามเรื่องไฟล์ .SVG หน่อยคะ มันไม่ขึ้น ทั้งที่มีไฟล์อยู่ โฟลเดอร์ imgs แล้ว

index.html
<a href="/" class="brand"> </a> <!--logo--> 



app.css
.brand {background: url('../imgs/logo.svg') 0 0px no-repeat; width: 220px; height: 120px; float: left; z-index: 10000;}
.nosvg .brand {background: url('../imgs/logo.png');}

.brand2 {background: url('../imgs/logo-small.svg') 0 0px no-repeat; width: 220px; height: 80px; float: left; z-index: 10000;}
.nosvg .brand2 {background: url('../imgs/logo-small.png');}




Tag : PHP









ประวัติการแก้ไข
2014-04-03 16:06:30
2014-04-03 16:06:45
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-04-01 11:55:27 By : nottpoo View : 3141 Reply : 29
 

 

No. 1



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ลองเข้าไปอ่านดูครับ
ผมก็ไม่ค่อยเข้าใจว่าเกี่ยวกันไหม...ถ้าไม่เกี่ยวขออภัยมา ณ โอกาสนี้






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-01 12:07:34 By : apisitp
 


 

No. 2



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

ยังทำไม่ได้เลยแฮะ logo ไม่ขึ้นเลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-01 13:45:48 By : nottpoo
 

 

No. 3

Guest


http://css-tricks.com/using-svg/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-01 14:54:14 By : WiTT
 


 

No. 4



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

ดันๆ โลโก้ยังไม่ขึ้นเลยอะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 16:17:35 By : nottpoo
 


 

No. 5



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


path คุณถูกรึเปล่าครับ ??
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 16:35:25 By : Ex-[S]i[L]e[N]t
 


 

No. 6



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

พาธ ถูกนะ หลังจากดู Debug ดู รูปมันไม่ขึ้นจริงๆ เลย

รูป .svg  ไม่ขึ้น^^

รูป .svg  ไม่ขึ้น


ประวัติการแก้ไข
2014-04-03 16:55:14
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 16:44:04 By : nottpoo
 


 

No. 7



โพสกระทู้ ( 3,156 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ไฟล์ index.html และ app.css อยู่ในโฟลเดอร์เดียวกันมั๊ย ใน root folder เลยหรือเปล่า

ถ้าอยู่ใน root folder จริงๆ พาธที่กำหนดใน app.css ผิดแน่นอน เพราะมี "../" ซึ่งหมายถึงว่าต้องถอยล่นขึ้นไปหนึ่งตำแหน่ง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 16:48:19 By : sakuraei
 


 

No. 8



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

index.html อยู่ Root
ส่วน app.css อยู่ใน โฟลเดอร์ css
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 16:56:28 By : nottpoo
 


 

No. 9

Guest


มโน เอาเองล้วน ๆ ครับ

Code (PHP)
.brand {background: url('../imgs/logo.svg') no-repeat 0 0 / 100% 100%; width: 220px; height: 120px; float: left; z-index: 10000; }

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 16:58:30 By : WiTT
 


 

No. 10



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ลองอ้างจาก path root ดูครับ เช่น
Code (PHP)
.brand {background: url('http://localhost/imgs/logo.svg') 0 0px no-repeat; width: 220px; height: 120px; float: left; z-index: 10000;}


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 17:06:36 By : Ex-[S]i[L]e[N]t
 


 

No. 11



โพสกระทู้ ( 3,156 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 8 เขียนโดย : nottpoo เมื่อวันที่ 2014-04-03 16:56:28
รายละเอียดของการตอบ ::
ถ้าอย่างนั้นก็ให้ความสำคัญของ folder index.html เป็นหลักเมื่อเทียบกับ imgs/ ครับ
เพราะคุณเรียก <link src='css/app.css' ..... /> ในไฟล์ index.html ไม่ใช่ index.html อยู่ในโฟลเดอร์ css/ ครับ

ต้องตัด ../ ออกครับ ให้เหลือเพียง imgs/logo.svg

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 17:15:14 By : sakuraei
 


 

No. 12



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

ลองแบบที่คุณ ☣ DÜd€ ☣ และคุณ Unidentifier แล้ว logo.svg มันก็ยังไม่ขึ้นและ
แต่พอลองพิมพ์ พาธเรียกผ่าน URL รูป logo.svg มันขึ้นนะ แต่พอเรียกผ่าน index.html แล้วมันไม่ขึ้น
logo.svg  ไม่ขึ้น
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-04 14:05:19 By : nottpoo
 


 

No. 13

Guest


ลองเขียนไฟล์ test.html ไปเก็บไว้ที่ โฟลเดอร์ lacasetta รันแล้วมันขึ้นไหมครับ
Code (PHP)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
</head>

<body>
<style>
.brand {background: url('imgs/logo.svg') no-repeat 0 0 / 100% 100%; width: 220px; height: 120px; float: left; z-index: 10000; }
</style>
<a href="/" class="brand"></a>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-04 15:32:39 By : WiTT
 


 

No. 14



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ปัญหามันน่าจะมีทางออกล่ะ....แต่สงสัยอย่างเดียว
ทำไมต้องเป็นไฟล์ .svg นี่ด้วย
ช่วยแบ่งปันหน่อย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-04 15:46:19 By : apisitp
 


 

No. 15



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 14 เขียนโดย : apisitp เมื่อวันที่ 2014-04-04 15:46:19
รายละเอียดของการตอบ ::
SVG (Scalable Vector Graphics) เป็นภาษามาร์กอัปบนมาตรฐาน XML สำหรับกราฟิกแบบเวกเตอร์ 2 มิติ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-04 20:54:56 By : Ex-[S]i[L]e[N]t
 


 

No. 16



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

ตอบคุณ GUEST ความเห็นที่ 13 ลองทำไฟล์ test.html แล้วไม่ขึ้นนะคะ

test

ตอบ Docter K
ทำไมต้องหันมาใช้ SVG ?
การใช้กราฟฟิกแบบ SVG มีทั้งข้อดีและข้อเสีย ก่อนนำมาใช้เราควรพิจารณาก่อน ซึ่งสรุปได้ดังนี้ครับ

ไฟล์มีขนาดเล็กกว่ามาก
สามารถย่อ-ขยายได้ โดยคุณภาพยังคงเดิม
ยังไม่รองรับในบาง Web Browser
แหละที่สำคัญ มันแสดงผลบน iphone ipad พวก smart phone ได้ คุณลองค้น logo .svg ส่วนใหญ่เค้าก็ใช้กัน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 10:20:17 By : nottpoo
 


 

No. 17



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 16 เขียนโดย : nottpoo เมื่อวันที่ 2014-04-08 10:20:17
รายละเอียดของการตอบ ::
Thank you

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 10:36:58 By : apisitp
 


 

No. 18

Guest


ถ้าลองภาพอื่นนอกเครื่องของคุณล่ะครับ

Code (PHP)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.brand {background: url('http://www.broken-links.com/tests/images/heart-tree.svg') no-repeat 0 0 / 100% 100%; width: 150px; height: 120px; float: left; z-index: 10000; }
</style>
</head>
<body>
<a href="/" class="brand"></a>
</body>
</html>


อันนี้ของผมแสดงได้ปกติ ลองบน IE10, FF 28, Chrome 33
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 10:52:26 By : WiTT
 


 

No. 19

Guest


ตอบความคิดเห็นที่ : 16 เขียนโดย : nottpoo เมื่อวันที่ 2014-04-08 10:20:17
รายละเอียดของการตอบ ::
มีทั้งข้อดีและข้อเสีย


ผมชอบประโยคนี้ครับ มันให้ความหมายและทำให้ผมเข้าใจว่า "บางครั้งคราบน้ำตาและความเสียใจ มันทำให้เรามีความสุขได้เหมือนกัน(และไม่เหมือนกัน)"


ชีวิตประจำวันของคนเราไม่เหมือนกัน แนวทางโปรแกรมมิ่งก็เช่นเดียวกัน ครับ อทิเช่น คำว่า "ชอบ"

บทเพลง "สายชล"
http://www.youtube.com/watch?v=fgdx9bvGhd0
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 10:53:17 By : love9713
 


 

No. 20

Guest


ผมมักหยิบเอาไปใช้เสมอ เมื่อจำเป็นต้องใช้

Code (C#)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using System.Web;


namespace MyFirstProjectCSharp.Day--1
{
    class SampleDoWhile
    {
        static void Main()
        {
            int x = -10;
            do {
                Console.WriteLine("x = " + x); 
                x--; // x = -10
            } while (x > 0);

        }

        /// <summary>
        /// Image to Base64 String
        /// </summary>
        /// <param name="img"></param>
        /// <param name="format"></param>
        /// <returns></returns>
        public string ImageToBase64(System.Drawing.Image img, System.Drawing.Imaging.ImageFormat format)
        {
            using (System.IO.MemoryStream ms = new System.IO.MemoryStream()) {
                //Convert Image to byte[]
                img.Save(ms, format);
                byte[] imgBytes = ms.ToArray();
                return Convert.ToBase64String(imgBytes);            }
        }

        /// <summary>
        /// Base64 String to Image
        /// </summary>
        /// <param name="base64String"></param>
        /// <returns></returns>
        public System.Drawing.Image Base64ToImage(string base64String)
        {
            byte[] imgBytes = Convert.FromBase64String(base64String);
            using (var ms = new System.IO.MemoryStream(imgBytes,0,imgBytes.Length)) {
                return System.Drawing.Image.FromStream(ms, true);
            }
        }
    }
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 11:11:20 By : love9713
 


 

No. 21



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

คุณ GUEST ขึ้นอะ แล้ว logo.svg ของเราเป็นมันที่อัลไร ??????
test1
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 11:23:43 By : nottpoo
 


 

No. 22

Guest


อ้างอิงพาธรูปผิดมั้งครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 11:55:37 By : WiTT
 


 

No. 23



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 16 เขียนโดย : nottpoo เมื่อวันที่ 2014-04-08 10:20:17
รายละเอียดของการตอบ ::
ขอค้านเรื่อง SVG เพราะ Logo เวปส่วนมากจะใช้เป็น มาตรฐานของทั้ง W3C และ ISO/IEC นั่นคือ PNG

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 12:10:56 By : Ex-[S]i[L]e[N]t
 


 

No. 24



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

ได้แล้วละคะ น่าจะเป็นปัญหาเรื่องการ convert file ไม่สมบูรณ์ รูปเลยไม่ขึ้น แต่ไม่เข้าใจ จากภาพสี
ทำไมมันกลายเป็นภาพออก ขาว-ดำ ละคะ ใครมีวิธี convert เป็นภาพสีบ้าง
logosvg


ภาพต้นฉบับ
logo
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 12:22:44 By : nottpoo
 


 

No. 25



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

ตอบความคิดเห็นที่ : 23 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-04-08 12:10:56
รายละเอียดของการตอบ ::
ค้านก็ไม่ป็นไร แลร์กันเยอะยิ่งดี แต่ว่า .svg มาตรฐานมันจะทำให้แสดงผลบนอุปกรณ์ smart Phone และขนาดไฟล์ก็จะเล็กด้วยคะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-08 13:43:27 By : nottpoo
 


 

No. 26



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

กลับมาอีกรอบ ค่ะ สำหรับเรื่องไฟล์ .SVG หลังที่เขียนทุกอย่างเสร็จแล้วและอัพเทส แล้ว
การแสดงผลที่ จอ PC ไม่มีปัญหา ทุกอย่างขึ้นครบ อยู่ครบ

แต่ส่วนที่ปัญหาคือ logo.svg เจ้ากรรมอีกแล้ว มันไม่แสดงผลที่ iphone หรือ พวก แท๊บเล๊ต ปรากฏว่า logo ไม่ขึ้น เราดีบั๊ก ยังไง
ที่ iphone

ช่วยเทสหน่อย ดูที่ iphone นะ ปัญหาอยู่ที่ iphone ipad ไม่ใช่ PC
http://www.toscanavalley.com/lacasetta/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-18 11:06:18 By : nottpoo
 


 

No. 27

Guest


แล้วทำไมในหน้า http://www.toscanavalley.com/en/home.php มันขึ้นละครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-18 11:25:05 By : Hello
 


 

No. 28

Guest


อ๋อ ใช้ logo.gif ในหน้า home นี่เอง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-18 11:26:09 By : Hello
 


 

No. 29

Guest


ตอบความคิดเห็นที่ : 28 เขียนโดย : Hello เมื่อวันที่ 2014-04-18 11:26:09
รายละเอียดของการตอบ ::
ผมลองไล่ดู BootStrap 3.0 มันตอบโจทย์พวกนี้ได้ครับ


โดยส่วนตัวของผม มันยังไม่ถึงเวลาที่ผมต้องใช้มัน BootStrap 3.0 (มันเป็นทางเลือกที่ดีมากมาก แต่มันยังไม่ถึงเวลาที่ผมต้องใช้งาน BootStrap)

Good Lucks.
...
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-18 11:41:55 By : love9713
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ถามเรื่องไฟล์ .SVG หน่อยคะ มันไม่ขึ้น ทั้งที่มีไฟล์อยู่ โฟลเดอร์ imgs แล้ว
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่