คำถามติดแท็ก html

HTML (HyperText Markup Language) เป็นภาษามาร์กอัปหลักสำหรับการสร้างเว็บเพจและข้อมูลอื่น ๆ ที่จะแสดงในเว็บเบราว์เซอร์ คำถามเกี่ยวกับ HTML ควรมีตัวอย่างที่ทำซ้ำได้น้อยที่สุดและแนวคิดบางประการเกี่ยวกับสิ่งที่คุณพยายามทำ แท็กนี้ไม่ค่อยได้ใช้คนเดียวและมักจะจับคู่กับ [CSS] และ [javascript]

3
ติดต่อ Bubble EditText
ฉันกำลังพยายามสร้างฟองอากาศการติดต่อในลักษณะที่MultiAutoCompleteTextViewคล้ายกับการใช้งานในแอป Google+ ด้านล่างนี้คือภาพหน้าจอ: . ฉันได้พยายามที่จะขยายDynamicDrawableSpanชั้นเรียนเพื่อให้สามารถวาดเป็นระยะ ๆ ได้ในพื้นหลังของช่วงของข้อความ public class BubbleSpan extends DynamicDrawableSpan { private Context c; public BubbleSpan(Context context) { super(); c = context; } @Override public Drawable getDrawable() { Resources res = c.getResources(); Drawable d = res.getDrawable(R.drawable.oval); d.setBounds(0, 0, 100, 20); return d; } } โดยที่ oval.xml drawable ของฉันถูกกำหนดดังนี้: …

2
ทำไมเครื่องหมายคำพูดคู่จึงแสดงเฉพาะสำหรับองค์ประกอบแรก
ฉันสงสัยว่าทำไมเบราว์เซอร์จึงแสดงเครื่องหมายคำพูดเปิดคู่สำหรับองค์ประกอบแรกเท่านั้น องค์ประกอบที่สองมีเครื่องหมายคำพูดเดี่ยวแทน a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด

8
วิธีหลบหนี <และ> ภายในแท็ก <pre>
ฉันกำลังพยายามเขียนบล็อกโพสต์ที่มีส่วนของโค้ดอยู่ใน&lt;pre&gt;แท็ก ส่วนรหัสประกอบด้วยประเภททั่วไปและใช้&lt;&gt;เพื่อกำหนดประเภทนั้น นี่คือลักษณะของกลุ่ม: &lt;pre&gt; PrimeCalc calc = new PrimeCalc(); Func&lt;int, int&gt; del = calc.GetNextPrime; &lt;/pre&gt; HTML ผลลัพธ์จะลบ&lt;&gt;และลงเอยดังนี้: PrimeCalc calc = new PrimeCalc(); Func del = calc.GetNextPrime; ฉันจะหลีกเลี่ยงไม่&lt;&gt;ให้มันปรากฏใน HTML ได้อย่างไร

5
Div ด้วยการเลื่อนในแนวนอนเท่านั้น
ฉันมี DIV ที่มีความกว้างคงที่ซึ่งมีตารางที่มีหลายคอลัมน์และจำเป็นต้องอนุญาตให้ผู้ใช้เลื่อนตารางในแนวนอนภายใน DIV สิ่งนี้จำเป็นต้องทำงานบน IE6 และ IE7 เท่านั้น (แอปพลิเคชันไคลเอนต์ภายใน) ต่อไปนี้ใช้งานได้ใน IE7: overflow-x: scroll; ใครสามารถช่วยแก้ปัญหาที่ทำงานใน IE6 ด้วย?
89 html  css 

8
ฉันจะเพิ่มไอคอน Font Awesome ในช่องป้อนข้อมูลได้อย่างไร
ฉันจะใช้ไอคอนค้นหาที่รวมอยู่ใน Font Awesome เพื่อป้อนข้อมูลได้อย่างไร ฉันมีคุณสมบัติการค้นหาบนไซต์ของฉัน (ตาม PHPmotion) ที่ฉันต้องการใช้สำหรับการค้นหา นี่คือรหัส: &lt;div id="search-bar"&gt; &lt;form method="get" action="search.php" autocomplete="off" name="form_search"&gt; &lt;input type="hidden" name="type" value="videos" /&gt; &lt;input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" style="font-family: verdana; font-weight:bold; font-size: 10pt; height: 28px; width:186px; color: #000000; padding-left: 2px; float:left; border: 1px solid black; background-color: …
89 html  css  font-awesome 

