html - Centrere div - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #3275 @ 25.04.05 19:52

Jeg har en menu lavet af en masse div tags jeg skal have includet og centreret i et table. Men hvis jeg siger

<table>
<tr align="center">
<td><? include('menu.php'); ?></td>
osv.

Centrere den ikke div-taggene. Det tekst der ikke er i div tags bliver centreret. Hvordan kan jeg løse det???

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------

6 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #7064 @ 25.04.05 19:56

Den 25-04-05 19:52 skrev Jonas (Decko) følgende:
-----------------------------------------------------------------------------
Jeg har en menu lavet af en masse div tags jeg skal have includet og centreret i et table. Men hvis jeg siger

<table>
<tr align="center">
<td><? include('menu.php'); ?></td>
osv.

Centrere den ikke div-taggene. Det tekst der ikke er i div tags bliver centreret. Hvordan kan jeg løse det???

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------
-----------------------------------------------------------------------------

Da du bruger div bruger du nok os css, går jegda stærkt ud fra! Hvis du skriver align:center; i dit css sku da gerne løse sig.

Hvis du alligevel ikke bruger css ka du jo bare skrive align="center" i alle div'ne.

Brihhzel
Christoffer@raiser.dk

Bruger #3275 @ 25.04.05 20:03

1.736

Har prøvet alt det du siger der

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------

Bruger #7064 @ 25.04.05 20:08

Den 25-04-05 20:03 skrev Jonas (Decko) følgende:
-----------------------------------------------------------------------------
Har prøvet alt det du siger der

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------
-----------------------------------------------------------------------------

Og det virker ikke?

Gider du sende kode(erne) så ka jeg lige se på det!

Brihhzel
Christoffer@raiser.dk

Bruger #3275 @ 25.04.05 20:13

1.736

index.php

Kode

<html>
<head>
	<title>Test</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
	<table width="100%" height="100%">
		<tr height="10%" align="center">
			<td>
				<p align="center"><? include('menu.php'); ?></p>
			</td>
		</tr>
		<tr align="center">
			<td>
					Blah
			</td>
		</tr>
	</table>
</body>

</html>

menu.php

Kode

<div class="menuobject" id="menuobject">
	<div class="menu">
		<div><a href="index.php">Forside</a></div>
	</div>

	<div class="menu">
		<div><a href="afdelingen.php">Afdelingen</a></div>
	</div>

	<div class="menu">
		<div><a href="#">Varmemester</a></div>
		<div class="menudrop">
			<div class="menudropitem"><a href="#">Kontoret</a></div>
			<div class="menudropitem"><a href="#">Mail</a></div>
			<div class="menudropitem"><a href="#">Håndværkerliste</a></div>
		</div>
	</div>

	<div class="menu">
		<div><a href="#">Bestyrelse</a></div>
		<div class="menudrop">
			<div class="menudropitem"><a href="medlemsliste.php">Medlemsliste</a></div>
			<div class="menudropitem"><a href="#">Indkalderser</a></div>
			<div class="menudropitem"><a href="#">Referater</a></div>
		</div>
	</div>

	<div class="menu">
		<div><a href="#">Praktiske forhold</a></div>
		<div class="menudrop">
			<div class="menudropitem"><a href="#">Husorden</a></div>
			<div class="menudropitem"><a href="#">Fælleslokaler</a></div>
			<div class="menudropitem"><a href="#">Links</a></div>
		</div>
	</div>

	<div class="menu">
		<div><a href="nyheder.php">Nyheder</a></div>
	</div>

</div>

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------

Bruger #7064 @ 25.04.05 20:21

Den 25-04-05 20:13 skrev Jonas (Decko) følgende:
-----------------------------------------------------------------------------
index.php

Kode

<html>
<head>
	<title>Test</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
	<table width="100%" height="100%">
		<tr height="10%" align="center">
			<td>
				<p align="center"><? include('menu.php'); ?></p>
			</td>
		</tr>
		<tr align="center">
			<td>
					Blah
			</td>
		</tr>
	</table>
</body>

</html>

menu.php

Kode

<div class="menuobject" id="menuobject">
	<div class="menu">
		<div><a href="index.php">Forside</a></div>
	</div>

	<div class="menu">
		<div><a href="afdelingen.php">Afdelingen</a></div>
	</div>

	<div class="menu">
		<div><a href="#">Varmemester</a></div>
		<div class="menudrop">
			<div class="menudropitem"><a href="#">Kontoret</a></div>
			<div class="menudropitem"><a href="#">Mail</a></div>
			<div class="menudropitem"><a href="#">Håndværkerliste</a></div>
		</div>
	</div>

	<div class="menu">
		<div><a href="#">Bestyrelse</a></div>
		<div class="menudrop">
			<div class="menudropitem"><a href="medlemsliste.php">Medlemsliste</a></div>
			<div class="menudropitem"><a href="#">Indkalderser</a></div>
			<div class="menudropitem"><a href="#">Referater</a></div>
		</div>
	</div>

	<div class="menu">
		<div><a href="#">Praktiske forhold</a></div>
		<div class="menudrop">
			<div class="menudropitem"><a href="#">Husorden</a></div>
			<div class="menudropitem"><a href="#">Fælleslokaler</a></div>
			<div class="menudropitem"><a href="#">Links</a></div>
		</div>
	</div>

	<div class="menu">
		<div><a href="nyheder.php">Nyheder</a></div>
	</div>

</div>

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------
-----------------------------------------------------------------------------

Ka ikke rigtigt se noget der er forkert eller noget

Et godt tip ville være at istedet for at skrive:
<div id/class="ting">
<div id/class="ting">hehe</div>
</div>
så skriv
<div id/class="ting">
<span id/class="ting">hehe</span>
</div>

Tvivler på det er det der gør det ikke virker, men har hørt det er meget bedre og at man kan lave forskellige ting nemmere på den måde

Brihhzel
Christoffer@raiser.dk

Bruger #3275 @ 26.04.05 08:00

1.736

Løste det ved at indsætte en et table i menuen. Ikke så god en løsning, men det går nok.

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------

Centrere div

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler