html menu

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Robert r

robert r

08/08/2012 15:44:33
Quote Anchor link
Ik snap iets niet van deze site, het is een html menu maar er staat stylesheet, hoe moet je dat opslaan of tussen welke tag moet dat staan ?

Toevoeging op 08/08/2012 15:49:14:

En welke doctype moet er boven als je gwn html codert ?
 
PHP hulp

PHP hulp

22/12/2024 02:40:44
 
- SanThe -

- SanThe -

08/08/2012 15:51:00
Quote Anchor link
Dat had je al in je ander topic gevraagd.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<head>
<link rel="stylesheet" type="text/css" href="/css/css.css" />
</head.
 
Robert r

robert r

08/08/2012 15:52:26
Quote Anchor link
- SanThe - op 08/08/2012 15:51:00:
Dat had je al in je ander topic gevraagd.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<head>
<link rel="stylesheet" type="text/css" href="/css/css.css" />
</head.


dus in map css en dan bestand css.css ?
 
- SanThe -

- SanThe -

08/08/2012 15:55:06
Quote Anchor link
In dit voorbeeld wel. Dat kan je geheel naar eigen idee invullen. Als het maar klopt met de mappen en bestandsnamen.
 
Robert r

robert r

08/08/2012 15:56:19
Quote Anchor link
- SanThe - op 08/08/2012 15:55:06:
In dit voorbeeld wel. Dat kan je geheel naar eigen idee invullen. Als het maar klopt met de mappen en bestandsnamen.


Oke, bedankt ik ga het proberen.

Toevoeging op 08/08/2012 17:20:24:

Ik heb een menu hier de codes :

menu.html

<html>
<head>
<title></title>
<link rel="icon" type="image/vnd.microsoft.icon" <link rel="stylesheet" type="text/css" href="css/css.css">
</head>
<body bgcolor="#FF7700">
<div class="menu">
<ul>
<li><a href="#">home</a></li>
</ul>
</div>
</body>
</html>

En css.css

* {
padding: 0;
margin: 0;
font-family: Trebuchet MS;
}

.menu {
margin: 5px;
padding: 5px;
width: 180px;
border-right: 1px solid black;
}

.menu ul li {
padding: 0 5px;
line-height: 20px;
list-style-image: url(angle.png);
list-style-position: inside;
}

.menu ul li:hover {
list-style-image: url(angle.png);
list-style-position: inside;
}

.menu ul li a, a:link, a:visited, a:active {
color: #000;
text-decoration: none;
}


Nou was mijn vraag, hoe haal ik die streep weg ik krijg namelijk achter home een zwarte streep en welk doctype moet hierboven ?
 
Frank WD

Frank WD

08/08/2012 17:26:01
Quote Anchor link
Je kan beste je menu opmaken zonder <body> <head> en noem maar op.
Als je alleen je menu code in menu.php zet, en dan include je die menu.php in je index. Zo hoef je alleen bij verandering je menu.php te openen en niet alle file's waar je menu in wilt hebben.

Dit zorgt er ook voor dat je de <body> enz... tags maar 1x op je site hebt staan.
En tevens is het niet gebruikelijk om doctype boven je menu te zetten.
 
Robert r

robert r

08/08/2012 17:28:42
Quote Anchor link
Frank WD op 08/08/2012 17:26:01:
Je kan beste je menu opmaken zonder <body> <head> en noem maar op.
Als je alleen je menu code in menu.php zet, en dan include je die menu.php in je index. Zo hoef je alleen bij verandering je menu.php te openen en niet alle file's waar je menu in wilt hebben.

Dit zorgt er ook voor dat je de <body> enz... tags maar 1x op je site hebt staan.
En tevens is het niet gebruikelijk om doctype boven je menu te zetten.


Dit is gewoon de index.html alleen heel wat weggehaald omdat alleen het menu belangrijk is maar ik weet het al ik heb in regel 11 een getal veranderd en het was klaar.

Toevoeging op 08/08/2012 17:30:17:

Ik heb trouwens ook nog een javascript vraagje, als je een jacascript heb, en je slaat hem op in naam.js moet je dan ook de html tags gebruiken zoals <body></body> enzo ? Net als bij een html pagina ?
 
Frank WD

Frank WD

08/08/2012 17:35:56
Quote Anchor link
Maar kun je niet beter je menu in een aparte file zetten dan?
Het lijkt me persoonlijk niet slim om je menu in index.php te knallen.

Kijk eens na deze opzet:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html>
<html>
<head>
    hier je meta tag
</head>

<body>
    <header>
        <?php include ('header.php'); ?>
    </header>
    
    <nav id="menu">
        <?php include ('menu.php'); ?>
    </nav>
    
    <div id="content">
        hier je index spulletje
    </div>
    
    <footer>
        Je footer spulletjes
    </footer>
</body>
<html>


even ter voorbeeld.
 
Robert r

robert r

