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

ฉันใช้ Bootstrap 3 สำหรับเว็บไซต์ที่ฉันออกแบบ ฉันต้องการมีส่วนท้ายเหมือนตัวอย่างนี้ ตัวอย่าง โปรดทราบว่าฉันไม่ต้องการให้แก้ไขเพื่อให้ bootstrap navbar-fixed-bottom ไม่สามารถแก้ปัญหาของฉันได้ ฉันแค่อยากให้มันอยู่ด้านล่างสุดของเนื้อหาเสมอและตอบสนองได้ดี คำแนะนำใด ๆ ที่จะได้รับการชื่นชมอย่างมาก แก้ไข: ขออภัยถ้าฉันไม่ชัดเจน สิ่งที่เกิดขึ้นตอนนี้คือเมื่อเนื้อหาเนื้อหาไม่มีเนื้อหาเพียงพอ ส่วนท้ายของฉันขยับขึ้นและจากนั้นก็ปล่อยให้มีพื้นที่ว่างเปล่าที่ด้านล่าง นี่คือสิ่งที่ฉันมีตอนนี้สำหรับ navbar ของฉัน <nav class="navbar navbar-inverse navbar-bottom" style="padding:0 0 120px 0"> <div class="container"> <div class="row"> <div class="col-sm-4"> <h5 id='footer-header'> SITEMAP </h3> <div class="col-sm-4" style="padding: 0 0 0 0px"> <p>News</p> <p>contact</p> </div> <div …

177 html  css  twitter-bootstrap  footer 

วิธีที่ต้องการใช้ในการเปลี่ยนตำแหน่งของเว็บเพจปัจจุบันโดยใช้ JavaScript คืออะไร ฉันเห็นทั้ง window.navigate และ document.location ใช้แล้ว มีความแตกต่างในพฤติกรรมหรือไม่? มีความแตกต่างในการใช้งานเบราว์เซอร์หรือไม่?

177 javascript  html  navigation 

ฉันเป็น div และต้องการให้มันอยู่กึ่งกลางแนวนอน - แม้ว่าฉันจะให้มันmargin:0 auto;มันไม่ได้อยู่กึ่งกลาง ... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

ฉันต้องการที่จะควบคุมเท่าใดพื้นที่แนวกระสุนผลักดันให้มัน<li>ไปทางขวาในหรือ<ol><ul> นั่นคือแทนที่จะมีเสมอ * Some list text goes here. ฉันต้องการที่จะเปลี่ยนเป็น * Some list text goes here. หรือ *Some list text goes here. ฉันมองไปรอบ ๆ แต่สามารถหาคำแนะนำในการขยับบล็อกทั้งซ้ายหรือขวาตัวอย่างเช่นhttp://www.alistapart.com/articles/taminglists/

177 html  css  html-lists 

ฉันได้อ่านสิ่งนี้และสิ่งนี้แล้วคำถามซึ่งดูเหมือนว่าจะชี้ให้เห็นว่าไฟล์ประเภท MIME จะถูกตรวจสอบโดยใช้จาวาสคริปต์ในฝั่งไคลเอ็นต์ ตอนนี้ฉันเข้าใจว่าการตรวจสอบความถูกต้องจริงยังคงต้องทำในฝั่งเซิร์ฟเวอร์ ฉันต้องการทำการตรวจสอบฝั่งไคลเอ็นต์เพื่อหลีกเลี่ยงการสูญเสียทรัพยากรเซิร์ฟเวอร์โดยไม่จำเป็น เพื่อทดสอบว่าสิ่งนี้สามารถทำได้ในฝั่งไคลเอ็นต์ฉันเปลี่ยนนามสกุลของJPEGไฟล์ทดสอบเป็น.pngและเลือกไฟล์สำหรับอัพโหลด ก่อนที่จะส่งไฟล์ฉันสอบถามวัตถุไฟล์โดยใช้คอนโซลจาวาสคริปต์: document.getElementsByTagName('input')[0].files[0]; นี่คือสิ่งที่ฉันได้รับจาก Chrome 28.0: ไฟล์ {webkitRelativePath: "", LastModifiedDate: อ. ต.ค. 16 2012 10:00:00 GMT + 0000 (UTC), ชื่อ: "test.png", พิมพ์: "image / png", ขนาด: 5,00055 ... } มันแสดงประเภทimage/pngที่ดูเหมือนจะบ่งบอกว่าการตรวจสอบเสร็จสิ้นตามนามสกุลไฟล์แทนที่จะเป็นชนิด MIME ฉันลอง Firefox 22.0 และให้ผลลัพธ์เหมือนกัน แต่ตามข้อมูลจำเพาะของ W3Cนั้นMIME Sniffingควรจะดำเนินการ ฉันถูกต้องไหมที่จะบอกว่าไม่มีวิธีการตรวจสอบประเภท MIME ด้วย javascript ในขณะนี้? หรือฉันกำลังพลาดอะไรอยู่?

