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

ฉันมี div ชั้นนอกและ div ชั้นใน ฉันต้องวาง div ด้านในไว้ที่ด้านล่างของด้านนอก div ด้านนอกยืดหยุ่นได้ (เช่นความกว้าง 70%) ฉันต้องจัดกึ่งกลางบล็อกด้านในด้วย รูปแบบการแต่งหน้าที่อธิบายไว้อย่างง่ายแสดงอยู่ในภาพด้านล่าง:

102 html  css  layout 

คำถามนี้รบกวนจิตใจฉันมาเป็นล้านปี ... เมื่อใดก็ตามที่ฉันสร้างเว็บไซต์ด้วยพื้นที่ข้อความที่อนุญาตให้มีหลายบรรทัด (เช่น "ไบโอ" สำหรับโปรไฟล์ของผู้ใช้) ฉันมักจะเขียนโค้ดหวาดระแวงต่อไปนี้: // C# code sample... bio = bio.Replace("\r\n", "\n").Replace("\r", "\n"); bio = Regex.Replace(@"\n{2,}", "\n\n"); ดังนั้นเบราว์เซอร์จะส่งอะไรมา<textarea name="Bio"></textarea>หากมีหลายบรรทัด?

102 html  browser  web-standards  line-breaks 

มีคำกล่าวว่า "ด้วย HTML5 เราไม่จำเป็นต้องใช้ js หรือโค้ดฝั่งเซิร์ฟเวอร์อีกต่อไปเพื่อตรวจสอบว่าข้อมูลที่ป้อนของผู้ใช้เป็นอีเมลหรือที่อยู่ URL ที่ถูกต้องหรือไม่" ฉันจะตรวจสอบอีเมลหลังจากผู้ใช้ป้อนได้อย่างไร? และหากไม่มี JS จะแสดงข้อความอย่างไรหากผู้ใช้ป้อนที่อยู่อีเมลของตนผิดรูปแบบ <input type="email" pattern="[^ @]*@[^ @]*" placeholder="Enter your email"> <input type="submit" value="Submit">

102 html  email 

ฉันแค่อยากได้ยินเจ้าหน้าที่บางคนว่าคุณควรใช้การLITERALควบคุมไฟล์LABEL. ตามที่ฉันเข้าใจความแตกต่างคือ: A LABELสามารถกำหนดสไตล์ผ่าน<SPAN>แท็กที่เพิ่มเข้าไป ฉันเองพบว่าการเพิ่ม<SPAN>แท็กใน HTML ของฉันน่ารำคาญมากและไม่เคยใช้สไตล์ผ่าน ASP เลยLITERALดูเหมือนว่าจะเป็นสิ่งที่ควรใช้เกือบตลอดเวลา ... แต่ฉันกังวลว่ามีข้อควรพิจารณาหรือประโยชน์อื่น ๆใช้ LABEL ทับโดยที่ฉันไม่รู้ตัว การแทนที่LABELs ด้วยLITERALs นั้นดี 100% หรือไม่หากเราไม่ได้ใช้สไตล์กับมัน ไม่มีข้อควรพิจารณาอื่น ๆ ?

102 c#  asp.net  html  controls 

ดังต่อไปนี้HTMLและCSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } <div class="container"> <div class="full-height"> </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ด้านในdivจะขึ้นเต็มส่วนหัวของภาชนะตามต้องการ ถ้าตอนนี้ฉันเพิ่มอื่น ๆ โฟลว์เนื้อหาลงในคอนเทนเนอร์เช่น: .container { position: relative; border: solid 1px red; …

102 html  css 

ฉันจะใส่คำใบ้ / ตัวยึดตำแหน่งใน asp: TextBox ได้อย่างไร เมื่อฉันพูดคำใบ้ฉันหมายถึงข้อความบางส่วนที่จะหายไปเมื่อผู้ใช้คลิกที่ข้อความนั้น มีวิธีในการบรรลุเดียวกันโดยใช้ html / css หรือไม่?

102 asp.net  css  html  placeholder  hint 

ฉันต้องการตั้งค่าภาพพื้นหลังเป็น div ต่างๆ แต่ปัญหาของฉันคือ: ขนาดของภาพคงที่ (60px) ขนาดของ div ที่แตกต่างกันไป ฉันจะยืดภาพพื้นหลังให้เต็มพื้นหลังทั้งหมดของ div ได้อย่างไร #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } ตรวจสอบรหัสที่นี่

102 css  html  background  background-image 

โอเคทุกคนรู้ว่าคุณสร้างสามเหลี่ยมได้โดยใช้สิ่งนี้: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } และนั่นทำให้เกิดของแข็งที่เต็มไปด้วยสามเหลี่ยม แต่คุณจะสร้างสามเหลี่ยมคล้ายลูกศรกลวงแบบนี้ได้อย่างไร?

102 html  css  css-shapes 

