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

ฉันกำลังใช้ตารางที่มีสีแถวสำรองด้วยสิ่งนี้ tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } <table> <tr class="d0"> <td>One</td> <td>one</td> </tr> <tr class="d1"> <td>Two</td> <td>two</td> </tr> </table> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล นี่ฉันใช้ชั้นแต่ผมต้องการที่จะใช้เฉพาะสำหรับtr tableเมื่อฉันใช้ชั้นเรียนสำหรับตารางกว่านี้นำไปใช้เป็นtrทางเลือก ฉันสามารถเขียน HTML แบบนี้โดยใช้ CSS ได้ไหม <table class="alternate_color"> <tr><td>One</td><td>one</td></tr> <tr><td>Two</td><td>two</td></tr> </table> ฉันจะทำให้แถวมี "ลายทางม้าลาย" โดยใช้ CSS ได้อย่างไร

462 html  css  html-table 

ฉันไม่เคยเห็น<base>แท็ก HTML ใช้จริงมาก่อน มีข้อผิดพลาดในการใช้ซึ่งหมายความว่าฉันควรหลีกเลี่ยง ความจริงที่ว่าฉันไม่เคยสังเกตเห็นมันถูกใช้ในเว็บไซต์การผลิตที่ทันสมัย ​​(หรือเว็บไซต์ใด ๆ ) ทำให้ฉันรู้สึกสับสนแม้ว่ามันจะดูเหมือนว่ามันอาจมีแอปพลิเคชั่นที่มีประโยชน์สำหรับการทำให้ลิงก์ในเว็บไซต์ของฉันง่ายขึ้น แก้ไข หลังจากใช้แท็กฐานเป็นเวลาสองสามสัปดาห์ฉันก็พบว่ามีgotchas สำคัญ ๆด้วยการใช้แท็กฐานที่ทำให้มันเป็นที่ต้องการน้อยกว่าที่มันปรากฏครั้งแรก โดยพื้นฐานแล้วการเปลี่ยนแปลงไปยังhref='#topic'และhref=''ภายใต้แท็กฐานนั้นเข้ากันไม่ได้กับพฤติกรรมเริ่มต้นของพวกเขาและการเปลี่ยนแปลงจากพฤติกรรมเริ่มต้นนี้สามารถทำให้ห้องสมุดบุคคลที่สามอยู่นอกการควบคุมของคุณไม่น่าเชื่อถืออย่างมาก ในรูปแบบที่ไม่คาดคิดเนื่องจากเหตุผลจะขึ้นอยู่กับพฤติกรรมเริ่มต้น บ่อยครั้งที่การเปลี่ยนแปลงนั้นบอบบางและนำไปสู่ปัญหาที่ไม่ชัดเจนในทันทีเมื่อจัดการกับ codebase ขนาดใหญ่ ฉันได้สร้างคำตอบโดยละเอียดตั้งแต่ปัญหาที่ฉันพบด้านล่าง ดังนั้นทดสอบผลลัพธ์ลิงก์ด้วยตัวคุณเองก่อนที่คุณจะยอมรับการปรับใช้อย่างกว้างขวาง<base>นั่นคือคำแนะนำใหม่ของฉัน!

462 html  contextpath  base-tag 

มีวิธีในการสร้างลิงค์ใน Markdown ที่เปิดในหน้าต่างใหม่หรือไม่? ถ้าไม่คุณแนะนำให้ใช้ไวยากรณ์อะไร ฉันจะเพิ่มลงในคอมไพเลอร์ markdown ที่ฉันใช้ ฉันคิดว่ามันควรจะเป็นตัวเลือก

460 html  hyperlink  markdown  target  new-window 

สิ่งที่ฉันต้องการจะทำคือเมื่อมีบางอย่างจะวนเวียนอยู่ก็ต้องการส่งผลกระทบต่อคุณสมบัติของผู้อื่นdivdiv ยกตัวอย่างเช่นในนี้สาธิต JSFiddleเมื่อคุณวางเมาส์เหนือ#cubeจะเปลี่ยนbackground-colorแต่สิ่งที่ฉันต้องการก็คือว่าเมื่อฉันวางเมาส์เหนือ#container, #cubeได้รับผลกระทบ div { outline: 1px solid red; } #container { width: 200px; height: 30px; } #cube { width: 30px; height: 100%; background-color: red; } #cube:hover { width: 30px; height: 100%; background-color: blue; } <div id="container"> <div id="cube"> </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

459 html  css  hover 

ฉันมีองค์ประกอบดังต่อไปนี้: <script type="text/javascript" src="https://cdn.example.com/js_file.js"></script> ในกรณีนี้ไซต์คือ HTTPS แต่ไซต์นั้นอาจเป็นเพียง HTTP (ไฟล์ JS อยู่ในโดเมนอื่น) ฉันสงสัยว่ามันถูกต้องหรือไม่ที่จะทำสิ่งต่อไปนี้เพื่อความสะดวก: <script type="text/javascript" src="//cdn.example.com/js_file.js"></script> ฉันสงสัยว่าการลบhttp:หรือhttps:? ดูเหมือนว่าจะทำงานได้ทุกที่ที่ฉันทดสอบ แต่มีบางกรณีที่มันไม่ทำงานหรือไม่

458 html  http  https  uri  protocol-relative 