08/08/2012 17:37:14
Quote Anchor link
Frank WD op 08/08/2012 17:35:56:
Maar kun je niet beter je menu in een aparte file zetten dan?
Het lijkt me persoonlijk niet slim om je menu in index.php te knallen.

Kijk eens na deze opzet:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html>
<html>
<head>
    hier je meta tag
</head>

<body>
    <header>
        <?php include ('header.php'); ?>
    </header>
    
    <nav id="menu">
        <?php include ('menu.php'); ?>
    </nav>
    
    <div id="content">
        hier je index spulletje
    </div>
    
    <footer>
        Je footer spulletjes
    </footer>
</body>
<html>


even ter voorbeeld.


Het gaat hier om html hé.

Toevoeging op 08/08/2012 17:40:00:

En waarom zet ie jou code wel in zo vak en die van mij niet ?
 
Bart V B

Bart V B

08/08/2012 17:44:39
Quote Anchor link
Quote:
Het gaat hier om html hé.


Ja dat is het voorbeeld toch ook?
Het enige wat er aan toevoeging in zit is, dat je niet telkens een nieuwe html pagina hoeft te gaan lopen boren. alles blijft het zelfde met 1 template.
In menu.php zet je gewoon html tags te neer als je dat wil.

voorbeeld van een menu:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<ul>
  <li>menu</li>
  <li>menu</li>
  <li>menu</li>
</ul>

Dus als er wat verandert in je menu hoef je alleen menu.php te editen, en niet alle losse pagina's....
 
Robert r

robert r

08/08/2012 19:11:11
Quote Anchor link
Bart V B op 08/08/2012 17:44:39:
Quote:
Het gaat hier om html hé.


Ja dat is het voorbeeld toch ook?
Het enige wat er aan toevoeging in zit is, dat je niet telkens een nieuwe html pagina hoeft te gaan lopen boren. alles blijft het zelfde met 1 template.
In menu.php zet je gewoon html tags te neer als je dat wil.

voorbeeld van een menu:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<ul>
  <li>menu</li>
  <li>menu</li>
  <li>menu</li>
</ul>

Dus als er wat verandert in je menu hoef je alleen menu.php te editen, en niet alle losse pagina's....


Ik doe alles in html. Of kan je ook in html dat includen zoals in php ?
 
Obelix Idefix

Obelix Idefix

08/08/2012 19:17:50
Quote Anchor link
Waarom quote je complete reacties die er direct boven staan?
 
Robert r

robert r

08/08/2012 19:25:06
Quote Anchor link
Obelix en Idefix op 08/08/2012 19:17:50:
Waarom quote je complete reacties die er direct boven staan?


Dat is voor mij een gewoonte ? Of doen jullie dat hier niet ?
 
Obelix Idefix

Obelix Idefix

08/08/2012 19:48:36
Quote Anchor link
Heb je iemand in jouw 13 topics van nog geen week tijd overal zien quoten??

Misschien alleen daarom al een goede tip: kijk ook eens naar andere topics. Kun je ook nog van leren ;-)
 
Robert r

robert r

08/08/2012 19:49:23
Quote Anchor link
Ik ben gewend om dat te doen maar zal er mee stoppen als dat fijner is, mag ik dan nog wat vragen ?
 
Bart V B

Bart V B

08/08/2012 21:03:46
Quote Anchor link
Quote:
mag ik dan nog wat vragen ?

Uiteraard..
Nee, in html is het niet zo als in php dat je kan includen.
Maar ik neem aan dat je website toch dynamisch moet worden?
Dan is dat stapje naar php niet zo groot meer... (hoewel ik in deze aan twijfel..)
Je gaat toch niet een static html website maken hoop ik?
Weet je wel hoeveel werk dat je dan op je nek hebt genomen..
 
Robert r

robert r

08/08/2012 21:05:21
Quote Anchor link
Bart V B op 08/08/2012 21:03:46:
Quote:
mag ik dan nog wat vragen ?

Uiteraard..
Nee, in html is het niet zo als in php dat je kan includen.
Maar ik neem aan dat je website toch dynamisch moet worden?
Dan is dat stapje naar php niet zo groot meer... (hoewel ik in deze aan twijfel..)
Je gaat toch niet een static html website maken hoop ik?
Weet je wel hoeveel werk dat je dan op je nek hebt genomen..


Ik ben nog aan het leren, met wat ik leer zet ik op de pagina, en zo probeer ik een web site te maken en dan ga ik langzaam naar php :) .
 
Ozzie PHP

Ozzie PHP

08/08/2012 21:06:12
Quote Anchor link
Obelix en Idefix op 08/08/2012 19:17:50:
Waarom quote je complete reacties die er direct boven staan?

Robert, wat hadden we net nou gezegd over het quoten van complete reacties??????
 
Robert r

robert r

08/08/2012 21:07:22
Quote Anchor link
Ohja, ik ben er zo aangewend.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.