Archief - bcp-coaching.be

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Carrion

Legacy Member
Hoi,

tijd om eens iets van mij hier te laten checken :p

Heb de website van m'n zus haar zaak wat onder handen genomen, momenteel is de website gemaakt voor firefox, ga de css bestanden voor chrome & IE morgen maken, nu geen zin meer in, 't is al laat :p

Als daar iemand btw tips over heeft hoor ik het graag want

<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="design/css/ie8.css" />
<! [endif] -->

werkt niet.

:: Baby-Children-Pregnancy Coaching ::

Waar ik vooral naar zoek:

- tips over hoe ik m'n code efficiënter kan maken
- aanpassingen voor een betere SEO
- wat jullie anders zouden doen met design
- en natuurlijk de altijd geweldige kritieken :p

Curahee Q

Legacy Member
Aparte css bestanden voor chrome & IE? Als je dat moet gaan doen ben je in mijn ogen niet goed bezig. Elke website die ik maak werkt met 1 css bestand en werkte op alle browsers. Ik kan fout zijn maar ik denk dat als je code goed is dat dat niet hoeft.

Carrion

Legacy Member
Mja, het enige dat fout zit in chrome & IE is dat die grijze balkjes boven de foto's een stuk hoger staan, voor de rest zit alles in orde.

-BVR-

Legacy Member
Curahee Q zei:
Aparte css bestanden voor chrome & IE? Als je dat moet gaan doen ben je in mijn ogen niet goed bezig. Elke website die ik maak werkt met 1 css bestand en werkte op alle browsers. Ik kan fout zijn maar ik denk dat als je code goed is dat dat niet hoeft.

Ik werk voor IE vaak - maar niet altijd - met conditionals, maar wel voor heel kleine dingetjes die niet werken en die met volledig correcte code nog niet werken. IE(<8) is soms gewoon superellendig om te coden, en dan vaak in van die kleine gevalletjes waar ge nog een uur moet achter zoeken voor ge het vindt..

OT:
Om eerlijk te zijn: uw structuur trekt op niks. Het ging goed tot ik de 'container' open klikte.

- steek je menu in een aparte container, float die left. Maak dan een aparte container voor de content en float die ernaast. Nu heb je alles gewoon wat zitten in elkaar passen precies;
- steek je menu in een lijst of maak toch tenminste duidelijk (in de code) dat de menu-items een menu vormen (omarmende div, maar ik prefereer een ul);
- bij de menu-items moet je niet elke keer opnieuw die image plaatsen. Als je met een list werkt kan je bijvoorbeeld dit toepassen: CSS list-style-image property en als je met je divs blijft werken: een class meegeven aan elk menu-item en dat dan een background-image meegeven en een grotere linker padding zodat de tekst er niet over komt te staan;
- ik zie nog wat lege <p>-tags. Werk met margins instead;
- opletten met classes als 'strong', zo ga je je sneller vergissen tussen .strong en strong. Het is uw eigen keuze uiteraard, maar het is gemakkelijker, zeker bij grotere projecten;
- die drie afbeeldingen bovenaan zijn goed, maar dat grijs ding is echt lelijk. Lichtergrijs, en ander kleur tekst erop. En again, maak het ook duidelijk in uw code dat die afbeeldingen bijeenhoren;
- ik vind het design niet zo super. Vooral die zwarte borders niet. Pak dan lichtroze of lichtgrijs;
- waarom staat "Anneleen Mertens // 0828.593.596 // TOC " zo ver naar links? Ik zou dat uitlijnen met het menu.

Toch ff zeggen: deze 'kritiek' komt misschien ruw over, maar is enkel bedoeld om te helpen. Ik kan beter to-the-point zeggen wat ik ervan vind dan rond de pot te draaien. Vroeger werd ik altijd kwaad als iemand m'n sites reviewde en zei dat het 'lelijk' is, maar ze hadden gelijk: to-the-point en zeggen waar het op staat, maar toch wel wat tips geven. Als ik echter gemeen ben, dan moogt ge het zeggen, want dat is m'n bedoeling niet ;)

En waarom werken uw conditionals niet? Lees hier. Ik heb uw code getest, en dat werkt toch hoor. :) Maarja, zie dat ge die conditionals niet voor uw andere stylesheet plaatst, want dan wordt dat waarschijnlijk terug overschreven.

lt = less than (bv. lt IE7 = alle versies van IE kleiner dan 7)
lte = less than or equal (bv. lte IE7 = IE7 én alles eronder)
gt = greater than
gte = greater than or equal

EDIT: en voeg een css reset toe. :) Ik raad die van Eric Meyer of van Yahoo aan.

EDIT2: ik zou graag uw code herschrijven (van die grijze balken) maar dan moet ik heel de structuur aanpassen. Ik wil me daar wel mee bezighouden (een pagina aanpassen zodat ge ziet wat ik verander) en dan kunt ge nog zien wat ge ermee doet. Maar nu is het niet zo moeilijk dat er fouten in sluipen, zonder css reset en met weinig structuur.

Carrion

Legacy Member
Elke kritiek is welkom hoor, anders zou ik er hier niet om vragen :p Ik ben zelf natuurlijk wel verrast dat er zoveel "fout" is in m'n code, maar ik weet van mezelf dat ik daar nog wel nog wat over moet leren. Ik zie ook dat het grootste probleem volgens u m'n menu is. Hier had ik eerlijk gezegd ook veel kritiek op verwacht, daarom ook dat ik de website hier plaatste om daar een efficiëntere manier voor te leren.

Herschrijven mag je zoveel je wilt, altijd goed om een betere manier te vinden :p Momenteel laat ik het menu gewoon via een include erin plaatsen.

-BVR-

Legacy Member
Fixed

Werkt allemaal in IE6-9 (IE6 wel de transparecny niet en IE6&7 doen iets raars met het menu, maar daar kan ik wel naar kijken als ge per se wilt :p), FF, Chrome.

Ge kunt alles hier downloaden.

Body
Code:
<body>
<div id="container">
  <div id="leftcontainer">
    <div id="logo">
      <a href="http://www.bcp-coaching.be/index.php"><img src="./index_files/logo.png" alt="logo" /></a>
    </div>
    <ul id="menu">
      <li><a href="http://www.bcp-coaching.be/about.php" id="about">OVER MIJ</a></li>
      <li><a href="http://www.bcp-coaching.be/zwangerschapsmassage.php" id="zwangerschapsmassage">ZWANGERSCHAPSMASSAGE</a></li>
      <li><a href="http://www.bcp-coaching.be/babymassage.php" id="babymassage">BABYMASSAGE</a></li>
      <li><a href="http://www.bcp-coaching.be/kindermassage.php" id="kindermassage">KINDERMASSAGE</a></li>
      <li><a href="http://www.bcp-coaching.be/voedingsconsulente.php" id="voedingsconsulente">VOEDINGSCONSULENTE</a></li>
      <li><a href="http://www.bcp-coaching.be/relaxatiemassage.php" id="relaxatiemassage">RELAXATIEMASSAGE</a></li>
      <li><a href="http://www.bcp-coaching.be/afslankingsmassage.php" id="afslankingsmassage">AFSLANKINGSMASSAGE</a></li>
      <li><a href="http://www.bcp-coaching.be/zwangerschapszwemmen.php" id="zwangerschapszwemmen">ZWANGERSCHAPSZWEMMEN</a></li>
      <li><a href="http://www.bcp-coaching.be/babyzwemmen.php" id="babyzwemmen">BABYZWEMMEN</a></li>
      <li><a href="http://www.bcp-coaching.be/foto.php" id="foto">FOTO'S</a></li>
      <li><a href="http://www.bcp-coaching.be/contact.php" id="contact">AFSPRAAK &amp; CONTACT</a></li>
    </ul>
  </div>
  <div id="rightcontainer">
    <div id="top">
      <div class="topimages" id="image1"><span>Advies</span></div>
      <div class="topimages" id="image2"><span>Begeleiding</span></div>
      <div class="topimages" id="image3"><span>Coaching</span></div>
    </div>
    <div id="tekst">
	  <h2>Welkom</h2>
	  <p>Welkom bij BCP-Coaching. <strong>Speciaal ontwikkeld</strong> voor alle vrouwen &amp; kinderen.  U kan bij mij terecht voor <strong>diverse behandelingen</strong> die u als vrouw en uw kind ten goede komen. Pure verwennerij, verbetering van het lichaam, gezondere levensstijl, meer energie...</p>
	  <p>Om meer te weten te komen over ons aanbod vind je alle info terug op deze site of kan je steeds met mij contact opnemen.</p>
	  <p>Groetjes, Anneleen.</p>
	</div>
  </div>	
</div>
<div id="footer">
  Anneleen Mertens // 0828.593.596 // TOC
</div>
</body>

Carrion

Legacy Member
Dus als ik het goed begrijp is het in principe hetzelfde zoals je vroeger met iframes je bijvoorbeeld content frame, menu frame en banner frame had maar dan met div containers?

-BVR-

Legacy Member
Daar kan ik niet op antwoorden, aangezien ikzelf nog maar een 2,5 jaar aan het webcoden ben.. :)

Het is gewoon belangrijk dat je een overzicht bewaart dmv een structuur in je code te leggen.

-BVR-

Legacy Member
^lol @ hierboven. Ik denk dat de TS het nu na vier keer al wel doorheeft :p

Carrion

Legacy Member
Ik wist al voor ik het hier postte dat die balkjes enkel in FF werkte, daarom dat ik zei da de website voorlopig enkel in FF werkte., daarom dat ik het hier poste :p

Ik ga BramVroy z'n aanpassingen zeker in acht nemen en toepassen als ik wa nuchter ben (ben op vakantie atm :p )

En uiteindelijk is lettertype en design persoonlijk. Het is al moeilijk genoeg om een design te maken voor een externe klant, laat staan voor uw eigen zus :')
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan