Naast elkaar zetten

J.Hermans

Hoi allemaal!

Ik ben met een pagina bezig die ik zowat heb afgezien van een vriend van me zijn counter-strike clan.
Ik wil even hetzelfde maken als dat van deze pagina: http://dcforce.eu/admins.html

Enkel wil ik bij mij ipv 2 naast één 3 naast één hebben.

DIt is de code die ik nu heb

Code

<center><h1>Cranked Unit Community -  Management Members</h1></center>
<br />
<br />
<br />
<h2><i><u>Community Managers</u></i></h2><br />
<a href="http://cranked-unit.com/forums/index.php?/user/1-brainkilla/"target=blabnk"><img alt="Visit my Profile" src="/forums/cimages/brain.png"/></a><br />
<a href="http://steamcommunity.com/id/216133640121646/"target=blank"><u><i>Steamprofile</i></u></a><br /> 
<br />
<div class="boxed">
	<b>Real name:</b> <i>Jordi hermans</i><br />
        <b>Mail:</b> <i>[email protected]</i><br />
	<b>Date of Born:</b> <i>09/01/1990</i><br />
</div>
&nbsp;
<br />
<a href="http://cranked-unit.com/forums/index.php?/user/1-brainkilla/"target=blabnk"><img alt="Visit my Profile" src="/forums/cimages/brain.png"/></a><br />
<a href="http://steamcommunity.com/id/216133640121646/"target=blank"><u><i>Steamprofile</i></u></a><br /> 
<br />
<div class="boxed">
	<b>Real name:</b> <i>Jordi hermans</i><br />
        <b>Mail:</b> <i>[email protected]</i><br />
	<b>Date of Born:</b> <i>09/01/1990</i><br />
</div>

Toon Meer

Maar het probleem is uiteindelijk.
Ik krijg ze niet naast elkaar.

Kan iemand me helpen aub?
Hulp word beloond met 10 euro paypal of bankoverschrijving.

Thisguyisgone

float: left; kan al veel ;).

J.Rijdes

Ik gebruik hiervoor altijd de volgende oplossing:

Code

<div class="producten">
<div id="product">
		<a href="#" class="hover_img"><img src="images/sunglass.png" class="product_img"></a>
		<div class="product_info">
		<span class="label">Ray-Ban</span>
	</div>
</div>


<div id="product">
		<a href="#" class="hover_img"><img src="images/sunglass.png" class="product_img"></a>
		<div class="product_info">
		<span class="label">Ray-Ban</span>
	</div>
</div>


<div id="product">
		<a href="#" class="hover_img"><img src="images/sunglass.png" class="product_img"></a>
		<div class="product_info">
		<span class="label">Ray-Ban</span>
	</div>
</div>


<div id="product">
		<a href="#" class="hover_img"><img src="images/sunglass.png" class="product_img"></a>
		<div class="product_info">
		<span class="label">Ray-Ban</span>
	</div>
</div>
</div>

Toon Meer

Code

.producten {
	height: auto;
	width: 730px;
}


#product {
	margin-top: 10px;
	float: left;
	width: 232px;
	height: 158px;
	margin-left: 11px;
	z-index: 1;
}


.product_img {
	width: 231px;
	height: 124px;
	z-index: -1;
}


.product_info {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-color: #5B5B5B;
	height: 25px;
	width: 231px;
	text-align: center;
	padding-top: 8px;
}

Toon Meer

Even invullen zoals jij het wilt, bij mij werkt deze oplossing.

J.Hermans

Njaa, ik kan er niet zo goed aan uit.
Ben net aan css en html kennis aan het knutselen.

En nu merk ik wel, dat het moeilijker is dan gedacht :s
Is er iemand die me misschien kan helpen?
PM me dan maar :s

Thisguyisgone

Het staat er ... Ik had zoals eerder gemeld, gebruik float:left; Jefrey heeft de oplossing gegeven. Gewoon copy paste..

J.Hermans

Ja maar, die andere info die ik erbij wil zoals steamid etc etc weet niet hoe dat meot dan :s

ZMM

Citaat van J.Rijdes

Ik gebruik hiervoor altijd de volgende oplossing:

Code

Ray-Ban
	






		
		
		Ray-Ban
	






		
		
		Ray-Ban
	






		
		
		Ray-Ban

Toon Meer

Code

.producten {
	height: auto;
	width: 730px;
}


#product {
	margin-top: 10px;
	float: left;
	width: 232px;
	height: 158px;
	margin-left: 11px;
	z-index: 1;
}


.product_img {
	width: 231px;
	height: 124px;
	z-index: -1;
}


.product_info {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-color: #5B5B5B;
	height: 25px;
	width: 231px;
	text-align: center;
	padding-top: 8px;
}

Toon Meer

Even invullen zoals jij het wilt, bij mij werkt deze oplossing.

Dits denk niet de juiste oplossing. (tenminste niet zoals het hoort)

Zie: http://www.w3schools.com/css/css_id_class.asp

(wats dat ray ban gedoe bij quote??)

L. Velthuis

kan dit niet gewoon met inline?

Thisguyisgone

Float:left; again...

OmGz

Citaat van Ferhat.Remory

Float:left; again...

Ferhat OP wilt dat wij hem voeden met de complete pagina, zoals de labels etc.
Wij zijn hier om te helpen, niet om jouw klusjes voor je te doen OP.

Thisguyisgone

Als ik thuis ben zal ik het even uittypen...

ICTscripters

Dé plek voor IT

Dé plek voor IT

Beta-testers gezocht voor Crypto-oefenplatform

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

Developer Gezocht

Op zoek naar de legends

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

350 Nieuwe Domeinnamen Januari 2026

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

Naast elkaar zetten

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Gebruikers die dit topic bekijken