De PHPhulp kroeg
css probleem met pagina systeem
Hoe komt dat en hoe kan ik het oplosssen?
In de indexpagina include ik het navigatie systeem.
als volgt:
<link href="css/moka_style1.css" rel="stylesheet" type="text/css" />
voorbeeld layout gecentreerd:
http://www.mokasol.nl/home.php
http://www.mokasol.nl en voorbeeld layout opeens links uitlijnend?
Gewijzigd op 01/01/1970 01:00:00 door Mrhocoma
http://www.mokasol.nl/home.php
Blijft gecentreerd wat ik ook doe.
http://www.mokasol.nl
Blijft links uitgelijnd
edit:
Best grappig heb 7 jaar in Maarn gewoond.
Gewijzigd op 01/01/1970 01:00:00 door Kalle P
Code (php)
1
2
3
4
5
6
2
3
4
5
6
#desite
{
margin-left: auto;
margin-right: auto;
/*De rest......*/
}
{
margin-left: auto;
margin-right: auto;
/*De rest......*/
}
Daarnaast let op je HTML.
<link href="css/moka_style1.css" rel="stylesheet" type="text/css" />
Staat er wel 3x in.
edit:
dat 50em kan idd weg.
Gewijzigd op 01/01/1970 01:00:00 door Kalle P
Wat is dan het handigst in de index.php niet de css aanroepen maar wel in de andre php pagina's? (mijn voorkeur want soms vindt google de aparte paginas ook en die zien er dan beter uit. Of nog anders?
ps ik heb de css zo aangepast maar uh niente verbetering in explorer. Waarom 50em voor de width? Nu staat er 900px.
Gewijzigd op 01/01/1970 01:00:00 door mrhocoma
Misschien nog een kleine tip: Verklein je afbeeldingen eens wat ;) . Een foto van 190x280 van 72KB is best wel groot :) . Kan heus wat kleiner ...
Iemand anders nog een goede suggestie? Ervaring met dit probleem.
(foto's worden nog verbetert..:) Google vindt indexeerd inderdaad alleen pagina's met links. Maar als je een link naar een pagina verwijdert terwijl je die pagina niet weghaald. Kan via google die pagina nog wel in de chache van Google gevonden worden en dus worden bezocht... van daar.. mijn gedachtengang.
Code (php)
1
2
3
2
3
#desite {
margin: auto;
}
margin: auto;
}
Maak daar eens van:
#desite {
margin: 0px auto;
}
#desite
{
margin-left: auto;
margin-right: auto;
/*De rest......*/
}
Zorgt ervoor dat de div in het midden wordt geplaatst.
dus:
Code (php)
1
2
3
4
5
2
3
4
5
body {
margin: 0;
padding: 0;
text-align: center;
}
margin: 0;
padding: 0;
text-align: center;
}
Daarna moet je op #desite text-align: left plaatsen
En je moet er een margin: 0 auto; op plaatsen.
Dus:
Code (php)
1
2
3
4
2
3
4
#desite {
margin: 0 auto;
text-align: left;
}
margin: 0 auto;
text-align: left;
}
Jan:
@ Danny: dat zou ook wel werken, maar je moet die div #desite dan nog wel een width meegeven.
Dat klopt! maar ik neem aan dat hij dat zelf wel weet en doet omdat je anders nooit zeker weet hoe breed #desite is..
Edit:
Na even snel in de stylesheet gekeken te hebben weet ik dat hij al een breedte van 900px opgegeven heeft :p
Na even snel in de stylesheet gekeken te hebben weet ik dat hij al een breedte van 900px opgegeven heeft :p
Gewijzigd op 01/01/1970 01:00:00 door Danny K
heb de wijzigingen zoals danny aangaf doorgevoerd werkt als een trein.
en dit stukje weggehaald:
margin-left: auto;
margin-right: auto;
zat um dus toch in de css..