मैं शीर्षक के साथ इस तरह एक बॉक्स बनाना चाहते हैं? या मुझे अपनी कस्टम शैली बनाने की ज़रूरत है?कौन सा सीएसएस टैग शीर्षक के साथ इस तरह की एक बॉक्स बनाता है?</p> <p><img src="https://i.stack.imgur.com/2rip1.gif" alt="CSS box with title"></p> <p>किसी भी एक मुझे पता है अगर वहाँ यह करने के लिए एक डिफ़ॉल्ट सीएसएस टैग है तो कृपया कर सकते हैं:
उत्तर
मुझे विश्वास है कि आप fieldset
HTML टैग की तलाश में हैं, जिसे आप सीएसएस के साथ शैली बना सकते हैं। उदाहरण के लिए, यह आपको दे
<fieldset style="border: 1px black solid">
<legend style="border: 1px black solid;margin-left: 1em; padding: 0.2em 0.8em ">title</legend>
Text within the box <br />
Etc
</fieldset>
मैं जानता हूँ कि जहाँ तक (मुझे ठीक कर लें मैं गलत हूँ!), वहाँ नहीं है।
मैं आपको एक नकारात्मक-मार्जिन-एच 1 के अंदर एक div का उपयोग करने की सलाह दूंगा। अपने दस्तावेज़ के अर्थ संरचना के आधार पर, आप भी एक पौराणिक कथा (एचटीएमएल) जो अंदर लगभग डिफ़ॉल्ट रूप से इस तरह दिखता है के साथ एक fieldset (एचटीएमएल) इस्तेमाल कर सकते हैं।
धन्यवाद, हाँ तुम सही कर रहे हैं! मैं फ़ील्ड/किंवदंती विकल्प की तलाश में था। धन्यवाद – Mozammel
http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html
<form>
<fieldset>
<legend>Subscription info</legend>
<label for="name">Username:</label>
<input type="text" name="name" id="name" />
<br />
<label for="mail">E-mail:</label>
<input type="text" name="mail" id="mail" />
<br />
<label for="address">Address:</label>
<input type="text" name="address" id="address" size="40" />
</fieldset>
</form>
<style type="text/css">
fieldset { border:1px solid green }
legend {
padding: 0.2em 0.5em;
border:1px solid green;
color:green;
font-size:90%;
text-align:right;
}
</style>
से होगा कि आप क्या चाहते
<head>
<title></title>
<style type="text/css">
legend {border:solid 1px;}
</style>
</head>
<body>
<fieldset>
<legend>Test</legend>
<br /><br />
</fieldset>
</body>
आप रूपों में इसे प्रयोग नहीं कर रहे हैं, और बदले में एक गैर में उपयोग करना चाहते हैं - संपादन योग्य फॉर्म, आप निम्न कोड के माध्यम से ऐसा कर सकते हैं -
<div class="title_box" id="bill_to">
<div id="title">Bill To</div>
<div id="content">
Stuff goes here.<br>
For example, a bill-to address
</div>
</div>
और सीएसएस फ़ाइल में
.title_box {
border: #3c5a86 1px dotted;
}
.title_box #title {
position: relative;
top : -0.5em;
margin-left: 1em;
display: inline;
background-color: white;
}
.title_box #content {
}
बस इस बाहर की कोशिश करो।
<fieldset class="fldset-class">
<legend class="legend-class">Your Personal Inormation</legend>
<table>
<tr>
<td><label>Name</label></td>
<td><input type='text' name='name'></td>
</tr>
<tr>
<td><label>Address</label></td>
<td><input type='text' name='Address'></td>
</tr>
<tr>
<td><label>City</label></td>
<td><input type='text' name='City'></td>
</tr>
</table>
</fieldset>
मुझे लगता है कि इस उदाहरण भी किसी के लिए उपयोगी हो सकता है:
.fldset-class
{
border: 1px solid #0099dd;
margin: 3pt;
border-top: 15px solid #0099dd
}
.legend-class
{
color: #0099dd;
}
<fieldset class="fldset-class">
<legend class="legend-class">Your Personal Inormation</legend>
<table>
<tr>
<td><label>Name</label></td>
<td><input type='text' name='name'></td>
</tr>
<tr>
<td><label>Address</label></td>
<td><input type='text' name='Address'></td>
</tr>
<tr>
<td><label>City</label></td>
<td><input type='text' name='City'></td>
</tr>
</table>
</fieldset>
आपको अपने उत्तर में यह सटीक HTML कोड कॉपी करना चाहिए (पहले से ही आपके एचटीएमएल स्रोत कोड के अतिरिक्त)। इस कोड में व्याख्या की जाएगी और इस पोस्ट में दिखाया गया है, और कहा कि के रूप में विज्ञापित यह वास्तव में काम करता है है दिखाएगी। मैं अभी तक अपनी पोस्ट को संपादित करने में सक्षम नहीं हूं ... – VonC
वॉनसी, मैंने ऐसा करने की कोशिश की, लेकिन यह मेरे सभी HTML को हटा दिया। बस मेरा पाठ छोड़ रहा है। – Athena
यह केवल मूल शाब्दिक HTML की अनुमति देता है, इसलिए संभव है कि फ़ील्ड टैग की अनुमति नहीं है या –