177 javascript  html  file-upload  mime-types 

ฉันมีรหัสจาวาสคริปต์ที่สื่อสารกับแบ็กเอนด์ XML-RPC XML-RPC ส่งคืนสตริงของฟอร์ม: <img src='myimage.jpg'> อย่างไรก็ตามเมื่อฉันใช้ Javascript เพื่อแทรกสตริงลงใน HTML พวกเขาแสดงผลอย่างแท้จริง ฉันไม่เห็นภาพฉันเห็นสตริง: <img src='myimage.jpg'> ฉันเดาว่า HTML กำลังถูกหลบหนีผ่านช่องทาง XML-RPC ฉันจะยกเลิกการซ่อนสตริงใน Javascript ได้อย่างไร ฉันลองใช้เทคนิคต่าง ๆ ในหน้านี้ไม่สำเร็จ: http://paulschreiber.com/blog/2008/09/20/javascript-how-to-unescape-html-entities/ วิธีอื่นในการวินิจฉัยปัญหามีอะไรบ้าง

177 javascript  html  escaping  xml-rpc 

ฉันต้องการทำให้แถบนำทางติดด้านบนเมื่อฉันเลื่อนไปที่มัน แต่มันไม่ทำงานและฉันก็ไม่รู้ว่าทำไม หากคุณสามารถช่วยได้นี่คือ HTML และ CSS code ของฉัน: .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; margin-left: 50px; transition: 1.5s; } .nav-selections:hover{ transition: 1.5s; color: black; } ul { background-color: #B79b58; overflow: auto; } li { list-style-type: none; } …

177 html  css  css-position 

ขณะนี้ฉันกำลังทำงานในโครงการที่ฉันไม่สามารถควบคุม HTML ที่ฉันใช้สไตล์ CSS ได้ และ HTML นั้นไม่มีป้ายกำกับที่ดีมากในแง่ที่ว่ามีการประกาศ ID และคลาสไม่เพียงพอที่จะแยกความแตกต่างระหว่างองค์ประกอบ ดังนั้นฉันกำลังมองหาวิธีที่ฉันสามารถใช้สไตล์กับวัตถุที่ไม่มีแอตทริบิวต์ id หรือคลาส บางครั้งไอเท็มฟอร์มมีแอตทริบิวต์ "name" หรือ "value": <input type="submit" value="Go" name="goButton"> มีวิธีที่ฉันสามารถใช้สไตล์ตาม name = "goButton" หรือไม่? แล้ว "คุณค่า" ล่ะ? มันเป็นสิ่งที่ยากที่จะค้นพบเพราะการค้นหาของ Google จะค้นหาอินสแตนซ์ทุกประเภทที่คำกว้าง ๆ เช่น "ชื่อ" และ "ค่า" จะปรากฏในหน้าเว็บ ฉันสงสัยว่าคำตอบคือไม่ ... แต่บางทีใครบางคนอาจมีแฮ็คที่ฉลาด? คำแนะนำใด ๆ ที่จะได้รับการชื่นชมอย่างมาก

176 html  css  css-selectors 

<td class="style1" align='center' height='35'> <div style='overflow: hidden; width: 230px;'> <a class='link' herf='' onclick='topic(<?=$key;?>)'> <span id='name<?=$key;?>'><?=$name;?></span> </a> </div> </td> นี่คือสคริปต์ CSS ของฉัน .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } ฉันต้องการยืดเซลล์background-imageให้ทั่ว<td>

176 html  css  background 

หากไม่มีไลบรารีส่วนขยายเป็นไปได้หรือไม่ที่จะมีหลายชั้นในองค์ประกอบ Canvas เดียวกัน ดังนั้นถ้าฉันทำ clearRect ที่ชั้นบนสุดมันจะไม่ลบชั้นล่างสุด? ขอบคุณ

176 html  canvas  layer 

ฉันกำลังพยายามตั้งค่า<div>ความสูงเป็นเปอร์เซ็นต์ที่แน่นอนใน CSS แต่มันก็ยังคงขนาดเดียวกันกับเนื้อหาที่อยู่ภายใน อย่างไรก็ตามเมื่อฉันลบ HTML 5 <!DOCTYTPE html>มันก็ใช้งานได้การ<div>ใช้ทั้งหน้าตามต้องการ ฉันต้องการให้หน้าตรวจสอบความถูกต้องแล้วฉันควรทำอย่างไร ฉันมี CSS นี้ใน<div>ซึ่งมี ID ของpage: #page { padding: 10px; background-color: white; height: 90% !important; }

176 html  css  height 

