2012-07-14 9 views
7

बनाना ठीक है, मैं HTML से बहुत परिचित नहीं हूं, या यह सीएसएस के साथ कैसे आता है। मैं देख रहा हूं कि दो एचटीएमएल बटन कैसे एक तरफ जाते हैं। यहां वह कोड है जिसका मैं वर्तमान में उपयोग कर रहा हूं।दो HTML बटनों को तरफ

<FORM METHOD="LINK" ACTION="LINK TO WEBSITE" target="_blank"> 
    <input type="submit" value="Forum Home Page"> 
</FORM> 
<FORM METHOD="LINK" ACTION="LINK TO A DIFFERENT WEBSITE" target="_blank"> 
    <input type="submit" value="Skill Guides"> 
</FORM> 

कोई फर्क नहीं पड़ता कि मैं उन्हें एक-दूसरे के बाद सही रखता हूं या उनमें से एक संरेखण डालता हूं। मैं उन्हें एक दूसरे के बगल में जाने के लिए प्रतीत नहीं कर सकता। मुझे उम्मीद है कि कोई ऐसा व्यक्ति है जो आसानी से और विस्तृत तरीके से कर सकता है, मेरी मदद करें।

form { 
    display: inline; 
} 

यहाँ दिखाया गया है:

+0

फॉर्म का उपयोग क्यों करें? आप जावास्क्रिप्ट को अपने लिए कर सकते हैं – hjpotter92

+4

जब आप वास्तव में लिंक करना चाहते हैं तो फॉर्म या जावास्क्रिप्ट का उपयोग क्यों करें? यदि आप चाहें तो बटन की तरह दिखने के लिए आप हमेशा एक लिंक बना सकते हैं। –

उत्तर

11

अगर मैं तुम्हें सही ढंग से समझ, तुम बस निम्नलिखित सीएसएस संलग्न कर सकते हैं http://jsfiddle.net/zcz3j/

+0

अच्छा, मैं इसे कैसे कार्यान्वित करूं? दो फॉर्म टैग के ठीक ठीक बाद? – Gavin

0

डेमो http://jsfiddle.net/satinder_singh1/wr4Xv/1/

<div id="main"> 
<div class="floatdiv"><FORM METHOD="LINK" ACTION="LINK TO WEBSITE" target="_blank"> 
    <input type="submit" value="Forum Home Page"> 
</FORM></div> 
<div class="floatdiv"> 
<FORM METHOD="LINK" ACTION="LINK TO A DIFFERENT WEBSITE" target="_blank"> 
    <input type="submit" value="Skill Guides"> 
    </FORM></div></div>​ 

<style type="text/css"> 
    #main 
    { 
    position:relative; 
     width:200px; 
    } 

    .floatdiv 
    { 
    float:left; 
     width=80px 
    } 
</style> 

+0

जैसा कि मैंने कहा, मुझे अभी भी समझ में नहीं आया है कि एचटीएमएल दोनों सीएसएस एक साथ कैसे सेट हैं। कृपया ध्यान रखें। – Gavin

+0

एचटीएमएल पेज में सीएसएस जोड़ें –

0

आप कर सकते थे उन्हें एक टेबल टैग में लपेटने का भी प्रयास करें। इस तरह मैंने अपना एक ही मुद्दा तय किया। तालिका स्वचालित रूप से उन्हें एक तरफ सेट करें।