เป็นไปได้หรือไม่ที่จะกำหนดขนาดของช่องทำเครื่องหมายโดยใช้ CSS หรือ HTML ข้ามเบราว์เซอร์ widthและsizeทำงานใน IE6 + แต่ไม่ใช่กับ Firefox ที่ช่องทำเครื่องหมายอยู่ที่ 16x16 แม้ว่าฉันจะตั้งขนาดที่เล็กลง

458 html  css 

ฉันมีข้อกำหนดที่แปลกมากฉันจำเป็นต้องไม่มีตัวเลือกที่เลือกโดยค่าเริ่มต้นในเมนูแบบเลื่อนลงใน HTML อย่างไรก็ตาม ฉันไม่สามารถใช้สิ่งนี้ <select> <option></option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล เพราะสำหรับสิ่งนี้ฉันจะต้องทำการตรวจสอบเพื่อจัดการกับตัวเลือกแรก ใครสามารถช่วยฉันในการบรรลุเป้าหมายนี้โดยไม่รวมตัวเลือกแรกเป็นส่วนหนึ่งของแท็กที่เลือก

458 html 

ฉันมี div สองตัวในอีก div หนึ่งและฉันต้องการวาง div ลูกหนึ่งตัวไว้ที่มุมขวาบนของ div parent และอีก div ลูกอีกอันอยู่ด้านล่างของ div parent โดยใช้ css นั่นคือฉันต้องการใช้การวางตำแหน่งแบบสัมบูรณ์กับ div ลูกสองตัว แต่กำหนดตำแหน่งให้สัมพันธ์กับ div div แทนที่จะเป็นเพจ ฉันจะทำสิ่งนี้ได้อย่างไร ตัวอย่าง html: <div id="father"> <div id="son1"></div> <div id="son2"></div> </div>

457 html  css 

สมมติว่าคุณมีสไตล์และมาร์กอัป: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> …

455 html  css  overflow 

เป็นไปได้หรือไม่ที่จะซ้อนรูปแบบ HTML เช่นนี้ <form name="mainForm"> <form name="subForm"> </form> </form> เพื่อให้ทั้งสองรูปแบบทำงานอย่างไร เพื่อนของฉันมีปัญหากับสิ่งนี้เป็นส่วนหนึ่งของsubFormงานในขณะที่อีกส่วนหนึ่งไม่ได้ทำงาน

451 html  nested-forms 

ฉันมีโครงสร้างหน้าเป็น: <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> ตอนนี้child-leftDIV จะมีเนื้อหามากขึ้นดังนั้นparentความสูงของ DIV จะเพิ่มขึ้นตาม DIV ลูก แต่ปัญหาคือchild-rightความสูงไม่เพิ่มขึ้น ฉันจะทำให้ความสูงเท่ากับพ่อแม่ได้อย่างไร

451 html  css  layout 

จากประสบการณ์ของฉันinput type="text" onchangeเหตุการณ์มักจะเกิดขึ้นหลังจากคุณออก ( blur) การควบคุมเท่านั้น มีวิธีบังคับให้เบราว์เซอร์เรียกเนื้อหาเปลี่ยนแปลงonchangeทุกครั้งtextfieldหรือไม่ ถ้าไม่เป็นวิธีที่ดีที่สุดในการติดตาม "ด้วยตนเอง" นี้คืออะไร? การใช้onkey*กิจกรรมไม่น่าเชื่อถือเนื่องจากคุณสามารถคลิกขวาที่ฟิลด์และเลือกวางและสิ่งนี้จะเปลี่ยนฟิลด์โดยไม่ต้องป้อนคีย์บอร์ด เป็นsetTimeoutวิธีเดียวหรือไม่ .. น่าเกลียด :-)

449 javascript  html  forms 

ฉันสร้างเว็บแอปพลิเคชั่นซึ่งใช้แท็กบ็อกซ์ดรอปดาวน์ วิธีนี้ใช้งานได้ดีในทุกเบราว์เซอร์ยกเว้นเบราว์เซอร์ Chrome (เวอร์ชัน 21.0.1180.89) แม้จะมีทั้งinputฟิลด์และformฟิลด์ที่มีแอautocomplete="off"ททริบิว แต่ Chrome ยืนยันที่จะแสดงประวัติแบบเลื่อนลงของรายการก่อนหน้าสำหรับฟิลด์ซึ่งจะกำจัดรายการแท็กบ็อกซ์

444 html  google-chrome  autocomplete  forms 

ฉันมีภาพไม่กี่ภาพและภาพโรลโอเวอร์ของพวกเขา ใช้ jQuery ฉันต้องการแสดง / ซ่อนภาพโรลโอเวอร์เมื่อเกิดเหตุการณ์ onmousemove / onmouseout ชื่อภาพทั้งหมดของฉันเป็นไปตามรูปแบบเดียวกันเช่นนี้: ภาพต้นฉบับ: Image.gif รูปภาพแบบโรลโอเวอร์: Imageover.gif ฉันต้องการแทรกและลบส่วน"โอเวอร์"ของแหล่งรูปภาพในเหตุการณ์ onmouseover และ onmouseout ตามลำดับ ฉันจะใช้ jQuery ได้อย่างไร

443 jquery  html 

คุณจะตั้งค่าเริ่มต้นของ<input>ฟิลด์ข้อความใน JavaScript ได้อย่างไร?

443 javascript  html  forms  input