[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
foreach und unterschiedliche divs - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
SchneiderS
Beiträge: 2
Registriert: 2. Sep 2014, 16:03

foreach und unterschiedliche divs

2. Sep 2014, 16:30

hallo zusammen,


ich hätte an da eine kleine frage, bei der ich nicht weiter komme und ja: ich hab schon gegoogelt und nachgeforscht, aber ich komm einfach nicht weiter. :(

mein ziel: ich möchte eine startseite, mit zwei spalten. (siehe anhang)
das hatte ich so gelöst:

zuerst die css datei:

Code: Alles auswählen

#startseite
	{margin: 0 auto !important;
	max-width: 900px;}
	
#startseite-group
	{margin-top:10%;}
	
.section 
	{clear: both;
	padding: 25px 0px;
	margin: 0px;}

.col 
	{display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	text-align: center;}
	
.col:first-child 
	{margin-left: 0;}

.group:before,
.group:after 
	{content:"";
	display:table;}
	
.group:after 
	{clear:both;}
	
.group 
	{zoom:1; /* For IE 6/7 */}	

.span_2_of_2 
	{width: 100%;}
	
.span_1_of_2 
	{width: 49.2%;}

@media only screen and (max-width: 700px) 
	{.col 
	{margin: 1% 0 1% 0%;}
	}

@media only screen and (max-width: 700px) 
	{.span_2_of_2 
	{width: 100%;}
	.span_1_of_2 
	{width: 100%;}
	}
und mein template sieht so aus:

Code: Alles auswählen

<body>
	<div id="startseite">
		<div id="startseite-group">
		<div class="section group">
			<div class="col span_1_of_2">
				<img src="<?php echo seo42::getMediaFile('block1.jpg'); ?>">
			</div>
			<div class="col span_1_of_2">
				<a href="<?php echo rex_getUrl(23) ?>"><img src="<?php echo seo42::getMediaFile('block2.jpg'); ?>"></a>
			</div>
		</div>
		<div class="section group">
			<div class="col span_1_of_2">
				<a href="<?php echo rex_getUrl(21) ?>"><img src="<?php echo seo42::getMediaFile('block3.jpg'); ?>"></a>
			</div>
<!--
			<div class="col span_1_of_2">
				<a href="#"><img src="<?php echo seo42::getMediaFile('block4.jpg'); ?>"></a>
			</div>
-->
		</div>
		</div>
	</div>
</body>
</html>

und jetzt mein großes problem:

ich möchte das ganze in arrays definieren. dann hab ich also folgendes:

Code: Alles auswählen

// Arrays definieren

$links = array(23 => "block2.jpg", 21 => "block3.jpg", 13 => "block4.jpg");

<body>
	<div id="startseite">
		<div id="startseite-group">
		<div class="section group">
			<div class="col span_1_of_2">
				<img src="<?php echo seo42::getMediaFile('block1.jpg'); ?>">
			</div>
				<?php
					foreach($links as $linkID => $linkBild) {
					print '<div class="col span_1_of_2">';
					print '<a href="'. rex_getUrl($linkID) .'">'
					.'<img src="'. seo42::getMediaFile($linkBild) .'"></a>';
					print '</div>';
					}
				?>			
		</div>
		</div>
	</div>
</body>
</html>
das läuft zwar ganz ordentlich, aber eigentlich müsste nach 23 => "block2.jpg" ein umbruch durch <div class="section group"></div> stattfinden.

nach dem letzten code, wird block 4 direkt unter block 3 gesetzt. anstatt rechts neben dran. ich komm aber irgendwie nicht weiter :roll:


gruß und ich hoffe ich hab mein problem verständlich aufgeschrieben :roll:
Dateianhänge
skizze.png
skizze.png (8.81 KiB) 6761 mal betrachtet
ich bin lernbereit (:

SchneiderS
Beiträge: 2
Registriert: 2. Sep 2014, 16:03

Re: foreach und unterschiedliche divs

2. Sep 2014, 17:01

hmm eine lösung wäre:

Code: Alles auswählen

.span_1_of_2 
   {width: 49.2%;}

in, folgendes zu verändern:

Code: Alles auswählen

.span_1_of_2 
   {width: 400px;}

dann bekomm ich aber das problem, dass meine rechten blöcke nicht mehr zentriert werden.
hat jemand eine idee?
ich bin lernbereit (:

Meusi
Beiträge: 158
Registriert: 18. Mär 2009, 16:18

Re: foreach und unterschiedliche divs

2. Sep 2014, 17:02

Code: Alles auswählen

<?php

$links = array(
    array(
        'block1.jpg' => null,
        'block2.jpg' => 23
    ),
    array(
        'block3.jpg' => 21,
        'block4.jpg' => 13
    )
);

?>
<body>
<div id="startseite">
    <div id="startseite-group">
        <?php
        foreach($links as $blocks) {

            echo '<div class="section group">';

            foreach($blocks as $picture=>$link) {


                echo '<div class="col span_1_of_2">';

                if(!is_null($link)) {
                    echo '<a href="'.rex_getUrl((int)$link).'">';
                }

                echo '<img src="'. seo42::getMediaFile($linkBild) .'">';

                if(!is_null($link)) {
                    echo '</a>';
                }

                echo '</div>';

            }

            echo '</div>';

        }
        ?>
    </div>
</div>
</body>
</html>
Begründung kommt wenn ich daheim bin :) Oder ein Netter User (@RexDude :mrgreen: :mrgreen: ) kanns dir den Code ganz leicht erklären
Folgende Threads stehen offen:

Zurück zu „Sonstiges“