CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

tobrukDk Novice

05. april 2011 - 07:31 Der er 6 kommentarer og
1 løsning

php / html

Det er sådan at jeg sidde og arbejde med lidt php kode og jeg kun godt tænke mig at gør så Facebook og twitter var i højre side og de andre var i venter side..??

her er min kode;

<div class="menusider"
<div class="facebook">
<a href="index.php" target="_self"<?php if($_GET['s']=="") { ?> class="current"<?php } ?>>Forside</a> -
<a href="design.php" target="_self"<?php if($_GET['s']=="") { ?> class="current"<?php } ?>>Design</a> -
<a href="ommig.php" target="_self"<?php if($_GET['s']=="") { ?> class="current"<?php } ?>>Om mig</a> -
<a href="koder.php" target="_self"<?php if($_GET['s']=="") { ?> class="current"<?php } ?>>Koder</a> -
<div class="facebooktwitter">
<a href="http://twitter.com/JesperBoook" target="_self">Twitter</a> -
<a href="http://www.facebook.com/Jesperpb" target="_self">Facebook</a>
</div>
</div>
</div>

Håber du kan hjælp mig!!

Synes godt om

perrep Nybegynder

05. april 2011 - 09:04 #1

det kan du vel bare gøre med enten float, eller position:absolute;

Synes godt om

jakobdo Ekspert

05. april 2011 - 09:44 #2

Eller den grimme løsning og bruge en tabel.
Men float er bestemt bedste løsning.

Synes godt om

tjens Nybegynder

05. april 2011 - 11:10 #3

Man kan også ændre sine DIVs fra at være et block element til noget andet.

Her er en demo, hvor den ydre div har display:table, for at den automatisk skal få bredde efter indholdet, og hvor de 2 indre divs har display:table-cell, for at de skal lægge sig på samme linie (ganske som float):

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<title>DIVs as table-cell</title>
<style type="text/css">
body { font-family: sans-serif; margin: 0px; padding: 0px }
.menu { margin: 20px auto 0px auto; padding:20px; background-color: orange; display: table; }
.menublock1 { display: table-cell; padding:20px; background-color: palegreen;}
.menublock2 { display: table-cell; padding:20px; background-color: lightsteelblue;}
</style>
</head>
<body>
<div class="menu">
<div class="menublock1">
<a href="#" >Forside</a> -
<a href="#" >Link 2</a> -
<a href="#" >Link 3</a> -
<a href="#" >Link 4</a> -
<a href="#" >Link 5</a>
</div>
<div class="menublock2">
<a href="#">Right link 1</a> -
<a href="#">Right link 2</a>
</div>
</div>

</body>
</html>

PS: Der er bred padding og baggrundsfarver, så du kan se hvad der er hvad, når du tester.

Synes godt om

tobrukDk Novice

05. april 2011 - 15:33 #4

Det kan bare ikke gå op ligemeget hvad jeg gøre..

<div class="menusider">
<div class="facebooktwitter">
<a href="http://twitter.com/JesperBoook" target="_self">Twitter</a> -
<a href="http://www.facebook.com/Jesperpb" target="_self">Facebook</a>
<div class="menulinks">
<a href="index.php" target="_self">Forside</a>
</div>
</div>

sådan her ser min css kode ud;
.facebooktwitter {
color:#000;
width: 200px;
font-size: 15px;
min-height: 40px;
text-align: right;
margin:20px 50px;

text-shadow: 3px 3px 3px #000;
-moz-text-shadow: 2px 2px 2px #000;
-webkit-text-shadow: 2px 2px 2px #000;
}
.menulinks {
color:#000;
width: 200px;
font-size: 15px;
min-height: 40px;
text-align:left;
margin:20px 50px;

text-shadow: 3px 3px 3px #000;
-moz-text-shadow: 2px 2px 2px #000;
-webkit-text-shadow: 2px 2px 2px #000;
}

Synes godt om

tobrukDk Novice

05. april 2011 - 15:47 #5

<div class="menusider">
<div class="facebooktwitter">
<table width="1000" border="0">
<tr>
<th width="172" scope="col"><a href="http://twitter.com/JesperBoook" target="_self">Twitter</a> -
<a href="http://www.facebook.com/Jesperpb" target="_self">Facebook</a>
</th>
<th width="718" scope="col">
<a href="index.php" target="_self">Forside</a>
</th>
</tr>
</table>

har jeg bare lavet nu. og det er grimt!

Synes godt om

tobrukDk Novice

05. april 2011 - 15:50 #6

og jeg takker for hjælp!. hvis i lige gør så den her bliver lukket så vil jeg sig tak for hjælp da!!

Synes godt om

tobrukDk Novice

06. april 2011 - 20:32 #7

lukker nu!

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
wp_delete_user virker ikke i Wordpress Af Ravnsen i PHP	2	21/08/202417:53	21/08/202422:03
php driller Af moscov i PHP	1	19/08/202415:09	20/08/202421:24
PHP alfabet Af John i PHP	4	10/08/202415:17	10/08/202417:47
Hent array key Af nemlig i PHP	3	17/05/202415:22	17/05/202416:30
iCal-feed og import til google kalender driller Af nemlig i PHP	11	09/05/202417:49	10/05/202421:28

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS