Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 20
Seite [1]
maKe my dayyy


King for a day




Beiträge: 276
# Thema - 04.03.2011 um 21:35 Uhr
Hi,
stehe grad iwie komplett auf dem Schlauch, hfftl könnt ihr mir schnell weiterhelfen...möchte die durch "{banners:navlist}" eingebundenen Bilder sowohl vertikal als auch horizontal zentrieren...das Problem dabei ist, dass die Bilder ja alle eine variable Größe haben. Geht das mit CSS oder muss ich da per PHP die Größe auslesen und dementsprechend n margin geben ?
Inaktiv
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 1 - 04.03.2011 um 23:29 Uhr
Horizontal geht doch mit align: center,
aber die vertikale Ausrichtung kannste glaub ich nur mit padding machen.


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
# Antwort: 2 - 04.03.2011 um 23:31 Uhr
Hast du eine Idee wie ich das mit der variablen Bildgröße in Verbindung bringen kann mit nem "automatischen" padding ?


Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 3 - 05.03.2011 um 00:06 Uhr
Kannste nur den Abstand nach oben bestimmen.

 
1.
1. / 2. / ... 
 padding10px 0 0 0;


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
# Antwort: 4 - 05.03.2011 um 00:09 Uhr
Ja aber der muss ja variabel sein...für jedes Bild was im Modul Banner eingetragen wird wird eine neue Box angelegt mit 100*100px Größe...da nun jedes Bild aber ne andere Größe hat brauchen sie ja unterschiedliche Paddings, so hat z.B Bild1 ne Größe von 100*95, also brauch es 5 px Abstand von oben, Bild2 hat aber ne größe von 100*100 und brauch keinen Abstand von oben...mein Problem ist es wie ich diesen Abstand variabel halte, dass er für jede Größe passt.


Inaktiv
|
bFeeee


Just nerd



Herkunft: Hamm
Beiträge: 944
# Antwort: 5 - 05.03.2011 um 00:17 Uhr
wie wäre es mit margin:0 auto;


------------------
Grüße bFeee

Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 6 - 05.03.2011 um 00:19 Uhr
Das kann ich dir auch nicht sagen. Wüsste nicht, dass so etwas geht.
Ich mache immer nur einen festgelegten Abstand nach oben und unten. Die Höhe ergibt sich daraus.
Für mich ist da halt nur wichtig, dass das Bild in meine "Form" passt.

Vlt fällt ja noch jemand anderes dazu was ein...


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
# Antwort: 7 - 05.03.2011 um 00:23 Uhr
@bfeeearts: Schon probiert, klappt leider nicht :/


Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 8 - 05.03.2011 um 00:30 Uhr
Kann man vlt irgendwie die Positions-höhe auf 50% stellen oder so ?



Vlt so irgendwie:

 
1.
2.
3.
4.
1. / 2. / ... 
 
position
:absolute;
top:50%;


------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von Tress13 am 05.03.2011 um 00:32 Uhr (1x Editiert)
Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
# Antwort: 9 - 05.03.2011 um 00:45 Uhr
Dann hat er ja einen Abstand von 50% der größe der Box, wären also in meinem Fall 50px.


Inaktiv
|
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
# Antwort: 10 - 05.03.2011 um 08:43 Uhr
margin: 0 auto; # für moderne browser
text-align:center; #für alte ies

für die horizontale zentrierung.

pder einfach mal google
http://www.wssexpert.de/Style/Examples/007/center.html


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 11 - 05.03.2011 um 09:44 Uhr
 
1.
2.
3.
1. / 2. / ... 
 
vertical
-alignmiddle;


Sowas gibt es...




http://www.css4you.de/Texteigenschaften/vertical-align.html#t


------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von Tress13 am 05.03.2011 um 09:46 Uhr (1x Editiert)
Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
# Antwort: 12 - 05.03.2011 um 13:25 Uhr
Danke euch beiden für die Mühe, allerdings funktioniert davon auch nichts...hier mal der betroffene Quellcode:

mehr... +-

{loop:banners}
<div style="float:left;height:100px;margin-left:15px">
<img src="{banners:path}" alt="{banners:al}" />
</div>
{stop:banners}

Hab all eure Vorschläge schon ausprobiert, jedoch ohne Erfolg.


Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
# Antwort: 13 - 05.03.2011 um 15:35 Uhr
line-height: wertpx;


------------------
I like the part where it says 'nyan'



Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
# Antwort: 14 - 05.03.2011 um 15:43 Uhr
Ändert ebenfalls nichts..


Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
# Antwort: 15 - 05.03.2011 um 15:44 Uhr
oh ich seh das jetzt erst unter "mehr".. andere frage wie soll das ganze denn aussehen? ich weiss ja nicht was du erreichen möchtest oder wie du zB vertical-align:middle,line-height und co eingesetzt hast^^


------------------
I like the part where it says 'nyan'



Zuletzt editiert von palle ClanSphere Team am 05.03.2011 um 15:48 Uhr (2x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 16 - 05.03.2011 um 15:50 Uhr
Warum machste nicht einfach alle bilder gleich gross?
Kannst ja eigentlich kleineren einfach nen trans. bg geben


Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
# Antwort: 17 - 05.03.2011 um 16:05 Uhr
@Palle: ich möchte einfach erreichen dass bilder trotz variabler größe zentriert dargestellt werden, diese zentrierung soll automatisch stattfinden
@equal: könnte ich machen, mir wäre es aber lieber ich könnte das ganze über css lösen, dann muss ich nicht jeden banner auf die richtige größe zuschneiden..manche sind eben kleiner manche größer...


Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 18 - 05.03.2011 um 16:33 Uhr
das wirste aber rein per css nicht lösen können


Inaktiv
|
maKe my dayyy
Thread-Ersteller


King for a day




Beiträge: 276
# Antwort: 19 - 05.03.2011 um 16:39 Uhr
Es muss ja nicht rein per css sein...wie würdest du es denn lösen ?


Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 20 - 05.03.2011 um 16:42 Uhr
Würde wohl die banner anpassen.
Oder du schreibst dir für das banner modul nen extra feld wo du top-margin reinschreiben kannst

Anders wird es nicht gehen,
du kannst natürlich auch noch per php irgendwas ausrechnen lassen etc. aber finde ich alles zu umständlich


Inaktiv
|
Antworten: 20
Seite [1]


Sie müssen sich registrieren, um zu antworten.