แน่นอนปัญหาก็คือสัญลักษณ์ทับทิมไม่ชอบขีดกลาง เห็นได้ชัดว่าสิ่งนี้ใช้ไม่ได้: content_tag(:div, "Some Text", :id => "foo", :data-data_attr => some_variable) ทางเลือกหนึ่งคือใช้สตริงแทนสัญลักษณ์: content_tag(:div, "Some Text", :id => "foo", 'data-data_attr' => some_variable) หรือฉันสามารถแก้ไข: "<div id='foo' data-data_attr='#{some_variable}'>Some Text</div>".html_safe ฉันชอบแบบหลัง แต่ทั้งสองอย่างดูแย่ไปหน่อย ใครรู้วิธีที่ดีกว่านี้

102 ruby-on-rails  html 

ฉันต้องการปิดใช้งานช่องป้อนข้อมูล แต่เมื่อฉันส่งแบบฟอร์มก็ยังควรส่งค่า กรณีการใช้งาน: ฉันกำลังพยายามหาละติจูดและลองจิจูดจาก Google Maps และต้องการแสดง แต่ฉันไม่ต้องการให้ผู้ใช้แก้ไข เป็นไปได้หรือไม่

102 javascript  html 

ฉันเพิ่งทดสอบ typescript ใน VisualStudio 2012 และมีปัญหากับระบบประเภท ไซต์ html ของฉันมีแท็ก canvas ที่มี id "mycanvas" ฉันกำลังพยายามวาดรูปสี่เหลี่ยมผืนผ้าบนผืนผ้าใบนี้ นี่คือรหัส var canvas = document.getElementById("mycanvas"); var ctx: CanvasRenderingContext2D = canvas.getContext("2d"); ctx.fillStyle = "#00FF00"; ctx.fillRect(0, 0, 100, 100); น่าเสียดายที่ VisualStudio บ่นว่า คุณสมบัติ 'getContext' ไม่มีอยู่ในค่าของชนิด 'HTMLElement' มันทำเครื่องหมายบรรทัดที่สองว่าเป็นข้อผิดพลาด ฉันคิดว่านี่เป็นเพียงคำเตือน แต่โค้ดไม่ได้รวบรวม VisualStudio บอกอย่างนั้น มีข้อผิดพลาดในการสร้าง คุณต้องการดำเนินการต่อและเรียกใช้งานสร้างที่ประสบความสำเร็จล่าสุดหรือไม่ ฉันไม่ชอบข้อผิดพลาดนี้เลย เหตุใดจึงไม่มีการเรียกใช้เมธอดแบบไดนามิก หลังจากเมธอด getContext มีอยู่อย่างแน่นอนในองค์ประกอบ …

102 html  types  web  typescript  static-typing 

ฉันมีภาพปุ่มนี้: ฉันสงสัยว่ามันจะเป็นไปได้ไหมที่จะทำให้<a href="">some words</a>ลิงค์ที่เรียบง่ายและมีสไตล์ปรากฏเป็นปุ่มนั้น? ถ้าเป็นไปได้ฉันจะทำอย่างไร?

102 html  css 

เซลล์ไม่มีอะไรเลยนอกจากช่องทำเครื่องหมาย ค่อนข้างกว้างเนื่องจากข้อความในแถวส่วนหัวของตาราง ฉันจะทำเครื่องหมายกลางช่อง (ด้วย CSS แบบอินไลน์ใน HTML ของฉันได้อย่างไร (ฉันรู้)) ฉันเหนื่อย <td> <input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"> </td> แต่ไม่ได้ผล ผมทำอะไรผิดหรือเปล่า? อัปเดต: นี่คือหน้าทดสอบ ใครช่วยแก้ไขด้วย CSS แบบอินไลน์ใน HTML - เพื่อให้ช่องทำเครื่องหมายอยู่กึ่งกลางคอลัมน์ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Alignment test</title> </head> <body> <table style="empty-cells:hide; margin-left:auto; margin-right:auto;" border="1" cellpadding="1" cellspacing="1"> <tr> <th>Search?</th><th>Field</th><th …

102 html  css 

ฉันใช้ Font Awesome และไม่ต้องการเพิ่ม CSS ด้วย HTTP ฉันดาวน์โหลด Font Awesome และรวมไว้ในโค้ดของฉัน แต่ Font Awesome กำลังแสดงกล่องสี่เหลี่ยมที่มีขอบแทนไอคอน นี่คือรหัสของฉัน: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> <i class="fa fa-camera-retro fa-lg"></i> fa-lg <i class="fa fa-camera-retro fa-2x"></i> fa-2x </div> </body> </html> ฉันต้องการทราบวิธีทำให้ไอคอนแสดงแทนกล่องสี่เหลี่ยมที่มีขอบ

102 html  css  font-awesome 

ฉันกำลังจัดเก็บสไตล์ชีตใน {root} / styles ในขณะที่รูปภาพอยู่ใน {root} / images สำหรับเว็บไซต์ ฉันจะกำหนดเส้นทางในสไตล์ชีตเพื่อไปดูในไดเร็กทอรีรูปภาพสำหรับรูปภาพที่ระบุได้อย่างไร เช่นใน background-image: url('/images/bg.png');

101 html  css  relative-path