标签: positioning
Jquery/Javascript - 如何在视觉上优化我的网站加载？
我正在对我的网站进行最后的修改,并且正在努力使页面的负载看起来不那么紧张.最好的方式向您展示我的意思是显示该网站:http: //marckremers.com/2011(仍未完成,处于alpha阶段)
正如您所看到的,内容粘在左侧,将大量的jquery和图像加载到页面中,然后单击到位(中心).
我想知道是否有一种方法可以让它先点击到位然后加载元素？
我尝试将重新定位脚本放在后面,甚至没有用.
有任何想法吗？谢谢
推荐指数
解决办法
查看次数
css定位问题
我正在努力让我的生活找出应该是一个极其简单的CSS任务:将一个文本块对齐到一个图像的右边并垂直定位该块以使其与图像的底部对齐; 而且我宁愿不必为包含元素声明一个高度,因为这是一个冗长的图像列表,尺寸会有所不同(但都有一定的最大宽度/高度).我试图用"position:relative"定义一个父元素,其中包含两个左浮动的div,一个包含图像,另一个包含文本块,位于"absolute"和"bottom:0",我似乎无法看到让文本块与图像底部对齐...
这里的任何帮助都可以帮助我避免精神错乱;)
推荐指数
解决办法
查看次数
CSS定位保证金麻烦
我不确定如何使用css定位元素,因为当我使用如下方法时,每当我调整浏览器大小时,元素都会保留在同一个位置,而不是我希望它们放在已调整大小的文档上.请你告诉我我做错了什么？!
.logo {
left: 20px;
top: 20px;
position: absolute;
}
#header h1 {
margin-top: 20px;
margin-left: 500px;
color: rgb(127, 127, 126);
line-height: 0px;
}
请小提琴 - http://jsfiddle.net/hHGRc/
推荐指数
解决办法
查看次数
将输入文本框定位在中心
在下面给出的代码中,我需要将用户ID框放在中心.经过多次尝试,我无法做到这一点.抱歉这么天真.
我的HTML和css文件如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<link rel="stylesheet" type="text/css" href="styledel.css" />
</head>
<body>
<input type="text" name="userid" id="userid"> <!-- this need to go in the center -->
<br/><br/><br/>
<form action="http://localhost" method="post" name="form"">
<label for="name">Name</label>
<input type="text" id="name" name="name" disabled="disabled" />
<br></br>
<label for="email">E - mail</label>
<input type="text" name="email">
<br></br>
<label for="password">Select Password</label>
<input type="password" name="password" >
<br></br>
<label for="password2">Retype Password</label>
<input type="password" name="password2" >
<br></br>
<input type="submit" value="Submit" />
</form>
</body>
</html>
我的css文件如下:
styledel.css
* { …推荐指数
解决办法
查看次数
BlackBerry中的ObjectChoiceField宽度和高度问题？
我正在BlackBerry中使用基于UI的应用程序.UI如下所示:
Run Code Online (Sandbox Code Playgroud)label-1 : Oject choice field-1 label-2 : Oject choice field-2 label-3 : Oject choice field-3 label-4 : Oject choice field-4 label-5 : Oject choice field-5
生成此UI实际上变得非常困难.宽度和高度是我遇到困难的主要问题.
public HomeScreen() {
super(MainScreen.USE_ALL_WIDTH | USE_ALL_HEIGHT | VERTICAL_SCROLL);
_dbOperations = new DBOperations();
_mainVFM = new VerticalFieldManager(VerticalFieldManager.USE_ALL_WIDTH);
_mainVFM.setMargin(10, 10, 40, 10);
_menuFieldVFM = new VerticalFieldManager();
_menuFieldVFM.setMargin(0, 5, 0, 0);
_menuDropDownVFM = new VerticalFieldManager();
((VerticalFieldManager) getMainManager()).setBackground(BackgroundFactory.createSolidBackground(Constants.BgColorCode));
XYEdges padding = new XYEdges(1, 1, 1, 1);
Border roundedBorder = BorderFactory.createSimpleBorder(padding);
// HEADING
_headingHFM = new HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH);
_headingLabelField …推荐指数
解决办法
查看次数
流出div,但不是绝对定位
我有一个很大div的背景图像.现在我想创建一些div并将它们放在背景图像中的某些元素上,然后使用qTip2给出一些解释.在中间我想要一个表格.
<div id="bigdiv" style="background-image:url('back.jpg')">
<div id="qtipbox1"></div>
<div id="qtipbox2"></div>
<div id="form"></div>
</div>
问题是:如果我position relative用于qTip框,表单就会失效.如果我使用absolute position,当我调整窗口大小时,结果会有所不同.
我需要做什么？
推荐指数
解决办法
查看次数
如何内嵌显示图像
我有一个导航div有三个图像.每个图像都有一个绝对位于图片底部的标题元素.我试图在同一行上显示彼此相邻的所有三个图像,但图片显示为块.我是新手.非常感谢您的帮助!
HTML:
<div class = "nav">
<div class = "container">
<div class = "image">
<img src = "img1">
</div>
<div class = "title">
<p> text1 </p>
</div>
</div>
<div class = "container">
<div class = "image">
<img src = "img2">
</div>
<div class = "title">
<p> text2 </p>
</div>
</div>
<div class = "container">
<div class = "image">
<img src = "img3">
</div>
<div class = "title">
<p> text3 </p>
</div>
</div>
</div>
CSS:
.nav {
display: inline;
}
.container …推荐指数
解决办法
查看次数
为什么我不能在viewWillAppear中以编程方式移动UIViews？我什么时候应该设置定位？
我有一些不正确的观点.在我的项目中,我将定位链接到滑块以尝试确保它正在发生,并且当我拖动滑块时它会在视觉上来回捕捉.我已经剥离都记录下来,并提出了测试项目,试图弄清楚这一点,虽然未卡来回,它不会出现在工作的时候viewWillAppear中被调用,通过拖动滑块后只做时.截图和项目附件.
推荐指数
解决办法
查看次数
当父使用自动高度时,如何重叠父div内的div？
我有两个div,我想把它们放在另一个上面,所以我可以在我正在创建的applet中创建一个tab系统.这两个div位于父div中,它使用auto height,因为我不知道其他两个div的确切高度(两个子节点的高度相同).当父级使用相对定位时,我可以使用绝对定位将两个div放在另一个上面,但是自动高度不响应(很可能是因为绝对定位的子级)创建空div的边界线而不是里面的元素包装.
看这里的问题:http://jsfiddle.net/h5bjt69s/
<div id = "parent">
<div id = "redDiv"></div>
<div class = "clearfix"></div>
<div id = "blueDiv"></div>
</div>
我尝试从这个建模解决方案,但我相信自动高度抛出了一些东西. 位置绝对但相对于父级
如何用父div包装两个div并仍然保持两个孩子的重叠？
推荐指数
解决办法
查看次数
使用绝对定位元素将div扩展为文本长度
我试图在列中创建一些容器div,并且其中包含不同长度的段落.
我想将div扩展到正确的高度以允许所有文本,但是当我的元素被设置为时positioned: absolute,我认为它导致了一个问题.
请看我小提琴:http://jsfiddle.net/p7pue2kx/1/
在第一个框中,文本非常适合.但是,当文本更长时,它会溢出并且div容器不会相应地扩展.我想确保有一个最小高度,但最大值由文本大小决定.
有没有更好的方法来进行此定位,这可能允许我的文本扩展容器.
提前致谢.
推荐指数
解决办法
查看次数
标签 统计
positioning ×10
css ×7
html ×6
css-position ×2
alignment ×1
blackberry ×1
center ×1
ios ×1
javascript ×1
jquery ×1
loading ×1
optimization ×1
qtip2 ×1
textbox ×1
uiview ×1
z-index ×1