嗨,我正在尝试学习CSS,并一直在寻找网站的来源,以了解它在实践中如何运作.前几天我遇到了960网格系统,发现了一个非常漂亮的网站设计,使用的是960gs框架>> OneHub
在这个阶段,我不认为在我更好地理解CSS之前使用CSS框架是非常明智的.所以我的问题是关于他们如何在网站上实现一个集中的内容框,其背景填充扩展到您的浏览器宽度.
我安装了firebug,我无法弄清楚为什么他们网站上的div例如.#gutter,#navig将扩展以填充整个浏览器宽度.我没有看到这些div如何计算它们的宽度值,因为似乎没有一个子元素足够大或者有一个规则会强制这些div变大.
我不明白宽度是如何100%,我本来期望看到一些边缘自动规则或宽度100%指定在CSS的某处,但我找不到它.其他使用960gs的网站可能会做同样的事情,但我只是用这个网站作为参考,因为我认为它有一个很好的设计.
我希望我的问题有道理,谢谢你对此有任何帮助
我最近偶然发现了"弹性css"框架,这看起来对我来说是件好事.我已经尝试了蓝图,但我必须说这似乎对我来说太过分了(用指南针试了一下).
所以我向你提出rails/xhtml webdevelopers的问题:弹性css框架和rails(3)以及haml/sass是一件好事吗？;)
我搜索了www但是甚至没有发现弹性css是否可以与sass和haml一起使用 - 任何人都有这方面的经验？也许还有一些像流体css那样简单的东西？有什么建议吗？
谢谢!
仅供参考:http://elasticss.com
在有人向我投票之前要求另一个中心问题.请在评判前阅读我的情况!
我熟悉最常用的中心技术,但这是我的情况.我有一个DIV,必须在其父级内垂直和水平居中,但它也必须是流体,不超过890px的宽度.
最大宽度实现了我想要的流体性,但因为绝对定位元素需要宽度而不是最大宽度我的垂直/水平定心中断.目前我不得不牺牲流体中心(或反之亦然),但我需要两者.
我希望始终将内容保存在我的中心DIV中,我当前的代码不会这样做,它会在窗口缩小时隐藏内容http://jsfiddle.net/cCQ2w/
任何人都可以提出一个可能适合我的解决方案吗？
这是html:
<div class="header">header</div>
<div class="wrapper">
<div class="left"><div class="content"></div></div>
<div class="right">right</div>
</div>
这是css:
.left{
position:absolute;
width:30%;
background:red;
left:0;
height:100%;
display:block;
padding:5px;
}
.right{
overflow:hidden;
background:green;
position:absolute;
right:0;
width:70%;
height:100%;
}
html, body{
min-height:100%;
height:100%;
padding:0px;
margin:0px;
position:relative;
}
body {position:relative;}
.wrapper {
position:relative;
height:100%;
}
.header{
width:100%;
height:100px;
background:yellow;
display:none;
}
.left .content {
background:blue;
height:inherit;
width:100%;
}
您可以看到红色div被蓝色div推出.我怎么能防止这种情况？所有宽度和高度均基于%.我知道的唯一方法是给红色div一个固定的宽度.我还有其他方法可以用%来完成吗？
我在Typo3 4.5中扩展了extbase和fluid.现在要插入一些数据我使用后端模块'list',它使表格的TCA形成一些表格.要使选择框可选,我在外表之前插入一个项目,如下所示:
'feuser' => array(
'exclude' => 0,
'label' => 'LLL:EXT:yes/Resources/Private/Language/locallang_db.xml:tx_yes_domain_model_schools.feuser',
'config' => array(
'type' => 'select',
'items' => array(
array('', NULL),
),
'foreign_table' => 'fe_users',
'maxitems' => 1,
),
),
现在,因为我的数据库中有一个关系(含有NULL),我必须插入一个NULL值.但是像这样它不起作用.我也试过'',""和0.但那些也不起作用.
我将不胜感激任何帮助.
我最近一直在努力学习响应式编码,而我所经历的书籍和教程在使用ems和百分比之间不断变化.所以我想知道,什么时候使用ems是合适的,何时使用百分比是合适的？
我有这样的文本字段将变为红色,如果我将属性required设置为"1",则不会让您自动提交表单:
<f:form.textfield required="1"
property="name"
class="lcapp-formwidth"/>
现在我在textarea中搜索同样的东西...这个属性required在这里不再起作用了...什么是"最佳实践",使它成为像文本字段一样的必填字段？
<f:form.textarea property="story"
rows="3"
cols="7"
class="lcapp-formwidth" />
我正在使用TYPO3 CMS.我想将外部JavaScript和CSS添加到后端模块中,但我实际上不确定如何添加这些.你能指导我如何实现吗？
在我正在研究的插件的Fluid模板中,有些东西是硬编码的.例如:
<f:else>
<li>
<v:page.link pageUid="114" />
</li>
</f:else>
由于pageUid值在测试和生产服务器上不相同,我想让它更具动态性.
我想以某种方式将其存储在变量中,然后在流体模板中使用该变量.
我只是不知道热卖这个和TYPO3的地方.
提前致谢!
我遇到了一个问题，找不到任何文档或解决方案。
我创建了一个带有列表和详细视图的 TYPO3 扩展，一切正常。现在我想在列表视图上方添加一些输入字段，以让站点访问者过滤列表视图。
这是怎么做到的？我确定我必须在列表视图上方添加一个流体表单并在控制器中处理这个问题？
目前我的控制器和存储库如下所示：
控制器：
/**
* EventController
*/
class EventController extends \TYPO3\CMS\Extbase\Mvc\Controller\ActionController
{
/**
* eventRepository
*
* @var \Alroma\DsEventcalendar\Domain\Repository\EventRepository
* @inject
*/
protected $eventRepository = null;
/**
* action list
*
* @return void
*/
public function listAction()
{
$events = $this->eventRepository->findAll();
$this->view->assign('events', $events);
}
/**
* action show
*
* @param \Alroma\DsEventcalendar\Domain\Model\Event $event
* @return void
*/
public function showAction(\Alroma\DsEventcalendar\Domain\Model\Event $event)
{
$this->view->assign('event', $event);
}
/**
* action frontpage
*
* @return void
*/
public …