小编Why*_*Not的帖子

我花了两天时间试图解决无花果/无花果问题无济于事.

我有一个Django应用程序,用户可以在其中提交图像,我正在使用图形和figcaption标签来显示带有附带标题的图像.主要问题是标题宽度超出图片宽度.

我试图找出一种方法让图像保持相同的大小和标题,以相应地排列宽度.我也在使用Twitter-Bootstrap.我对所有解决方案持开放态度.任何意见,经验或建议都非常感谢.

更新:这是实际的HTML模板代码和CSS:

        <div class="span4 offset2">
                {% if story.pic %}
                    <h2>Image</h2> 
                    <figure width="{{story.pic.width_field}}">
                    <img class="image"src="{{ story.pic.url }}" width="{{story.pic.width_field}}" alt="some_image_alt_text"/>
                    {% if story.caption %}
                        <figcaption>
                                                {{story.caption}}
                        </figcaption>
                    {% endif %}
                    </figure>
                {% endif %}
        </div>


 image {height:auto;}

 figure {margin:0; display:table;} 

figcaption {display:table-row;
max-width: 30%;
font-weight: bold;}

我一直在尝试为我的Heroku应用程序设置MEDIA_URL,该应用程序目前通过Amazon S3的STATIC_URL提供静态文件.静态文件工作正常,但是当我尝试添加除当前STATIC_URL之外的MEDIA_URL时,页面根本不再呈现,并且应用程序停止工作.

目前的设置是:

AWS_STORAGE_BUCKET_NAME = 'bucketname'
STATICFILES_STORAGE = 'storages.backends.s3boto.S3BotoStorage'
S3_URL = 'http://%s.s3.amazonaws.com/' % AWS_STORAGE_BUCKET_NAME
STATIC_URL = S3_URL
AWS_ACCESS_KEY_ID = 'KEY'
AWS_SECRET_ACCESS_KEY = 'SECRET_KEY'

当我添加:

MEDIA_URL = S3_URL
DEFAULT_FILE_STORAGE = 'storages.backends.s3boto.S3BotoStorage'

这导致了这个问题.具体来说,MEDIA_URL存在问题,因为删除DEFAULT_FILE_STORAGE时,它仍然存在同样的问题.但我正在尝试通过此次失败来确定如何为用户上传的媒体提供最佳服务.

如果有人有任何洞察力如何最好地实现这一目标,那将是非常感激的.

在努力为 Django 项目正确安装 GeoIp 后，我终于似乎通过通用 geoip 和 brew 正确安装了它。

不幸的是，当我在 shell 中尝试时，我收到以下错误：

>>> from django.contrib.gis.utils.geoip import GeoIP
>>> g = GeoIP()
Traceback (most recent call last):
File "<console>", line 1, in <module>
File "/Library/Frameworks/Python.framework/Versions/2.7/lib/python2.7/site-packages/django/contrib/gis/utils/geoip.py", line 193, in __init__
raise TypeError('Invalid path type: %s' % type(path).__name__)

类型错误：无效的路径类型：元组

我已经尝试正确安装 GeoIP 大约七个小时了，所以任何对这个最新错误的见解都将非常感激。

我正在尝试使用API​​和HTML5地理位置,根据Google地图上模型中存储的纬度和经度放置标记.

问题是如何使用模板关键字循环遍历JavaScript标记中存储的每个对象的lat/lon信息,我不认为可以在Django中完成.

我在这里发现了一个类似的问题,在Javascript中添加带有DJango模板标签的谷歌地图标记,我对其进行了温和修改并放置在模板中 - 而不是单独的脚本文件 - 但它似乎不起作用:

function loadMarkers(){
        {% for story in stories %}
            var point = new google.maps.LatLng({{story.latitude}},{{story.longitude}});
            var marker = new google.maps.Marker({
            position: point,
            map: map
        });
        {% endfor %}    
    }

有关如何使用lat,lon信息正确循环存储的Django对象中的项目以及使用API​​将这些项目放置在Google Map上的任何见解将非常感激.

我最近将我的第一个Django应用程序部署到了Heroku.这是我主人的项目所以可扩展性不是一个大问题.我已经读过直接从Heroku提供静态和媒体文件可能出现的问题,而且Amazon S3是最好的解决方案.到目前为止,静态文件 - CSS,JS - 正在从Heroku正确提供.

但是,媒体文件有点像问题.

用户可以上传的唯一媒体是照片.同样,由于这是一个小项目,因此数量会很低.目前,这些照片正在正常提供.但是当更新被推送到Heroku时,指向现有上传照片的链接会在页面上中断并且必须重新上载才能再次出现,这显然是不可接受的.

我试图辨别这是否是服务媒体的问题,可以通过外部主机解决,例如Amazon S3或其他正在发生的事情.我不急于为托管付费,但如果它能解决这个问题,那么它可能就是选择的解决方案.

欢迎任何见解或经验.

我正在尝试在Boostrap布局中放置Google地图,使用传统网页上的固定宽度,并在移动设备上查看时使用自适应布局.

我已经了解了Google地图如何解决Bootstrap布局和可用修复方面的问题.我使用了这段代码,它被列为几个站点上的修复程序:

#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; max-height: none; }

这适用于固定布局,但在移动设备上查看时不提供任何响应.

使用Bootstrap时有没有办法实现这两个目标？任何分享的见解或经验都非常感谢.

我刚刚开始在项目中使用figure和figcaption标签，但遇到了一个我似乎无法解决的问题。

使用figure标签，下面的图像和标题会自动缩进。我有一排带有 h 标签的垂直附加媒体，看起来不错且呈线性，并且希望保持这种状态。图形标签的自动缩进以一种令人不快的方式消除了这一点。我使用的是 Django，因此图片是用户提交的（将图像大小与标题相匹配是另一个问题）。

有什么方法（可能使用 CSS）来删除自动缩进吗？任何见解或经验都非常感激。

                {% if story.pic %}
            <h2>Image</h2>
              <figure>
            <img class="image"src="{{ story.pic.url }}" alt="some_image_alt_text"/>
            {% if story.caption %}
                <figcaption>{{story.caption}}</figcaption>
            {% endif %}
            {% endif %}