Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.
Seiten: 1
#1 23. Januar 2013 17:22
- mörml
- Server-Pate
- Registriert: 23. Januar 2011
- Beiträge: 443
[GELÖST] gefloateten Inhalt zentrieren
Hallo!
Ich habe anhand dieser Anleitung versucht, das Template "fancybox" / Galery-Modul anzupassen, so dass die Galerie mittig im Content dargestellt wird; es will mir nicht gelingen. Wie ändere ich das Quelltemplate ab?
<div class="gallery">
{if !empty($gallerytitle)}<h3>{$gallerytitle}</h3>{/if}
{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}
<p>{$imagecount}</p>
<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>
{foreach from=$images item=image}
<div class="img">
{if $image->isdir}
<a href="{$image->file}" title="{$image->titlename}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a><br />
{$image->titlename}
{else}
<a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->titlename}" rel="gallery-{$galleryid}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
{/if}
</div>
{/foreach}
<div class="galleryclear"> </div>
</div>
VG mörml
kann CMSms buchstabieren...
CMSms 1.11.12
PHP 5.5.14
Offline
#2 23. Januar 2013 20:27
- leerraum
- kennt CMS/ms
- Ort: Baden-Baden
- Registriert: 15. Dezember 2010
- Beiträge: 479
- Webseite
Re: [GELÖST] gefloateten Inhalt zentrieren
was soll denn zentriert werden?
normalerweise macht man das doch mit einem wrapper und margin: 0 auto 0 auto;
Designer benötigt? Einfach eine Mail an info at lrrm dot de schicken.
Offline
#3 23. Januar 2013 20:35
- mörml
- Server-Pate
- Registriert: 23. Januar 2011
- Beiträge: 443
Re: [GELÖST] gefloateten Inhalt zentrieren
Ich hab stundenlang rumprobiert, auch mit margin:0 auto; - der Galerieinhalt will einfach nicht mittig erscheinen, sprich, die Fotos sollen horizontal zentriert in meinem content erscheinen.
kann CMSms buchstabieren...
CMSms 1.11.12
PHP 5.5.14
Offline
#4 23. Januar 2013 21:18
- Klenkes
- Server-Pate
- Ort: 89428 Syrgenstein
- Registriert: 17. Dezember 2010
- Beiträge: 1.437
Re: [GELÖST] gefloateten Inhalt zentrieren
Da wäre echt hilfreich wenn man was dazu sehen könnte, weil das drumherum und das restliche CSS wichtig ist.
Offline
#5 23. Januar 2013 21:21
- mörml
- Server-Pate
- Registriert: 23. Januar 2011
- Beiträge: 443
Re: [GELÖST] gefloateten Inhalt zentrieren
Gerne: Testseite
kann CMSms buchstabieren...
CMSms 1.11.12
PHP 5.5.14
Offline
#6 23. Januar 2013 21:31
- Klenkes
- Server-Pate
- Ort: 89428 Syrgenstein
- Registriert: 17. Dezember 2010
- Beiträge: 1.437
Re: [GELÖST] gefloateten Inhalt zentrieren
Nun muss ich fragen... was möchtest du denn zentrieren?
Offline
#7 23. Januar 2013 21:32
- mörml
- Server-Pate
- Registriert: 23. Januar 2011
- Beiträge: 443
Re: [GELÖST] gefloateten Inhalt zentrieren
Die Vorschaubildchen liegen links am content-Block an. Ich möchte, dass sie horizontal mittig angezeigt werden, also gleicher Abstand links und rechts.
Nicht:
Bild Bild Bild Bild Bild
sondern:
Bild Bild Bild Bild Bild
Beitrag geändert von mörml (23. Januar 2013 21:34)
kann CMSms buchstabieren...
CMSms 1.11.12
PHP 5.5.14
Offline
#8 23. Januar 2013 21:38
- Klenkes
- Server-Pate
- Ort: 89428 Syrgenstein
- Registriert: 17. Dezember 2010
- Beiträge: 1.437
Re: [GELÖST] gefloateten Inhalt zentrieren
Verstehe!
Das Problem wird aber sein, dass es immer 5 Bilder sein müssen.
.gallery .img {width:20%; margin:0;}
Dann verteilen sie sich auf die Breite des Content.
Mehr weis ich auch nicht, weil ich so was nicht machen würde.
Offline
#9 23. Januar 2013 21:43
- mörml
- Server-Pate
- Registriert: 23. Januar 2011
- Beiträge: 443
Re: [GELÖST] gefloateten Inhalt zentrieren
...und das ist natürlich nicht der Fall - die Bildanzahl wechselt. Deshalb wäre das Beispiel von Stu Nicholls so schön gewesen. Das CSS ist nicht das Problem (denke ich jedenfalls), sondern, das HTML aus Nicholls' Beispiel in das Quelltemplate zusammen mit dem Code dort zu verfrickeln.
Hab lieben Dank für deine Mühe!
kann CMSms buchstabieren...
CMSms 1.11.12
PHP 5.5.14
Offline
#10 23. Januar 2013 21:45
- leerraum
- kennt CMS/ms
- Ort: Baden-Baden
- Registriert: 15. Dezember 2010
- Beiträge: 479
- Webseite
Re: [GELÖST] gefloateten Inhalt zentrieren
falls es dich beruhigt: als graphik-designer kann ich dir sagen, dass die bilder linksbündig bleiben sollten. der mischmasch aus linksbündig und mittig sieht nicht gut aus..
Designer benötigt? Einfach eine Mail an info at lrrm dot de schicken.
Offline
#11 23. Januar 2013 21:54
- mörml
- Server-Pate
- Registriert: 23. Januar 2011
- Beiträge: 443
Re: [GELÖST] gefloateten Inhalt zentrieren
Das ist nett von dir, leerraum. Aber zufrieden bin ich nicht. 1 Bild horizontal zu zentrieren, bekomme ich ja noch hin, aber mehrere nebeneinander, da hörts bei mir auf. Dabei würde ich das so gerne verstehen.
kann CMSms buchstabieren...
CMSms 1.11.12
PHP 5.5.14
Offline
#12 23. Januar 2013 21:55
- NaN
- Moderator
- Ort: Halle (Saale)
- Registriert: 09. November 2010
- Beiträge: 4.435
Re: [GELÖST] gefloateten Inhalt zentrieren
Falls es doch zentriert sein soll...
Template:
<div class="gallery">
{if !empty($gallerytitle)}<h3>{$gallerytitle}</h3>{/if}
{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}
<p>{$imagecount}</p>
<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>
<div class="gallery-imgs">
{foreach from=$images item=image}
<div class="img">
{if $image->isdir}
<a href="{$image->file}" title="{$image->titlename}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a><br />
{$image->titlename}
{else}
<a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->titlename}" rel="gallery-{$galleryid}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
{/if}
</div>
{/foreach}
<div class="galleryclear"> </div>
</div>
</div>
Stylesheet:
.gallery {
clear: both;
float: left;
width: 100%;
}
.gallery-imgs {
float: left;
left: 50%;
margin: auto;
position: relative;
}
.gallery .img {
float: left;
height: 120px;
margin: 10px;
position: relative;
right: 50%;
text-align: center;
}
Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)
Offline
#13 23. Januar 2013 22:01
- mörml
- Server-Pate
- Registriert: 23. Januar 2011
- Beiträge: 443
Re: [GELÖST] gefloateten Inhalt zentrieren
Wow... NaN, hau mir mal deine Adresse rüber, dann kriegste ein Päckchen Schokolade. Mensch, herzlichen Dank!!!!!!!!
kann CMSms buchstabieren...
CMSms 1.11.12
PHP 5.5.14
Offline
Seiten: 1