WBB Coding

shindozo · 28. August 2013

Habe da ein kleines Problem.
Siehe folgendes auf dem Screen:

Das ist ein sogenanntes Template, was ich in den Header einfügen muss.

Nun, sobald ich eine zweite Box einfüge, passiert folgendes:

Was bitte mache ich verkehrt? :O

TutNichts · 28. August 2013

Du hast die Box falsch eingefügt.
Dumme Frage, dumme Antwort.
Code?

shindozo · 28. August 2013

Das ist genau der gleiche Code, wie der von Box 1.

Code

"<div id="additionalBox1" class="additionalBox">
<div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>Rank</h3>
			</div>
		</div>
				<div class="contentTable">
					<div class="contentTableRight">
						<a href="index.php?page=Custom&pageID=3" target="_self">
						<img data-fptooltip="AoG GameMe Ranking!" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/gameme.png" alt="width="180" height="180""/">
                        </a>
					</div>
				</div>
	</div>
</div></div></div></div>


<div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>Stamm</h3>
			</div>
		</div>
	<div class="contentTable">
		<div class="contentTableRight">
			<a href="index.php?page=Custom&pageID=2" target="_self">
			<img data-fptooltip="Stamm Donator!" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/stamm.png" alt="width="180" height="180""/">
			</a>
		</div>
	</div>
	</div>
</div>

Alles anzeigen

Bosti · 28. August 2013

CSS-Code?

shindozo · 28. August 2013

Zitat von Bosti

CSS-Code?

Welchen CSS - Code?
Ich bearbeite das über das "header-template".

Bosti · 28. August 2013

Kann man bei Wbb nicht den CSS-Code bearbeiten? Hast du en Link?

EDIT:
Es scheint ja irgendwie dass bei der zweiten Box ein float:left; fehlt, versuch diese doch einfach mal per style="" einzufügen. Zudem prüf mal noch deine DIV-Container, hab da gerade mal durchgezählt und irgendwie schließt du glaub mehr Container, als du überhaupt hast.

Joshua · 28. August 2013

HTML

<div id="additionalBox1" class="additionalBox">
<div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>Rank</h3>
			</div>
		</div>
				<div class="contentTable">
					<div class="contentTableRight">
						<a href="index.php?page=Custom&pageID=3" target="_self">
						<img data-fptooltip="AoG GameMe Ranking!" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/gameme.png" alt="width="180" height="180""/">
                        </a>
					</div>
				</div>
	</div>
  </div>
 </div>


<div id="additionalBox2" class="additionalBox">
 <div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>Stamm</h3>
			</div>
		</div>
	<div class="contentTable">
		<div class="contentTableRight">
			<a href="index.php?page=Custom&pageID=2" target="_self">
			<img data-fptooltip="Stamm Donator!" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/stamm.png" alt="width="180" height="180""/">
			</a>
		</div>
	</div>
	</div>
 </div>
</div>

Alles anzeigen

So sollte es eigtl. richtig sein. Ich weiß jetzt nicht, was du noch davor hast

shindozo · 28. August 2013

Habe jetzt mehrere Boxen eingefügt, und jetzt schaut das ganze so aus, wie im ersten Beitrag zweites Bild.

Code

<div id="additionalBox1" class="additionalBox">
<div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>Rank</h3>
			</div>
		</div>
				<div class="contentTable">
					<div class="contentTableRight">
						<a href="index.php?page=Custom&pageID=3" target="_self">
						<img data-fptooltip="AoG GameMe Ranking!" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/gameme.png" alt="width="180" height="180""/">
                        </a>
					</div>
				</div>
	</div>
  </div>
 </div>


<div id="additionalBox2" class="additionalBox">
 <div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>Stamm</h3>
			</div>
		</div>
	<div class="contentTable">
		<div class="contentTableRight">
			<a href="index.php?page=Custom&pageID=2" target="_self">
			<img data-fptooltip="Stamm Donator!" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/stamm.png" alt="width="180" height="180""/">
			</a>
		</div>
	</div>
	</div>
 </div>
</div>
</div>
</div>


<div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>AoG Status</h4>
			</div>
		</div>
				<div class="contentTable">
					<div class="contentTableRight">
						<a href="index.php?page=Custom&pageID=7" target="_self">
						<img data-fptooltip="AoG Server Status!" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/aogstatus.png" alt="width="180" height="180""/">
                        </a>
					</div>
				</div>
	</div>
</div>


<div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>Teamspeak 3</h3>
			</div>
		</div>
				<div class="contentTable">
					<div class="contentTableRight">
						<a href="index.php?page=TeamSpeak" target="_self">
						<img data-fptooltip="Teamspeak 3" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/ts3.png" alt="width="180" height="180""/">
                        </a>
					</div>
				</div>
	</div>
</div>








<div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>Sourcebans</h3>
			</div>
		</div>
				<div class="contentTable">
					<div class="contentTableRight">
						<a href="index.php?page=Custom&pageID=1" target="_self">
						<img data-fptooltip="Sourcebans!" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/sb.png" alt="width="180" height="180""/">
						</a>
					</div>
				</div>
	</div>
</div>




<div class="contentContainer">
	<div class="contentContainerInner">
		<div class="contentTable contentTableRotate">
			<div class="contentTableLeft">
				<h3>Bug Tracker</h3>
			</div>
		</div>
				<div class="contentTable">
					<div class="contentTableRight">
						<a href="http://support.nsc-radio.eu/" target="_self">
						<img data-fptooltip="Support System!" class="gamemeimg" src="wcf/images/notoriousBusinessGreen/ts.png" alt="width="180" height="180""/">
                        </a>
					</div>
				</div>
	</div>
</div>

Alles anzeigen

Bosti · 28. August 2013

Mach erstmal eine Box vernünftig, dann kannst du es besser reproduzieren. Zeile 36-39..viel zu viele </div>, prüf das mal. Ansonsten bitte mal ein Link da kann man via Firebug besser gucken.

shindozo · 28. August 2013

Ok passt schon, habs hinbekommen.
Musste am Ende der ganzen Boxen, an der letzten Box noch ein paar </div>'s einfügen.

Danke vielmals.

breadfish.de 12. März 2022