Question

我已经搜遍了所有但似乎无法解决我的问题。不知怎的，我错过了这个问题的解决方案。我是Muse的新手，但对html和css非常熟悉。我在文本编辑器中创建了这个联系表单，它在DW和jsfiddle中运行得很好。片刻我把它插入Muse中它会压碎它。我尝试过外部样式表，内部有Object insert，内嵌Object对象。所有这些都给我相同的结果（图片如下）。有人甚至建议在资源文件夹中放置一个外部样式表，我做了，甚至尝试了css文件夹和普通文件夹，没有运气。

这有可能解决吗？还是Muse不允许这类事情？

提前填写所有有用的回复。森

这就是代码的样子：

   

label {
    float: left;
    width: 6em;
    text-align: right;
    margin-right: 10px;
}

.submit {
    margin-left: 6em;
}

fieldset {
    width: 500px;
    background-color: #FFDE00;
    border: none;
}

p {
    font-family: arial;
}

<fieldset>
<form action="mailto:xxx@hotmail.com"
      method="post" enctype="text/plain">

    <!-----Form heading----->    
<p> Tell us who you are </p>    
    
    <!-----Inout customer details----->
<p>
    <label class="username" for="first Name">
        First Name: </label>
    <input type="text" name="firstname" id="first Name"
        size="35" maxlength="40" /> </p>    
    
<p>
    <label class="username" for="Email">
        Email: </label>
    <input type="text" name="email" id="Email"
        size="35" maxlength="40" /> </p>  
    
    <!-----Dropdown make----->    
<p> Please select your make: </p>
<p>
    <select name="make">
        <option value="3M">3M</option>
        <option value="3M">Acer</option>
        <option value="3M">Ask</option>
        <option value="3M">BenQ</option>
        <option value="3M">Epson</option>
        <option value="3M">Hitachi</option>
        <option value="3M">InFocus</option>
        <option value="3M">LG</option>
        <option value="3M">Mitsubishi</option>
        <option value="3M">NEC</option>
        <option value="3M">Optoma</option>
        <option value="3M">Panasonic</option>
        <option value="3M">Philips</option>
        <option value="3M">Samsung</option>
        <option value="3M">Sanyo</option>
        <option value="3M">Sharp</option>
        <option value="3M">Sony</option>
        <option value="3M">Toshiba</option>
        <option value="3M">Viewsonic</option>
        <option value="3M">Vivitek</option>
        <option value="3M">Other</option>
    </select> </p>   

    <!-----Submit picture of sticker----->
<p> Use the Choose File button to submit a picture of your model           sticker if unsure what number to use: </p>  
<p>
    <input type="file" size="30" /> </p>    
    
    <!-----Text Area----->
<p> For any other comments or if you selected Other please             specify here: </p> 
<p> 
    <textarea name="comments" rows="5" cols="40">
Enter more comments here...
    </textarea> </p>  
    
    <!-----Submit & Reset buttons----->
<p class="submit"> 
    <input type="submit" value="Submit" />
    <input type="reset" value="Clear the form" /> </p>    
    
</form>
</fieldset>

这是开始和结束结果：

Not Nice

Answer 1

你可能会发现DW使用了很多浏览器初始的CSS样式，而Muse可能会重置所有内容。因此，您必须从头开始陈述事物，例如边框，边距，填充等。

例如，每个段落元素都需要应用一些margin-bottom。这将立即使它看起来更像第一个例子。

   

label {
    float: left;
    width: 6em;
    text-align: right;
    margin-right: 10px;
}

.submit {
    margin-left: 6em;
}

fieldset {
    width: 500px;
    background-color: #FFDE00;
    border: none;
}

p {
    font-family: arial;
    margin-bottom:1em;
}

<fieldset>
<form action="mailto:xxx@hotmail.com"
      method="post" enctype="text/plain">

    <!-----Form heading----->    
<p> Tell us who you are </p>    
    
    <!-----Inout customer details----->
<p>
    <label class="username" for="first Name">
        First Name: </label>
    <input type="text" name="firstname" id="first Name"
        size="35" maxlength="40" /> </p>    
    
<p>
    <label class="username" for="Email">
        Email: </label>
    <input type="text" name="email" id="Email"
        size="35" maxlength="40" /> </p>  
    
    <!-----Dropdown make----->    
<p> Please select your make: </p>
<p>
    <select name="make">
        <option value="3M">3M</option>
        <option value="3M">Acer</option>
        <option value="3M">Ask</option>
        <option value="3M">BenQ</option>
        <option value="3M">Epson</option>
        <option value="3M">Hitachi</option>
        <option value="3M">InFocus</option>
        <option value="3M">LG</option>
        <option value="3M">Mitsubishi</option>
        <option value="3M">NEC</option>
        <option value="3M">Optoma</option>
        <option value="3M">Panasonic</option>
        <option value="3M">Philips</option>
        <option value="3M">Samsung</option>
        <option value="3M">Sanyo</option>
        <option value="3M">Sharp</option>
        <option value="3M">Sony</option>
        <option value="3M">Toshiba</option>
        <option value="3M">Viewsonic</option>
        <option value="3M">Vivitek</option>
        <option value="3M">Other</option>
    </select> </p>   

    <!-----Submit picture of sticker----->
<p> Use the Choose File button to submit a picture of your model           sticker if unsure what number to use: </p>  
<p>
    <input type="file" size="30" /> </p>    
    
    <!-----Text Area----->
<p> For any other comments or if you selected Other please             specify here: </p> 
<p> 
    <textarea name="comments" rows="5" cols="40">
Enter more comments here...
    </textarea> </p>  
    
    <!-----Submit & Reset buttons----->
<p class="submit"> 
    <input type="submit" value="Submit" />
    <input type="reset" value="Clear the form" /> </p>    
    
</form>
</fieldset>

冥想Html / css插入没有正确的样式

1 个答案: