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>

Meer tonen

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>

Meer tonen

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;
}

Meer tonen

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

Meer tonen

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;
}

Meer tonen

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

Herkent deze Notion-structuurscan echte problemen?

🚀 WE ZOEKEN TESTERS! 🚀

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

[PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

Ictscripters / Koen

Kweekrijk - van stekje tot Imperium

Verschillende domeinen te koop (sommige hebben website / content)

295 Nieuwe Domeinnamen September 2026

Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

Naast elkaar zetten

Registratie

Functioneel ontwerp

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

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