login  Naam:   Wachtwoord: 
Registreer je!
 Forum

verschillende weergave

Offline choppy01 - 21/04/2008 14:07
Avatar van choppy01Nieuw lid ik heb mijn html en css code laten valideren (ze zijn allebei w3c valid) maar toch heb ik een verschillende weergave in firefox en in ie

hieronder men code, hopelijk vinden jullie mijn foutje ?

css: http://www.plaatscode.be/7405/

html: http://www.plaatscode.be/7406/

6 antwoorden

Gesponsorde links
Offline Kr4nKz1n - 21/04/2008 17:32
Avatar van Kr4nKz1n Onbekend Ik wil graag 3 dingen nog hebben.

1: URL van de site
2: Screenshot in IE
3: Screenshot in FF

Niet iedereen heeft FF.
Offline Kr4nKz1n - 21/04/2008 17:57 (laatste wijziging 21/04/2008 18:10)
Avatar van Kr4nKz1n Onbekend Veel mensen hier gebruiken FF ja, maar niet iedereen. Ik zit nu op de computer van mijn ouders en die hebben er geen FF op en is verder ook niet nodig.

edit
Waarmee ik je wel kan helpen is dit:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. font-family:'Monotype Corsiva';

Quotes zijn goed, lettertype zit standaard op een XP machine (ook Vista neem ik aan) maar geef ook een secundaire font mee. Want niet iedereen heeft die font denk ik.

En nog een handige tip:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. margin-top: 0px;
  2. margin-left:auto;
  3. margin-right:auto;
  4. margin-bottom:0px;


Ten eerste, bij een 0 waarde hoef/mag je geen eenheid erbij zetten, en dit kan in 1 zin.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. margin: 0 auto 0 auto;

Je begint boven en gaat dan met de klok mee. Dus boven, rechts, onder en links 

Wat mij ook opvalt dat je bij de body
css code - Bekijk de code zonder highlighting - Klap code in 
  1. margin-left: 0px;
  2.         margin-top: 0px;
  3.         margin-right: 0px;
  4.         margin-bottom: 0px;
  5. text-align: center;
  6. background-color:#592302;

Terwijl je die margin dus kan inkorten, aangezien ze allemaal dezelfde waarde hebben kun je gewoon zeggen
css code - Bekijk de code zonder highlighting - Klap code in 
  1. margin: 0;


En bij #content gebruik je de shorthand background.


En later zie ik
css code - Bekijk de code zonder highlighting - Klap code in 
  1. text-decoration: none;
  2. padding: 2px 5px 0px 5px;
  3. border-top: 1px solid #FFF;
  4. border-right: 1px solid #FEB660;
  5. border-bottom: 1px solid #FEB660;
  6. border-left: 1px solid #FFF;

Je gebruik die padding wel als shorthand, de border niet, maar je gebruikt wel weer de korte manier bij de kleur 

Daarnaast ziet het er wel goed uit, geen *grove* fouten, alleen geen tabs bij CSS en HTML, dat is jammer.

Dit is niet bedoelt om je af te kraken, maar gewoon *tips*
Offline choppy01 - 22/04/2008 10:19
Avatar van choppy01 Nieuw lid allemaal bedankt voor jullie tips

deze site staat nog niet online, ik ga een nieuw domein ervoor kopen (maar pas wanneer de weergaves correct zijn )

wat is aan te bevelen ? shorthand schrijven of gewoon alles zetten?

thks
Offline Kr4nKz1n - 22/04/2008 10:38 (laatste wijziging 22/04/2008 12:50)
Avatar van Kr4nKz1n Onbekend shorthand, is overzichtelijker, en het bestaat niet voor niets (tja overgenomen van iemand hier )

Je stylesheet wordt een stuk korter.

Ik weet een mooie tut hiervoor.
http://www.phphulp.nl/php/tutorials/8/331/

Citaat:
Rens edit:
Jij vind shorthand overzichtelijker, ik weer niet.
Verschilt dus van persoon tot persoon.

En dat 'en het bestaat niet voor niets', dat zei ik eerst ook in een MySQL topic.
Maar dat vond jij toen aardig doelloos? 
Offline choppy01 - 22/04/2008 11:15
Avatar van choppy01 Nieuw lid in ieder geval bedankt voor jullie tips, maar dit lost mijn probleem jammer genoeg niet op
Offline Kr4nKz1n - 22/04/2008 11:28
Avatar van Kr4nKz1n Onbekend Nope want we krijgen geen screenshot van jou 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.18s