Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 表单未对齐到图像旁边,为什么不对齐?_Css_Forms - Fatal编程技术网

Css 表单未对齐到图像旁边,为什么不对齐?

Css 表单未对齐到图像旁边,为什么不对齐?,css,forms,Css,Forms,请帮帮我。 我花了很多时间试图找出为什么joinformdiv不能很好地放在包含myhomepageimage.jpg图像的div旁边。 我以为是表格的宽度。 “立即注册加入网站”功能完美,但表单位于图像下方。 我错过了什么。 另外,我是CSS新手,所以请容忍我的愚蠢。 谢谢 身体{ 背景图片:url(bg.jpg); 背景附件:固定; } .styled-button-10{ 背景#5CCD00; 背景:-莫兹线性梯度(顶部,#5CCD00 0%,#4AA400 100%); 背景:-web

请帮帮我。
我花了很多时间试图找出为什么
joinform
div不能很好地放在包含
myhomepageimage.jpg
图像的div旁边。
我以为是表格的宽度。
“立即注册加入网站”功能完美,但表单位于图像下方。
我错过了什么。
另外,我是CSS新手,所以请容忍我的愚蠢。
谢谢


身体{
背景图片:url(bg.jpg);
背景附件:固定;
}
.styled-button-10{
背景#5CCD00;
背景:-莫兹线性梯度(顶部,#5CCD00 0%,#4AA400 100%);
背景:-webkit渐变(线性、左上、左下、颜色停止(0%,#5CCD00)、颜色停止(100%,#4AA400));
背景:-webkit线性梯度(顶部,#5CCD00 0%,#4AA400 100%);
背景:-o-线性梯度(顶部,#5CCD00 0%,#4AA400 100%);
背景:-ms线性梯度(顶部,#5CCD00 0%,#4AA400 100%);
背景:线性梯度(顶部,#5CCD00 0%,#4AA400 100%);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CCD00',endColorstr='#4AA400',GradientType=0);
填充:10px 15px;
颜色:#fff;
字体系列:'Helvetica Neue',无衬线;
字体大小:16px;
边界半径:5px;
-moz边界半径:5px;
-webkit边界半径:5px;
边框:1px实心#459A00;
文字装饰:无;
}
#标题{
宽度:990px;
高度:75px;
边缘顶部:25px;
左边距:自动;
右边距:自动;
边缘底部:1px;
}
#标志{
浮动:左;
}
#顶部菜单{
浮动:对;
}
#顶级菜单李{
左边距:10px;
显示:内联;
}
#介绍{
宽度:990px;
左边距:自动;
右边距:自动;
背景色:rgba(255、255、255、0.5);
背景:rgba(255,255,255,0.5);
填充:8px;
字体大小:30px;
边框:1px实心#e3;
}
#接合形式{
宽度:550px:
浮动:对;
}
#细节{
宽度:990px;
左边距:自动;
右边距:自动;
}
/*此CSS用于格式化页面*/
字段集{border:0px;}
#lbform{height:auto;margin:0px auto;padding:0;position:relative;width:500px;}
#lbform标签{颜色:#000000;显示:内联;浮点:左;字体系列:Arial,Helvetica,无衬线;字体大小:14px;字体重量:粗体;边距:5px 10px 5px 0;宽度:90px;}
#行{显示:块;页边距底部:7px;填充顶部:7px;宽度:475px;}
#lbform输入{边框:1px实心#9C8A7B;字体大小:14px;填充:5px;宽度:208px;}
#lbform选择{边框:1px实心#9C8A7B;字体大小:14px;高度:25px;}
#lbform input.blur{color:#999999;字体样式:斜体;}
#lbform input.focus,#lbform input.complete{color:#000000;字体样式:正常;字体重量:粗体;}
.性别{宽度:220px;}
.day{宽度:63px;}
.month{宽度:80px;}
.year{宽度:70px;}
.注意{颜色:#666666;字体系列:Arial,Helvetica,无衬线;字体大小:11px;位置:相对;右:0;顶部:-10px;宽度:300px;}
/*此CSS用于显示/隐藏功能*/
.more{显示:无;}
a、 showLink,a.hideLink{光标:指针;显示:块;高度:45px;边距:5px 0 104px;宽度:214px;}
a、 希德林克{}
a、 showLink:hover,a.hideLink:hover{}

    • 现在注册加入网站 我更喜欢: 请选择 干酪 火腿 名字: 离岸价: 白天 01 02 月 一月 二月 年 1975 1974 电邮: 密码: 提交

      我的TOS链接

      这里有一些文字。
这很简单。有一个输入错误:

#joinform {
    width:550px*:*
    float:right;
}
将其更改为

#joinform {  width:550px; float:right;    }

你能看看这个吗,因为我不知道现在的问题在哪里。“我更喜欢:”显示在图片下方,而不是旁边。你没看到吗?他们不让我评论-需要更多的声誉。我希望表格在图片的右边,就在文字下方,上面写着“立即注册加入网站”嘿,布鲁诺。谢谢你发现了!我真是个白痴。好的,事情是这样的。那么,现在如何修复此错误:-(清除:两者都有;将详细信息向下推到底部。这样做会再次破坏表单/图像。只是文本现在位于底部。表单的背景也不会一直向下。我是否缺少一个或添加了太多的一个?很抱歉,这让人困惑。你能告诉我其中一个或你到底需要修复什么吗?
#joinform {  width:550px; float:right;    }