5
การแสดงสัญลักษณ์ Unicode ใน HTML
ฉันต้องการเพียงแค่แสดงสัญลักษณ์เห็บ (✔) และเครื่องหมายกากบาท (✘) ในหน้า HTML แต่จะแสดงเป็นกล่องหรือ goop ✔ ซึ่งเห็นได้ชัดว่ามีอะไรเกี่ยวข้องกับการเข้ารหัส ฉันได้ตั้งค่าเมตาแท็กเพื่อแสดง utf-8 แต่เห็นได้ชัดว่าฉันขาดอะไรไป &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; แก้ไข / วิธีแก้ไข:จากการแสดงความคิดเห็นโดยใช้ FireBug ฉันพบว่าส่วนหัวที่เพจของฉันส่งผ่านนั้นเป็น "Content-Type: text / html" ไม่ใช่ UTF-8 เมื่อดูรูปแบบไฟล์โดยใช้ Notepad ++ พบว่าไฟล์ของฉันถูกจัดรูปแบบเป็น "UTF-8 ที่ไม่มี BOM" การเปลี่ยนสิ่งนี้เป็นเพียง UTF-8 ตอนนี้สัญลักษณ์แสดงอย่างถูกต้อง ... แต่ firebug ยังคงระบุว่าเป็นประเภทเนื้อหาเดียวกัน
89 html  unicode 

9
ฉันจะป้องกันไม่ให้แท็ก DIV ขึ้นบรรทัดใหม่ได้อย่างไร
ฉันต้องการส่งออกข้อความบรรทัดเดียวไปยังเบราว์เซอร์ที่มีแท็ก เมื่อแสดงผลปรากฏว่า DIV ทำให้เกิดบรรทัดใหม่ ฉันจะรวมเนื้อหาในแท็ก div ในบรรทัดเดียวกันได้อย่างไร - นี่คือรหัสของฉัน &lt;?php echo("&lt;a href=\"pagea.php?id=$id\"&gt;Page A&lt;/a&gt;") ?&gt; &lt;div id="contentInfo_new"&gt; &lt;script type="text/javascript" src="getData.php?id=&lt;?php echo($id); ?&gt;"&gt;&lt;/script&gt; &lt;/div&gt; ฉันพยายามจัดระเบียบที่นี่แล้ว ฉันจะแสดงสิ่งนี้เป็นบรรทัดเดียวได้อย่างไร?
89 html  css 

8
บังคับให้ความกว้างของคอลัมน์ตารางคงที่เสมอโดยไม่คำนึงถึงเนื้อหา
ฉันมีตาราง html table-layout: fixedและ td ที่มีความกว้างที่กำหนด คอลัมน์ยังคงขยายเพื่อเก็บเนื้อหาของข้อความที่ไม่มีช่องว่าง มีวิธีแก้ไขนอกเหนือจากการตัดเนื้อหาของแต่ละ td ใน div หรือไม่? ตัวอย่าง: http://jsfiddle.net/6p9K3/29/ &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style="width: 50px;"&gt;Test&lt;/td&gt; &lt;td&gt;Testing 1123455&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td style="width: 50px;"&gt;AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA&lt;/td&gt; &lt;td&gt;B&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; table { table-layout: fixed; } td { border: 1px solid green; overflow: hidden; } ในตัวอย่างคุณจะเห็นว่าคอลัมน์ที่มี AAAAAAAAAAAA ... ขยายออกแม้จะตั้งค่าเป็นความกว้าง 50px อย่างชัดเจน
89 html  css 

3
คุณใช้ window.postMessage ข้ามโดเมนได้อย่างไร?
ดูเหมือนว่าจุดของwindow.postMessageคือการอนุญาตให้มีการสื่อสารที่ปลอดภัยระหว่าง windows / frames ที่โฮสต์บนโดเมนต่างๆ แต่ดูเหมือนจะไม่อนุญาตให้ใช้ใน Chrome นี่คือสถานการณ์: ฝัง &lt;iframe&gt; (พร้อมกับsrcโดเมน B * ) ในเพจบนโดเมน A &lt;iframe&gt; จะกลายเป็นแท็ก &lt;script&gt; เป็นส่วนใหญ่ในตอนท้ายของการดำเนินการ ... ฉันเรียก window.postMessage ( some_data , page_on_A ) &lt;iframe&gt; นั้นแน่นอนที่สุดในบริบทของโดเมน B และฉันยืนยันว่าจาวาสคริปต์ที่ฝังอยู่ใน &lt;iframe&gt; นั้นทำงานได้อย่างถูกต้องและเรียกpostMessageด้วยค่าที่ถูกต้อง ฉันได้รับข้อความแสดงข้อผิดพลาดนี้ใน Chrome: ไม่สามารถโพสต์ข้อความเพื่อ ผู้รับมีต้นกำเนิดB นี่คือรหัสที่ลงทะเบียนผู้ฟังเหตุการณ์ข้อความในหน้า A: window.addEventListener( "message", function (event) { // Do something }, false); …

16
ฉันจะจัดกึ่งกลาง <ul> <li> เป็น div ได้อย่างไร
ฉันจะจัดกึ่งกลางรายการที่ไม่เรียงลำดับ&lt;li&gt;เป็นความกว้างคงที่ได้divอย่างไร &lt;table width="100%"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td width="41%"&gt;&lt;img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"&gt;&lt;/td&gt; &lt;td width="59%"&gt;&lt;p align="left"&gt;&amp;nbsp;&lt;/p&gt; &lt;h1 align="left"&gt;StudioTeknik.com&lt;/h1&gt; &lt;p&gt;&lt;br align="left"&gt; &lt;strong&gt;Marc-André Ménard&lt;/strong&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Photographie digitale&lt;/li&gt; &lt;li&gt;Infographie &lt;/li&gt; &lt;li&gt;Débug et IT (MAC et PC)&lt;/li&gt; &lt;li&gt; Retouche &lt;/li&gt; &lt;li&gt;Site internet&lt;/li&gt; &lt;li&gt;Graphisme&lt;/li&gt; &lt;/ul&gt; &lt;p align="left"&gt;&lt;span class="style1"&gt;&lt;strong&gt;Cellulaire en suisse : &lt;/strong&gt;&lt;/span&gt;&lt;a href="#"&gt;+41 079 573 48 99&lt;/a&gt;&lt;/p&gt; &lt;p …
89 css  html  html-lists 

4
ความยาวสูงสุดที่ใช้ได้จริงสำหรับ HTML id คืออะไร?
ข้อกำหนดHTMLกล่าว ID และ NAME ราชสกุลจะต้องเริ่มต้นด้วยตัวอักษร ([A-Za-z]) และอาจจะตามด้วยหมายเลขของตัวอักษรตัวเลข ([0-9]) ยัติภังค์ ( "-"), ขีดล่าง ( "_") , เครื่องหมายทวิภาค (":") และจุด (".") และแม้ว่าการประกาศ SGMLของ HTML 4 จะใช้ค่า 65536 สำหรับ NAMELEN แต่ก็ระบุว่า "หลีกเลี่ยงขีด จำกัด คงที่" แต่เบราว์เซอร์แน่นอนการใช้งาน CSS และ JavaScript ชุดเครื่องมือต้องมีบางข้อ จำกัด เกี่ยวกับระยะเวลาที่พวกเขาสนับสนุน ขีด จำกัด ที่เล็กที่สุดที่ปลอดภัยสำหรับใช้ในแอปพลิเคชัน HTML / CSS / JS คืออะไร
89 javascript  html  css 


4
นำองค์ประกอบไปด้านหน้าโดยใช้ CSS
ฉันคิดไม่ออกว่าจะนำภาพมาใช้CSSอย่างไร ฉันได้ลองตั้งค่า z-index เป็น 1,000 และวางตำแหน่งให้สัมพันธ์กันแล้ว แต่ก็ยังล้มเหลว นี่คือตัวอย่าง - #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; table-layout: fixed; border-collapse: collapse; } .td-main { text-align: center; padding: 80px 10px 80px 10px; …
89 html  css  z-index  jsfiddle 

8
ฉันสามารถตั้งค่าความทึบเฉพาะให้กับภาพพื้นหลังของ div ได้หรือไม่
สมมติว่าฉันมี &lt;div class="myDiv"&gt;Hi there&lt;/div&gt; ฉันต้องการที่จะนำbackground-imageและให้มันopacityของ0.5- แต่ฉันต้องการว่าข้อความที่ผมได้เขียนจะมีความทึบแสงเต็มรูปแบบ ( 1) ถ้าจะเขียน CSS แบบนี้ .myDiv { opacity:0.5 } ทุกอย่างจะมีความทึบต่ำ - และฉันไม่ต้องการอย่างนั้น คำถามของฉันคือ - ฉันจะรับภาพพื้นหลังที่มีความทึบต่ำพร้อมข้อความทึบแสงได้อย่างไร?

9
การลบเส้นขอบเซลล์ตารางที่ไม่ต้องการด้วย CSS
ฉันมีปัญหาที่แปลกประหลาดและน่าหงุดหงิด สำหรับมาร์กอัปอย่างง่าย: &lt;table&gt; &lt;thead&gt; &lt;tr&gt;&lt;th&gt;1&lt;/th&gt;&lt;th&gt;2&lt;/th&gt;&lt;th&gt;3&lt;/th&gt;&lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;&lt;td&gt;b&gt;&lt;/td&gt;&lt;td&gt;c&lt;/td&gt;&lt;/tr&gt; &lt;tr class='odd'&gt;&lt;td&gt;x&lt;/td&gt;&lt;td&gt;y&lt;/td&gt;&lt;td&gt;z&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; ฉันใช้ค่าสีพื้นหลังที่แตกต่างกันกับองค์ประกอบthead , trและtrคี่ ปัญหาคือในเบราว์เซอร์ส่วนใหญ่ทุกเซลล์จะมีเส้นขอบที่ไม่ต้องการซึ่งไม่ใช่สีของแถวตาราง เฉพาะใน Firefox 3.5 เท่านั้นที่ตารางจะไม่มีเส้นขอบในเซลล์ใด ๆ ฉันต้องการทราบวิธีลบเส้นขอบเหล่านี้ในเบราว์เซอร์หลักอื่น ๆ เพื่อให้สิ่งเดียวที่คุณเห็นในตารางคือสีของแถวที่สลับกัน
89 html  css  html-table 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.