ฉันมีชุดขององค์ประกอบบล็อกในหน้า พวกเขาทั้งหมดมี CSS CSS white-space, overflow, text-overflow set เพื่อให้ข้อความ overflowing ถูกตัดแต่งและใช้จุดไข่ปลา อย่างไรก็ตามไม่ใช่องค์ประกอบทั้งหมดที่ล้น มีอยู่แล้วฉันสามารถใช้จาวาสคริปต์เพื่อตรวจสอบองค์ประกอบที่ล้น? ขอบคุณ เพิ่มแล้ว: ตัวอย่างโครงสร้าง HTML ที่ฉันทำงานด้วย <td><span>Normal text</span></td> <td><span>Long text that will be trimmed text</span></td> องค์ประกอบ SPAN จะพอดีกับเซลล์เสมอโดยจะมีการใช้กฎวงรี ฉันต้องการตรวจสอบเมื่อจุดไข่ปลาถูกนำไปใช้กับเนื้อหาข้อความของ SPAN

176 javascript  html  css  ellipsis 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> ฉันต้องการที่จะเลือก#com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } ที่ไม่ทำงานตราบใดที่ฉันมีอีกdiv.somethingเป็นลูกคนสุดท้ายที่เกิดขึ้นจริงใน commentList มันเป็นไปได้ที่จะใช้ตัวเลือกสุดท้ายเด็กในกรณีนี้เพื่อเลือกปรากฏตัวครั้งสุดท้ายของarticle.comment? jsFiddle

176 html  css  css-selectors 

สิ่งนี้ควรเรียบง่าย แต่ฉันมีปัญหาในการค้นหาข้อความค้นหา สมมติว่าฉันมีสิ่งนี้: <div class="a c">Foo</div> <div class="b c">Bar</div> ใน CSS ฉันจะสร้างตัวเลือกที่ตรงกับสิ่งที่ตรงกับ "(.a หรือ .b) และ. c" ได้อย่างไร ฉันรู้ว่าฉันสามารถทำสิ่งนี้: .a.c,.b.c { /* CSS stuff */ } แต่สมมติว่าฉันจะต้องใช้ตรรกะประเภทนี้มาก ๆ ด้วยความหลากหลายของการรวมกันทางตรรกะจะมีไวยากรณ์ที่ดีกว่าหรือไม่?

176 html  css  css-selectors 

ฉันค้นหาวิธีการสื่อสารระหว่างหลายแท็บหรือหลายหน้าต่างในเบราว์เซอร์ (ในโดเมนเดียวกันไม่ใช่ CORS) โดยไม่ทิ้งร่องรอย มีวิธีแก้ปัญหาหลายประการ: ใช้วัตถุหน้าต่าง postMessage คุ้กกี้ localStorage ข้อแรกน่าจะเป็นทางออกที่แย่ที่สุด - คุณต้องเปิดหน้าต่างจากหน้าต่างปัจจุบันของคุณจากนั้นคุณสามารถสื่อสารได้ตราบใดที่คุณเปิดหน้าต่างค้างไว้ หากคุณโหลดหน้านี้ซ้ำในหน้าต่างใด ๆ คุณอาจสูญเสียการสื่อสารได้ วิธีที่สองโดยใช้ postMessage อาจเปิดใช้การสื่อสารข้ามจุดกำเนิด แต่เกิดปัญหาเช่นเดียวกับวิธีแรก คุณต้องบำรุงรักษาวัตถุหน้าต่าง วิธีที่สามใช้คุกกี้เก็บข้อมูลบางอย่างในเบราว์เซอร์ซึ่งดูเหมือนว่าสามารถส่งข้อความไปยัง windows ทั้งหมดในโดเมนเดียวกันได้อย่างมีประสิทธิภาพ แต่ปัญหาคือคุณไม่สามารถรู้ได้เลยว่าแท็บทั้งหมดอ่าน "ข้อความ" แล้วหรือไม่มาก่อน การทำความสะอาด. คุณต้องใช้การหมดเวลาบางประเภทเพื่ออ่านคุกกี้เป็นระยะ นอกจากนี้คุณถูก จำกัด ด้วยความยาวคุกกี้สูงสุดซึ่งก็คือ 4KB วิธีที่สี่โดยใช้ localStorage ดูเหมือนจะเอาชนะข้อ จำกัด ของคุกกี้และสามารถฟังได้โดยใช้เหตุการณ์ วิธีใช้มันถูกอธิบายไว้ในคำตอบที่ยอมรับแล้ว แก้ไข 2018: คำตอบที่ได้รับการยอมรับยังคงใช้ได้ แต่มีวิธีแก้ปัญหาที่ใหม่กว่าสำหรับเบราว์เซอร์สมัยใหม่เพื่อใช้ BroadcastChannel ดูคำตอบอื่น ๆ สำหรับตัวอย่างง่ายๆที่อธิบายวิธีการส่งข้อความระหว่างแท็บโดยง่ายโดยใช้ BroadcastChannel

176 javascript  html  browser  broadcast-channel