Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#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">&nbsp;</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">&nbsp;</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