Forum » Client-Side scripting » Css probleempje
melvinp
Berichten: 44
avatar
Offline Stuur privebericht
Hallo Allemaal,

Ik heb een klein probeel met mijn site.
Ik had even snel iets gemaakt in photoshop voor een menu en daar wou ik dan tekst in zetten via Html/Css maar, Ik wil graag dat de tekst Horizontaal en Verticaal in het midde komen van de blauwe balk.

Ik heb al veel dingen geprobeerd maar het lukt me niet echt.

Zou iemand er naar willen kijken.
Voor het online voorbeeld kan je kijken op:
www.mobcrime.nl
En hieronder vind je de index en de css

Index.php
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Mobcrime</title>
</head>
<body>

<div id="wrapper">
    
    
<div id="menu-balk">    
        
        <ul class="menu">
                <li class="current"><a href="#" title="">Home</a></li>
                <li><a href="#" title="">Test</a></li>
                <li><a href="#" title="">Test</a></li>
                <li><a href="#" title="">Test</a></li>
                <li><a href="#" title="">Test</a></li>
        </ul>
        
</div> 
</div>     






</body>

</html>


En Style.css

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
Body {
background-color:#CCC;

}



#wrapper {
width:1000px;
height:600px; 
margin:auto;

}


#menu-balk {
background:url(../images/menu-balk.png) no-repeat;
width:982px;
height:50px;
margin:auto;

}

/* Menu-horizontaal */
ul.menu {

width:982px;
position:absolute;
display:block;
height:50px;
font-size:10px;
font-family:Verdana,Helvetica,Arial,sans-serif;
text-align: center;
color:#FFFFFF;
}

ul.menu li {
display:block;
float:left;
margin-left:10px;

}

ul.menu a {
color:#000;
text-align: center;
list-style: none;
text-decoration: none;

}

ul.menu ul a {
list-style: none;
text-decoration: none;
text-align: center;


}


Ik hoop dat iemand mij op weg kan helpen

Alvast Bedankt!
25-12-2010 01:01
Dit topic is 216 keer bekeken door 41 verschillende leden
Reacties op: "Css probleempje"
1
RDMNL2010
webbasing.com
Berichten: 593
avatar
Offline Stuur privébericht
aan ul.menu toevoegen : padding-top: 8px;
25-12-2010 01:16
melvinp
Berichten: 44
avatar
Offline Stuur privébericht
Thanks, Nu staat hij wel verticaal in het midden. Maar ik wil hem ook graag horizontaal in het midden hebben!
25-12-2010 01:22
jemajeroen
eerst: basshunter
Berichten: 518
avatar
Offline Stuur privébericht
gewoon met de center tag?
Code | Selecteer Alles
minimaliseren
1
<center>blabla</center>
25-12-2010 01:27
melvinp
Berichten: 44
avatar
Offline Stuur privébericht
Hmm dat werkt niet
25-12-2010 01:31
jemajeroen
eerst: basshunter
Berichten: 518
avatar
Offline Stuur privébericht
raar dat is gewoon html...
dat zou het moetten doen...
align= center miss?
25-12-2010 01:39
melvinp
Berichten: 44
avatar
Offline Stuur privébericht
Ik heb gedaan text-align:center; maar dat werkt ook niet
25-12-2010 10:42
L.Groot
Rapifia Europe
Berichten: 3716
avatar
Offline Stuur privébericht
Kijk hier eens:
http://www.w3schools.com/css/css_align.asp

En probeer dan eens iets met de position: absolute;.


Ben jij btw. de maker van de Mobwar of mobcrime source die heb ik ooit in een ver verleden nog gebruikt
25-12-2010 11:38
melvinp
Berichten: 44
avatar
Offline Stuur privébericht
@l.Groot

Thanks ik zal eens even kijken

En ja inderdaad ik ben daar de maker van
25-12-2010 12:49
Creativ3
Berichten: 1751
avatar
Offline Stuur privébericht
Ik zou niet absolute waardes gebruiken! Absoluut betekend dat hij altijd daar blijft staan. Gebruik gewoon padding-left: auto; in css of <center></center in html
25-12-2010 12:51
melvinp
Berichten: 44
avatar
Offline Stuur privébericht
EDIT: Het is eindelijk gelukt.

Thank voor alle hulp

En iedereen prettige kerstdagen
25-12-2010 13:05
Reageer op: "Css probleempje"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden