[CSS] voor dummies #14

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_75463025
Weer iets geleerd
pi_75463098
Ik heb nu een iframe maar ik werk met xhtml strict, het is een kant en klare shoutbox, is er een manier om het werkend te krijgen met strict? want strict staat 'm niet toe.
76.000.000 2009-12-24 01:28 Semmm
pi_75463160
iframe
pi_75463500
Ja kan er ook niks aan doen, het was de opdracht op een gastenboek/shoutbox er in te zetten maar het is dus een iframe, Heb je niet een goede oplossing?
76.000.000 2009-12-24 01:28 Semmm
pi_75463503
quote:
Op woensdag 9 december 2009 22:22 schreef Semmm het volgende:
Ik heb nu een iframe maar ik werk met xhtml strict, het is een kant en klare shoutbox, is er een manier om het werkend te krijgen met strict? want strict staat 'm niet toe.
Wat mag er dan niet volgens de W3C Validator?
fokstok.nl
pi_75463575
quote:
Op woensdag 9 december 2009 22:31 schreef Light het volgende:

[..]

Wat mag er dan niet volgens de W3C Validator?
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
76.000.000 2009-12-24 01:28 Semmm
  woensdag 9 december 2009 @ 23:14:10 #8
254493 Trollface.
gr rob fruithof, groningencity
pi_75465552
quote:
Op woensdag 9 december 2009 22:22 schreef Semmm het volgende:
Ik heb nu een iframe maar ik werk met xhtml strict, het is een kant en klare shoutbox, is er een manier om het werkend te krijgen met strict? want strict staat 'm niet toe.
Een object.

Gebruik het zo:
1
2
3		<object data="shoutbox.php" type="text/html">
Je browser ondersteunt de object-tag niet!
</object>
★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★
pi_75486945
quote:
Op woensdag 9 december 2009 23:14 schreef Trollface. het volgende:

[..]

Een object.

Gebruik het zo:
[ code verwijderd ]


Dit snap ik even niet,

Ik heb via een site gewoon een kant en klare shoutbox gekregen en die staat ook op hun site (http://www4.shoutmix.com/?semmmm)
1
2
3
4
5
6		<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="semmmm" data-src="http://www4.shoutmix.com/?semmmm" style="visibility:hidden;" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www4.shoutmix.com/?semmmm">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->


Kan je het iets specifieker uitleggen?

Dankje!
76.000.000 2009-12-24 01:28 Semmm
  vrijdag 11 december 2009 @ 08:41:47 #10
254493 Trollface.
gr rob fruithof, groningencity
pi_75507291
1
2
3		<object data="http://www4.shoutmix.com/?semmmm" type="text/html" width="160" height="400" border="0">
<a href="http://www4.shoutmix.com/?semmmm">Klik hier om de shoutbox te bekijken.</a>
</object>


★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★
pi_75522571
quote:
Op vrijdag 11 december 2009 08:41 schreef Trollface. het volgende:

[ code verwijderd ]


a super, bedankt!!
76.000.000 2009-12-24 01:28 Semmm
  woensdag 16 december 2009 @ 09:10:21 #12
182073 invine
blablabla etc.
pi_75677511
tvp
Ik drink nooit meer! maar ook niet minder.
pi_75705119
mijn shoutmix werkt nu niet meer met IE via de code die ik hier heb gekregen, hoe komt dat?
76.000.000 2009-12-24 01:28 Semmm
pi_76080616
Heeft er iemand hier toevallig ervaring met myspace pagina's ontwerpen met css&html?

Bovenaan de website, onder de ad, heb je een lijst met knoppen (mijn myspace, bladeren, mensen zoeken, forums etc etc etc).
Weet iemand hoe je de tekstgrootte van die knoppen kan verkleinen? In Firefox is het namelijk net te groot en belanden de 'Mijn account' en 'Afmelden' namelijk op een 2e regel. In Opera heb ik dit probleem niet.

Daarnaast vind ik het sowieso mooier als de knoppen iets kleiner zijn, en op deze myspace is de tekst van de knoppen ook verkleind en dat werkt een stuk mooier.

Alvast bedankt!

edit: ook zie ik bij mijn eigen myspace blauwe strepen tussen deze knoppen, deze zou ik ook graag weg willen zoals bij de myspace van Breaking Benjamin.
  zaterdag 26 december 2009 @ 20:01:48 #15
282039 VanderMeulen
Mjam mjam mjam mjam, hap hap
pi_76084304
Met firebug en stylish moet je een heel end komen.
Heeft u al een brandverzekering?
pi_76109931
quote:
Op zaterdag 26 december 2009 20:01 schreef VanderMeulen het volgende:
Met firebug en stylish moet je een heel end komen.
Heb het opgelost met dit simpele lijntje dat ik had gevonden :)

1.rail {display:none!important;} td.rail {display:inline;}


Maar ik heb firebug en stylish sowieso maar even geinstalleerd, bedankt voor de tip! :Y

Blijf wel een gebitch zeg dat myspace :X al die stomme scripten overal vandaan zien te toveren met google aangezien ik ze niet zelf kan verzinnen :P
  zondag 27 december 2009 @ 19:41:00 #17
282039 VanderMeulen
Mjam mjam mjam mjam, hap hap
pi_76113777
quote:
Op zondag 27 december 2009 17:51 schreef lkb9000 het volgende:

[..]

Heb het opgelost met dit simpele lijntje dat ik had gevonden
[ code verwijderd ]

Maar ik heb firebug en stylish sowieso maar even geinstalleerd, bedankt voor de tip!

Blijf wel een gebitch zeg dat myspace al die stomme scripten overal vandaan zien te toveren met google aangezien ik ze niet zelf kan verzinnen
Beetje een raar lijntje. Eerst verberg je een tablecell, daarna maak je 'm inline (ipv table-cell), wat echter geen effect zal hebben omdat die eerste regel de !important toevoeging heeft en dus de 2e zal overschrijven...
Heeft u al een brandverzekering?
pi_76117656
quote:
Op zondag 27 december 2009 19:41 schreef VanderMeulen het volgende:

[..]

Beetje een raar lijntje. Eerst verberg je een tablecell, daarna maak je 'm inline (ipv table-cell), wat echter geen effect zal hebben omdat die eerste regel de !important toevoeging heeft en dus de 2e zal overschrijven...
Is dat 2e deel dan niet gewoon voor de zekerheid voor andere browsers ofzo? Ik heb geen idee, ben niet zo goed met script enzo. Dit is gewoon gekopieerd van een google-resultaat, en het bleek te werken dus ik vind het wel goed

De rest van mn code zal nog stukken erbarmelijker zijn
pi_76665298
Is het mogelijk om in een table de tr's om en om een andere kleur te geven zonder een aparte class en zonder het in de html te zetten?

zoals dit dus:



heb het nu wel maar heb nu een aparte klas voor elke row

.tre (even)
.tro (odd)

maar ik heb het op alfabet en als er dan iets tussen moet moet ik álle classes aanpassen zodat het weer klopt

ik gebruik verder geen php, alleen html en css
pi_76666790
quote:
Op maandag 11 januari 2010 01:10 schreef TwyLight het volgende:
Is het mogelijk om in een table de tr's om en om een andere kleur te geven zonder een aparte class en zonder het in de html te zetten?

zoals dit dus:

[ afbeelding ]

heb het nu wel maar heb nu een aparte klas voor elke row

.tre (even)
.tro (odd)

maar ik heb het op alfabet en als er dan iets tussen moet moet ik álle classes aanpassen zodat het weer klopt

ik gebruik verder geen php, alleen html en css
Je kunt tr:nth-child(odd) en tr:nth-child(even) gebruiken. Werkt alleen niet in alle browsers. Andere optie is tr:nth-of-type(odd) en tr:nth-of-type(even), maar ook dat werkt niet in alle browsers. Nadeel van CSS3.
fokstok.nl
  maandag 11 januari 2010 @ 07:07:42 #21
134533 donroyco
dus niet Donroyco
pi_76666809
tvp.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_76737234
quote:
Op maandag 11 januari 2010 01:10 schreef TwyLight het volgende:
Is het mogelijk om in een table de tr's om en om een andere kleur te geven zonder een aparte class en zonder het in de html te zetten?

zoals dit dus:

[ afbeelding ]

heb het nu wel maar heb nu een aparte klas voor elke row

.tre (even)
.tro (odd)

maar ik heb het op alfabet en als er dan iets tussen moet moet ik álle classes aanpassen zodat het weer klopt

ik gebruik verder geen php, alleen html en css
Met PHP zou het easy-peasy zijn. Array maken, foreach loop, if (i % 2), zo gefixt...

Met javascript wil het ook wel.
for (i=0; i<table.getElementsByTagName('tr').length; i++)
if (i % 2){
table.getElementsByTagName('tr')[i].className='even';
}
zcflevo.nl
pi_76746448
quote:
Op maandag 11 januari 2010 01:10 schreef TwyLight het volgende:
Is het mogelijk om in een table de tr's om en om een andere kleur te geven zonder een aparte class en zonder het in de html te zetten?

zoals dit dus:

[ afbeelding ]

heb het nu wel maar heb nu een aparte klas voor elke row

.tre (even)
.tro (odd)

maar ik heb het op alfabet en als er dan iets tussen moet moet ik álle classes aanpassen zodat het weer klopt

ik gebruik verder geen php, alleen html en css
Je kunt denk ik wel uit de voeten met javascript. Door middel van het DOM alle TR's uit de tabel ophalen en dynamisch een CSS-klasse toewijzen aan deze rijen. Op een andere manier zou ik zo 1, 2, 3 ook niets weten.
Edit: Spuit 3,67*10^23 Post hierboven niet goed gelezen
  donderdag 21 januari 2010 @ 11:40:14 #24
25889 Sitethief
Fulltime Flapdrol
pi_77090273
Ik heb mijn header absolute gemaakt, daar onder moet content komen, kan ik die het beste als float zetten? En de footer dan? relative?
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_77091879
quote:
Op donderdag 21 januari 2010 11:40 schreef Sitethief het volgende:
Ik heb mijn header absolute gemaakt, daar onder moet content komen, kan ik die het beste als float zetten? En de footer dan? relative?
Ik zou header, content en footer laten floaten.
Blijft je header nu eigenlijk wel goed staan als je het browserscherm breder of smaller maakt?
fokstok.nl
pi_77093633
Wat Light zegt. Probeer Position zoveel mogelijk te vermijden. Er zijn situaties waarbij je niet zonder kunt (elementen die over elkaar moeten vallen, of die bewust op afwijkende plaats in de HTML moeten komen), maar in alle andere gevallen maak je het jezelf er alleen maar lastig mee.
zcflevo.nl
  vrijdag 22 januari 2010 @ 08:49:17 #27
25889 Sitethief
Fulltime Flapdrol
pi_77129574
Wat is het voordeel van alles laten floaten?
Laten we zeggen dat ik 4 layers heb

Header
Searchbox
Content
Footer

En alleen de inhoud van content varieert , de rest is statisch. Hoe zou ik dat dan het beste kunnen doen?
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_77131501
Ligt er maar net aan hoe je indeling is.

En het voordeel van alles laten floaten is dat dat simpelweg het makkelijkst is.

Ik denk dat je ongeveer aan zo'n indeling zit:

1
2
3
4
5
6
7		<container>
   <header>
      <search></>
   </>
   <content></>
   <footer></>
</>

Waarschijnlijk wil je ook nog ergens een menu....
zcflevo.nl
  vrijdag 22 januari 2010 @ 10:57:12 #29
25889 Sitethief
Fulltime Flapdrol
pi_77132658
quote:
Op vrijdag 22 januari 2010 10:20 schreef KomtTijd... het volgende:
Ligt er maar net aan hoe je indeling is.

En het voordeel van alles laten floaten is dat dat simpelweg het makkelijkst is.

Ik denk dat je ongeveer aan zo'n indeling zit:
[ code verwijderd ]

Waarschijnlijk wil je ook nog ergens een menu....
Ik heb het nu zo, mijn hele layout is nu absolute..... en je kunt blijkbaar niet zomaar ombouwen naar float.
Ik snap niet echt hoe ik dit met float kan doen, dan valt mijn hele layout uit elkaar............... Hoe zorg je er dan ooit voor dat de plaatsing ten opzichte van de container en elkaar nog klopt?
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_77132974
quote:
Op vrijdag 22 januari 2010 10:57 schreef Sitethief het volgende:

[..]

Ik heb het nu zo, mijn hele layout is nu absolute..... en je kunt blijkbaar niet zomaar ombouwen naar float.
Ik snap niet echt hoe ik dit met float kan doen, dan valt mijn hele layout uit elkaar............... Hoe zorg je er dan ooit voor dat de plaatsing ten opzichte van de container en elkaar nog klopt?
Nondeju wat moet dát in hemelsnaam voorstellen? Ja met zo'n paginabron zou ik er ook niet meer uitkomen.

Ik zou zeggen, maak eens met 3 of 4 div's zo'n structuur al ik hierboven beschreef maar dan met die search in de content. Zet je css in een aparte stylesheet. Geef alle elementen even een goed opvallende achtergrondkleur zodat je kunt zien wat er gebeurt. Volgens mij hoef je nieteens de float aan te passen, alles staat van zichzelf dan al goed.
zcflevo.nl
  vrijdag 22 januari 2010 @ 11:17:18 #31
25889 Sitethief
Fulltime Flapdrol
pi_77133308
Het was een gesliced design in een table met cellen..... ik ben hem aan het ombouwen. Maar ik zet meestal pas mijn css in een apart css bestand als de pagina enigzinswerkt. Nu kan ik alles in één document wijzigen en raak ik zelf de weg niet kwijt, dat heb ik nogal snel als de css in een apart bestand staat. Wel handig als je nog met de layout enzo bezig bent.

Tjah, ik kan het ook niet helpen dat ze mij de slices zo hebben aangeleverd. Ik kan er niet minder divjes van maken omdat elk divje een aparte image heeft die samen de layout vormen.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  vrijdag 22 januari 2010 @ 11:20:14 #32
25889 Sitethief
Fulltime Flapdrol
pi_77133394
Ik zag trouwens dat al mijn tabs weg waren na het uploaden, die heb ik ff hersteld.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_77133757
Dan zou ik toch maar eens een bronbestand vragen. Of zelf de plaatjes weer aan elkaar plakken. Dit is gewoon onwerkbaar. Hoe was je in hemelsnaam van plan om content toe te voegen als die verdeeld moet zijn over 20 divjes?

Wat je zegt over die table is ook wel treffend. Zo te zien heeft hier iemand geprobeerd met divjes een table na te maken. Dat is niet, ik herhaal NIET het idee van semantische HTML!!!!!

En ik begrijp niet hoe je in hemelsnaam die inline-styles overzichtelijk kunt vinden. Als je het in één bestand wilt houden, gebruik dan gewoon de <style> tag in je head.
zcflevo.nl
  vrijdag 22 januari 2010 @ 12:25:35 #35
25889 Sitethief
Fulltime Flapdrol
pi_77135553
Dank je KomtTijd, ik ga toch eens overleggen of de layout ietsjes anders kan.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_77313915
Okay, ik heb niet gek veel verstand CSS maar hoe kan ik het volgende het beste aanpakken om dit te bereiken?



Dus 3 van deze blokken even ver van elkaar (hoogte + breedte) en in elke resolutie gecentreerd....
Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"
pi_77314144
plaats ze in een container

1
2
3		#container {
  margin: 0 auto 0 auto;
  }


En geef vervolgens elk blok:

1
2
3
4		.blok {
  float: left;
  margin: 10px;
  }


margin staat voor ruimte om het item heen, je kan ook een shorthand gebruiken voor alle kanten, dat is:

1margin: 0 5px 0 5px;


Dan heeft hij rechts en links 5 pixels ruimte om zich heen.

de shorthand gaat uit van top, right, bottom, left
pi_77314897
Zoals al eerder gezegd weinig tot geen ervaring en of kennis, maar als ik het goed begrijp moet elk blok in een container zetten en dan zou je bijvoorbeeld het volgende kunnen krijgen als html?

1
2
3		<div class="container" id="blokblauw">
inhoud blauwe blok
</div>


En zo voor elk blok (kleur) een ander .blokkleur stuk aanmaken in de css?
Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"
pi_77315104
Nee, je moet één container gebruiken dus je html ziet er dan zo uit:

1
2
3
4
5		<div id="container">
   <div class="blok1"> Hier je tekst</div>
   <div cllass="blok2">Hier je tekst</div>
   <div class="blok3">Hier je tekst</div>
</div>


en je css zo:

1
2
3
4
5
6
7
8
9
10		#container {
  width: de totale breedte in px;
  margin: 0 auto 0 auto;
  }

.blok1 {
 width: 200px;
 float: left;
 margin: 5px;
 }


Je snapt het idee
pi_77315838
Bedankt voor alle hulp, ben nu al een stuk verder .

Hoe krijg je het nu alleen (in de breedte) in alle browsers en resoluties geconcentreerd?
Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"
pi_77315911
quote:
Op dinsdag 26 januari 2010 23:15 schreef Superheld het volgende:
Bedankt voor alle hulp, ben nu al een stuk verder .

Hoe krijg je het nu alleen (in de breedte) in alle browsers en resoluties geconcentreerd?
margin: 0 auto 0 auto;

dat is centreren, daarom moest je het in een container zetten
pi_77316123
Haha oeps, vergeten :
1width: de totale breedte in px;

te veranderen .

Nou nogmaals bedankt, ik kan weer verder klooien .
Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"
pi_77316157
np
  woensdag 27 januari 2010 @ 08:54:04 #44
25889 Sitethief
Fulltime Flapdrol
pi_77322519
Waarom zet je een gefixeerde grote in onderdelen die binnen de container vallen? Daar word je website niet echt flexibel van.....
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_77325037
quote:
Op dinsdag 26 januari 2010 22:47 schreef TwyLight het volgende:


de shorthand gaat uit van top, right, bottom, left
Kan nog korter: als je twee waardes opgeeft gaat shorthand uit van [top&bottom] [left&right]

Dus: "margin: 0 auto;" is ook goed.
zcflevo.nl
pi_77424313
Hoi.

Ik heb dit bij mijn h2 als code:
1
2
3		h2 {
   text-color:f37c7c;
}


Maar de kleur verandert niet. Ook niet als ik gewoon color:#... doe, doet hij ook niet veranderen.
Wat doe ik verkeerd?
pi_77425477
In je voorbeeld kloppen 2 dingen niet: het hekje ontbreekt en het moet inderdaad niet "text-color" maar gewoon "color" zijn.

Als het dan nog niet wil heb je waarschijnlijk verderop in de css nog een keer de kleur gedefineerd. Even met firebug bekijken watvoor stijlen er allemaal van toepassing zijn op dat element.
zcflevo.nl
pi_77667603
Ben een beetje aan het spelen met css en nu heb ik in een header een background gezet
alleen is deze veels te groot
is er een manier om met css de background-image even groot te maken als mijn header?

ik heb dit al staan

body {background-color:#b0c4de; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 110%;}
div#wrapper {width: 856px; margin: 0 auto;}
div#header {height: 100px; padding: 10px; background-image: url('banner1.jpg'); text-align: center;}
h1, h2 {margin: 0; font-family: Tahoma, sans-serif; font-size: 1.5em;}
h2 {font-size: 1.2em;}
div#header p {margin: 0;}
div#menu {height: 30px; background: black; color: white; text-align: center;}
div#menu p {margin: 0; padding: 15px;}
div#content {background: blue; overflow: hidden;}
div#content p {text-indent: 10px;}
div#links {background-color:red; float: left; width: 60%; padding: 10px;}
div#rechts {background-color:green ;float: right; width: 30%; padding: 10px;}
pi_77667716
quote:
Op vrijdag 5 februari 2010 13:46 schreef MrNiles het volgende:
is er een manier om met css de background-image even groot te maken als mijn header?
Nee. Probeer je fotobewerkprogramma.
zcflevo.nl
pi_77698531
CSS3 heeft wel een background-size property. Maar dat werkt alleen nog maar in webkit als ik me niet vergis.
Bleuh.
pi_77762706
-Oeps dubbel-
pi_77762850
Hoe stel ik in dat de verticale scrollbar pas bij een bepaalde window-hoogte wordt geactiveerd? Er zitten elementen in de website die standaard hoger zijn dan de window-hoogte vanaf wanneer ik de scrollbar actief wil
pi_77763262
quote:
Op maandag 8 februari 2010 11:38 schreef lkb9000 het volgende:
Hoe stel ik in dat de verticale scrollbar pas bij een bepaalde window-hoogte wordt geactiveerd? Er zitten elementen in de website die standaard hoger zijn dan de window-hoogte vanaf wanneer ik de scrollbar actief wil
Niet.

Waarom zou je die elementen niet willen laten zien?
zcflevo.nl
pi_77763291
Uh, die elementen niet zo hoog maken? Als je elementen onder de vouw hebt staan heb je scrollbalken nodig om die content te kunnen zien. Als je elementen onder de vouw wilt plaatsen en niet de mogelijkheid wilt bieden om daar naartoe te scrollen doe je iets fout..
pi_77763618
Nou ik heb op de achtergrond een flash-element die een vaste grootte heeft. Maar bij nader inzien zou ik die ook nog best gewoon een auto-hoogte kunnen geven, werkt ook wel eigenlijk

Edit: ik heb het flash element (zwarte fadein voor de achtergrond) op height:auto gezet, maar nu verschijnt hij helemaal niet meer, is dit normaal dat het vervormen van de verhoudingen van flash problemen oplevert?
pi_77763972
Flash op de achtergrond zetten? Er zijn landen waar de doodstraf op dat soort acties staat, en terecht!
pi_77764115
quote:
Op maandag 8 februari 2010 12:10 schreef Intrepidity het volgende:
Flash op de achtergrond zetten? Er zijn landen waar de doodstraf op dat soort acties staat, en terecht!

Tja met javascript kan ik al helemaal niks en zo lukt 't me wel een fade-in achtergrond te krijgen.
pi_77764178
quote:
Op maandag 8 februari 2010 12:15 schreef lkb9000 het volgende:

[..]


Tja met javascript kan ik al helemaal niks en zo lukt 't me wel een fade-in achtergrond te krijgen.
Koop eens een goed boek over web usability Een fade-in op de achtergrond of aan andere storende vorm van animatie vind ik uberhaupt al not done. Dit is het internet, geen lichtreclame.
pi_77764210
quote:
Op maandag 8 februari 2010 12:17 schreef Intrepidity het volgende:

[..]

Koop eens een goed boek over web usability Een fade-in op de achtergrond of aan andere storende vorm van animatie vind ik uberhaupt al not done. Dit is het internet, geen lichtreclame.
Qua beeld stoort het helemaal niet hoor, het is niet zo druk als het klinkt
pi_77764657
quote:
Op maandag 8 februari 2010 12:15 schreef lkb9000 het volgende:

[..]


Tja met javascript kan ik al helemaal niks en zo lukt 't me wel een fade-in achtergrond te krijgen.
2 divs over elkaar, achterste de achtergrondafbeelding, voorste RGBA-achtergrond en aanpassen met javascript.
zcflevo.nl
pi_77764974
quote:
Op maandag 8 februari 2010 12:32 schreef KomtTijd... het volgende:

[..]
voorste RGBA-achtergrond en aanpassen met javascript.
pi_77765154
http://www.w3schools.com/js/js_timing.asp

en dan de alpha-waarde van 255 naar 0 laten aftellen.
zcflevo.nl
pi_77765490
quote:
Op maandag 8 februari 2010 12:52 schreef KomtTijd... het volgende:
http://www.w3schools.com/js/js_timing.asp

en dan de alpha-waarde van 255 naar 0 laten aftellen.
Ah dankjewel ik heb hem even gebookmarked!
pi_77766040
In IE werkt het trouwens niet met RGBA, maar ditsoort fade-effecten gaan in IE over het algemeen zo gigantisch traag dat je die toch liever gewoon skipt.
zcflevo.nl
pi_77776386
Tenzij je natuurlijk van die figuren als opdrachtgever hebt die hun site met allerlei PNG's, Javascript, fancy CSS ook nog exact hetzelfde werkt en er uit ziet op hun interne systemen die nog allemaal draaien op IE6 meuk
Bleuh.
pi_77824626
Ik heb weer is een probleempje met IE... alleen suprise het gaat in dit geval niet om IE6 maar om moet je nagaan IE8....

[url][/url]

het bovenste is elke browser op IE8 na... IE8 is het onderste gedeelte... zoals je ziet staat de menu in IE8 naar beneden terwijl dat dus niet zo hoort.. de relevante css staat hieronder
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		*  { margin: 0; padding: 0; }

div#menu{
     width: 950px;
   height: 86px;
   margin: 0 auto;
   background-image: url(../../images/bkg_menu.jpg);
   background-position: center top;
   background-repeat: no-repeat;
   overflow: hidden;
  }

  div#menul ul {
   float:left;
   margin: 0 0 0 1px;
   padding: 0px;
   
  }
  
  div#menul li {
   float:left;
   margin: 59px 0 0 0;
   padding:0px;
   overflow:hidden;
  }


heeft iemand misschien een idee wat de fout is of iig me de goeie richting kan sturen? de website is opzich gewoon css+xhtml valid maarja IE
  vrijdag 19 februari 2010 @ 12:54:10 #67
27454 InTrePidIvity
Looks like it's broken...
pi_78180803
Wat is de meest gangbare manier om met CSS afgeronde hoeken te krijgen? Het liefst dus een oplossing die in alle browsers werkt en niet al te ingewikkeld is

Er is vast geen kant-en-klare oplossing, maar aanwijzingen in de goede richting worden al erg gewaardeerd
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  vrijdag 19 februari 2010 @ 13:00:52 #68
134533 donroyco
dus niet Donroyco
pi_78181056
quote:
Op vrijdag 19 februari 2010 12:54 schreef InTrePidIvity het volgende:
Wat is de meest gangbare manier om met CSS afgeronde hoeken te krijgen? Het liefst dus een oplossing die in alle browsers werkt en niet al te ingewikkeld is

Er is vast geen kant-en-klare oplossing, maar aanwijzingen in de goede richting worden al erg gewaardeerd
quote:
W3C has offered some new options for borders in CSS3, of which one is border-radius. Both Mozila/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items.
Bron

alleen ondersteund door Mozilla en Safari, dus niet in IE te zien.

Misschien dat dit helpt, of anders staat hier een lijst van 25 manieren, die veelal wél door IE worden ondersteund.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  vrijdag 19 februari 2010 @ 13:40:27 #69
27454 InTrePidIvity
Looks like it's broken...
pi_78182652
quote:
Op vrijdag 19 februari 2010 13:00 schreef donroyco het volgende:

[..]


[..]

Bron

alleen ondersteund door Mozilla en Safari, dus niet in IE te zien.

Misschien dat dit helpt, of anders staat hier een lijst van 25 manieren, die veelal wél door IE worden ondersteund.
Die eerste is inderdaad wel erg makkelijk, maar niet overal compatibel. IE maakt er gewoon rechte hoeken van. Bedankt in elk geval, hier kan ik wel even mee verder
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_78266240
Kan iemand even meehelpen op http://94.209.101.215 ? Ik heb twee problemen in IE

1. Het login-veld zou rechtsboven moeten staan, en bovendien de rest niet naar beneden moeten duwen, maar dit gaat mis.
2. Als ik mijn venster verklein of vergroot, bewegen de google ads niet mee

In FF werkt het prima. Weet iemand hoe ik dit op kan lossen?

[ Bericht 0% gewijzigd door daReaper op 21-02-2010 16:13:16 ]
Trotse poster van het 37000000ste bericht ^O^
  zondag 21 februari 2010 @ 15:56:15 #71
134533 donroyco
dus niet Donroyco
pi_78266422
quote:
Op zondag 21 februari 2010 15:51 schreef daReaper het volgende:
Kan iemand even meehelpen op http://94.209.101.215 ? Ik heb twee problemen in IE

1. Het login-veld zou rechtsboven moeten staan, en bovendien de rest niet naar beneden moeten duwen, maar dit gaat mis.
2. Als ik mijn venster verklein of vergroot, bewegen de google ads niet mee

In FF werkt het prima. Weet iemand hoe ik dit op kan lossen?
Hier geen problemen in IE8
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_78266622
quote:
Op zondag 21 februari 2010 15:56 schreef donroyco het volgende:

[..]

Hier geen problemen in IE8
Ja ik zie net dat ie t bij mijn vriendin ook prima doet in IE8, maar ik heb IE7 en daar loopt het dus in de soep
Trotse poster van het 37000000ste bericht ^O^
pi_78279006
Kun je die google-ads niet floaten? position werkt nogal snel slechte code in de hand...
zcflevo.nl
pi_78357085
quote:
Op zondag 21 februari 2010 21:34 schreef KomtTijd... het volgende:
Kun je die google-ads niet floaten? position werkt nogal snel slechte code in de hand...
welke position bedoel je precies? Ik gebruik nergens position...
Trotse poster van het 37000000ste bericht ^O^
  dinsdag 9 maart 2010 @ 14:12:15 #75
294667 Startclip
There is just one web
pi_78929416
Handig alleen weet ik al alles van CSS
  dinsdag 9 maart 2010 @ 16:10:40 #76
134533 donroyco
dus niet Donroyco
pi_78933784
quote:
Op dinsdag 9 maart 2010 14:12 schreef Startclip het volgende:
Handig alleen weet ik al alles van CSS
Waarom is je website ( ) dan niet valid?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_78942194
Raden jullie Dreamweaver aan of gewoon notepad++?
  dinsdag 9 maart 2010 @ 19:48:34 #78
134533 donroyco
dus niet Donroyco
pi_78942445
quote:
Op dinsdag 9 maart 2010 19:43 schreef Gitaarmat het volgende:
Raden jullie Dreamweaver aan of gewoon notepad++?
Voor CSS (en HTML) gebruik ik gewoon Notepad++
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_78942608
En ik heb nu 2 keer een site met HTML gedaan en ik werk altijd met tabellen voor de opmaak. Is er nog een beter manier of doen jullie dat ook?
  dinsdag 9 maart 2010 @ 19:53:11 #80
134533 donroyco
dus niet Donroyco
pi_78942667
quote:
Op dinsdag 9 maart 2010 19:51 schreef Gitaarmat het volgende:
En ik heb nu 2 keer een site met HTML gedaan en ik werk altijd met tabellen voor de opmaak. Is er nog een beter manier of doen jullie dat ook?
Een website met divs maken
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_78942849
Dat is met de breedte van tekst toch?
  dinsdag 9 maart 2010 @ 19:57:11 #82
134533 donroyco
dus niet Donroyco
pi_78942892
quote:
Op dinsdag 9 maart 2010 19:56 schreef Gitaarmat het volgende:
Dat is met de breedte van tekst toch?
Kijk even op Google voordat je zulke vragen hier stelt.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_78943174
Ik zou Dreamweaver aanraden, maar dan alleen de grafische interface als hulpje gebruiken zodat je wel beter html enzo leert.

Als je even een tutorialtje over basis css met divs enzo kijkt kan je met die kennis al heel ver komen
pi_78945148
quote:
Op dinsdag 9 maart 2010 20:01 schreef lkb9000 het volgende:
Ik zou Dreamweaver aanraden, maar dan alleen de grafische interface als hulpje gebruiken zodat je wel beter html enzo leert.

Als je even een tutorialtje over basis css met divs enzo kijkt kan je met die kennis al heel ver komen
Mwah, om het als veredelde teksteditor te gebruiken vind ik dreamweaver toch echt veel te zwaar en veel te duur. Dan pak ik liever een goeie texteditor en doe ik wel af-en-toe F5 drukken in mijn browser.
zcflevo.nl
pi_78978764
Is CSS ook te gebruiken om een kader om een text te plaatsen?
pi_78978816
quote:
Op woensdag 10 maart 2010 17:09 schreef Gitaarmat het volgende:
Is CSS ook te gebruiken om een kader om een text te plaatsen?
Ja
pi_78979056
Het is me gelukt met div. Alleen ik wil nu in de div tag met width de breedte van het kader instellen. Dit werkt niet
pi_78979127
quote:
Op woensdag 10 maart 2010 17:14 schreef Gitaarmat het volgende:
Het is me gelukt met div. Alleen ik wil nu in de div tag met width de breedte van het kader instellen. Dit werkt niet
Dan doe je iets verkeerd.

En dan bedoel ik, behalve dat je inline-style gebruikt ipv CSS want werken doet het beide.
zcflevo.nl
pi_78979304
Zo had ik het:
1<div style="border:medium solid white" width="350px">
  woensdag 10 maart 2010 @ 17:21:04 #90
134533 donroyco
dus niet Donroyco
pi_78979343
quote:
Op woensdag 10 maart 2010 17:20 schreef Gitaarmat het volgende:
Zo had ik het:
[ code verwijderd ]
Geef de div een id/class mee en doe in het css-bestand de style meegeven.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 10 maart 2010 @ 17:23:53 #91
134533 donroyco
dus niet Donroyco
pi_78979446
quote:
Op woensdag 10 maart 2010 17:21 schreef donroyco het volgende:

[..]

Geef de div een id/class mee en doe in het css-bestand de style meegeven.
Dus zo:

<div id="text">
blabla
</div>

in het css-bestand:

#text {
border: 1px solid #ffffff;
width: 350px;
}
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_78979646
je bedoelt gewoon in het css gedeelte van de pagina?
  woensdag 10 maart 2010 @ 17:29:31 #93
134533 donroyco
dus niet Donroyco
pi_78979670
quote:
Op woensdag 10 maart 2010 17:28 schreef Gitaarmat het volgende:
je bedoelt gewoon in het css gedeelte van de pagina?
Je CSS is een apart bestand. Ga eens Googelen, hop hop!
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_78979747
www.w3schools.com start reading!
zcflevo.nl
pi_78981274
Hoe kan ik een plaatje toevoegen die dan helemaal aan de linkerkant van het beeldscherm komt?
pi_78982612
quote:
Op woensdag 10 maart 2010 18:12 schreef Gitaarmat het volgende:
Hoe kan ik een plaatje toevoegen die dan helemaal aan de linkerkant van het beeldscherm komt?
quote:
Op woensdag 10 maart 2010 17:31 schreef KomtTijd... het volgende:
www.w3schools.com start reading!
quote:
Op woensdag 10 maart 2010 17:29 schreef donroyco het volgende:

Ga eens Googelen, hop hop!
zcflevo.nl
pi_78983219
Gewoon "ALIGN=LEFT" doen en eventueel nog wat klooien met VSPACE of HSPACE, werkt prima.
Bleuh.
pi_78985686
quote:
Op woensdag 10 maart 2010 17:21 schreef donroyco het volgende:

[..]

Geef de div een id/class mee en doe in het css-bestand de style meegeven.
En gebruik een paragraaf voor tekst, die dingen zijn er speciaal voor bedoeld.
fokstok.nl
  vrijdag 12 maart 2010 @ 16:31:14 #99
134533 donroyco
dus niet Donroyco
pi_79066336
quote:
Op woensdag 10 maart 2010 19:06 schreef PimD het volgende:
Gewoon "ALIGN=LEFT" doen en eventueel nog wat klooien met VSPACE of HSPACE, werkt prima.
Toffe website heb jij
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79066434
quote:
Op vrijdag 12 maart 2010 @ 16:31 schreef donroyco het volgende:

[..]

Toffe website heb jij
Hier moet ik me even bij aansluiten.
pi_79066496
quote:
Op vrijdag 12 maart 2010 16:33 schreef RenRen- het volgende:

[..]

Hier moet ik me even bij aansluiten.
pi_79074558
Thanks! 't is lekker simpel en functioneel
Bleuh.
pi_79078106
Een class geef je in de css toch aan als .naam?
  vrijdag 12 maart 2010 @ 21:35:37 #104
134533 donroyco
dus niet Donroyco
pi_79078201
quote:
Op vrijdag 12 maart 2010 21:33 schreef RenRen- het volgende:
Een class geef je in de css toch aan als .naam?
Jep.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79078298
quote:
Op vrijdag 12 maart 2010 @ 21:35 schreef donroyco het volgende:

[..]

Jep.
Dan weet ik niet wat ik verkeerd doe.
Is het goed als ik een linkje stuur? Misschien kun jij het zien.
pi_79078830
Post je code maar gewoon hier?
Bleuh.
  vrijdag 12 maart 2010 @ 21:50:04 #107
134533 donroyco
dus niet Donroyco
pi_79078840
quote:
Op vrijdag 12 maart 2010 21:37 schreef RenRen- het volgende:

[..]

Dan weet ik niet wat ik verkeerd doe.
Is het goed als ik een linkje stuur? Misschien kun jij het zien.
Komt u maar door.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79080017
Ik gok dat je in je PM doelt op de border om een afbeelding met een a href er om heen die een border om het plaatje oplevert? Dan moet je je .afbeelding class op het <img> leggen i.p.v. om de a die er om heen ligt

En

1
2
3
4
5
6
7		<ul>
       <li id:"menu"><a href="index.html">Home</a></li>    
      <li id:"menu"> <a href="portfolio.html">Portfolio</a></li>
      <li id:"menu"> <a href="about.html">About</a></li>
      <li id:"menu"> <a href="blog.html">Blog</a></li>
      <li id:"menu"> <a href="contact.html">Contact</a></li>
    </ul


Mag natuurlijk niet he. Een ID mag maar een keer voorkomen in je HTML en moet met "id="blaat"" worden toegekend, niet met dubbele punt
Bleuh.
  vrijdag 12 maart 2010 @ 22:25:41 #109
134533 donroyco
dus niet Donroyco
pi_79080404
Goed opgemerkt PimD!
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79080765
quote:
Op vrijdag 12 maart 2010 @ 22:14 schreef PimD het volgende:
Ik gok dat je in je PM doelt op de border om een afbeelding met een a href er om heen die een border om het plaatje oplevert? Dan moet je je .afbeelding class op het <img> leggen i.p.v. om de a die er om heen ligt

En
[ code verwijderd ]

Mag natuurlijk niet he. Een ID mag maar een keer voorkomen in je HTML en moet met "id="blaat"" worden toegekend, niet met dubbele punt
Ja zei komttijd ook al, het gekke is wel dat hij het perfect doet, ik weet ook niet hoe dat kan.
Zal het straks even aanpassen voor het wel gaat zeiken
pi_79080885
Haha, sterker nog, nu ik er = 's van heb gemaakt, en er classes van heb gemaakt, doet hij het niet meer
pi_79081058
ik zie nog steeds

1<li id:"menu">


hoor...?
Bleuh.
pi_79081243
quote:
Op vrijdag 12 maart 2010 @ 22:43 schreef PimD het volgende:
ik zie nog steeds
[ code verwijderd ]

hoor...?
Ik heb hem niet online gegooid


1
2
3
4
5
6
7		<ul>
   <li class="menu"><a href="index.html">Home</a></li>    
      <li class="menu"> <a href="portfolio.html">Portfolio</a></li>
      <li class="menu"> <a href="about.html">About</a></li>
      <li class="menu"> <a href="blog.html">Blog</a></li>
      <li class="menu"> <a href="contact.html">Contact</a></li>
    </ul>


En in de css het #'je veranderd in een .
En dan krijg ik dus het volgende:

  vrijdag 12 maart 2010 @ 22:50:02 #114
134533 donroyco
dus niet Donroyco
pi_79081328
quote:
Op vrijdag 12 maart 2010 22:48 schreef RenRen- het volgende:

[..]

Ik heb hem niet online gegooid
[ code verwijderd ]

En in de css het #'je veranderd in een .
En dan krijg ik dus het volgende:

[ afbeelding ]
http://css.maxdesign.com.au/listamatic/horizontal01.htm
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79081386
In je CSS heb je nu dus:

1
2
3		.menu li { 
    bladiebladiebla
}


Wat betekent dat alle children van een item met de class "menu" van het type "<li>" de CSS-properties 'bladiebladiebla' krijgen. Je wilt echter dat het item met de class "menu" ZELF die class krijgt. Je moet dus alles wat #menu li was omzetten naar li.menu.

Mooier is trouwens om

1
2
3		<ul class="menu">
<li><a href="#">Blaat</a></li>
</ul>


te doen in je HTML en in je CSS

1
2		ul.menu li {
}


Nog mooier zou zijn om het met HTML5 elementen als <nav> te doen

Ik vraag me trouwens wel eens af waarom iedereen denkt dat CSS iets is wat je zo even onder de knie hebt. Ik mag/moet volgende week op kantoor beginnen met een collega die nauwelijks CSS/HTML ervaring heeft CSS te leren... Terwijl het toch niet iets is dat je even snel leert, met alle browser-specifieke dingen waar je rekening mee moet houden, CSS-specificity, advanced selectors etc etc
Bleuh.
  vrijdag 12 maart 2010 @ 22:53:16 #116
134533 donroyco
dus niet Donroyco
pi_79081458
PimD, wat (vind jij of) is het belangrijkste verschil in HTML5 ten opzichte van zijn voorganger(s)?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79081641
quote:
Op vrijdag 12 maart 2010 @ 22:50 schreef donroyco het volgende:

[..]

http://css.maxdesign.com.au/listamatic/horizontal01.htm
...
Laat maar Ik snap daar geen klote van.
pi_79081709
quote:
Op vrijdag 12 maart 2010 @ 22:51 schreef PimD het volgende:
In je CSS heb je nu dus:
[ code verwijderd ]

Wat betekent dat alle children van een item met de class "menu" van het type "<li>" de CSS-properties 'bladiebladiebla' krijgen. Je wilt echter dat het item met de class "menu" ZELF die class krijgt. Je moet dus alles wat #menu li was omzetten naar li.menu.

Mooier is trouwens om
[ code verwijderd ]

te doen in je HTML en in je CSS
[ code verwijderd ]

Nog mooier zou zijn om het met HTML5 elementen als <nav> te doen

Ik vraag me trouwens wel eens af waarom iedereen denkt dat CSS iets is wat je zo even onder de knie hebt. Ik mag/moet volgende week op kantoor beginnen met een collega die nauwelijks CSS/HTML ervaring heeft CSS te leren... Terwijl het toch niet iets is dat je even snel leert, met alle browser-specifieke dingen waar je rekening mee moet houden, CSS-specificity, advanced selectors etc etc
Html5?
Volgens mij krijgen wij daar nog geen les in.
En ik denk ook niet dat ik het zomaar onder de knie krijg, of dat ik dat al heb Het meeste wat mensen tegen me zeggen, (Zoals die horizontal menu, de vorige keer was dat ook al hel) snap ik niet.
pi_79081838
Tsja, HTML5 is niet alleen maar wat extra elementen natuurlijk. Voor mijn werk vind ik het vooral interessant dat je veel meer semantische waarde kunt geven aan je HTML, door nieuwe elementen als <article>, <header>, <hgroup> en <aside> - die ook nog eens op verschillende manieren in elkaar kunnen worden geschoven. Daardoor wordt de boel ook meteen een stuk toegankelijker.

Daarnaast is het natuurlijk gaaf dat je dingen lokaal kunt opslaan/cachen, geo informatie kunt gebruiken van je gebruikers, dat er een standaard is om audio/video af te spelen zonder Flash/Silverlight/wat-dan-ook plugin en nog veel meer gave shit

Naar mijn idee zullen technieken als Flash en Silverlight steeds minder van belang zijn, aangezien je met HTML5 + CSS3 + Javascript dan zo absurd veel kunt doen dat Flash/Silverlight/e.d. alleen voor het echt zware werk nodig blijven denk ik... Kijk maar naar bijvoorbeeld de HTML5 demo's van YouTube. Maar ja, zolang IE9 er nog niet is (schijnt goede CSS3 support te krijgen) blijft het natuurlijk speculeren
Bleuh.
pi_79081912

Het is ook aangepast in de css. Maar dit staat niet in de css.
pi_79081985
Die link die ik jullie stuurde, als je layout vervangt met dikkeshit dan zie je het bovenstaande
Ook nu ik in de CSS alle menu's met menutop's heb vervangen
pi_79082006
Zonder je CSS kan ik je niet helpen he... Heb je trouwens al uberhaupt zelf gegoogled ofzo, want het is natuurlijk niet de bedoeling dat ik/donroyco je huiswerk gaan zitten maken
Bleuh.
pi_79082058
quote:
Op vrijdag 12 maart 2010 @ 23:07 schreef PimD het volgende:
Zonder je CSS kan ik je niet helpen he... Heb je trouwens al uberhaupt zelf gegoogled ofzo, want het is natuurlijk niet de bedoeling dat ik/donroyco je huiswerk gaan zitten maken
Het is mijn huiswerk ook niet, dus maak je daar niet druk om Ik kan niets vinden.
En er staat een linkje in de broncode naar de css
pi_79082107
Welke broncode heb je het nou over, want als ik de link bekijk die je PM'de zie ik geen wijzigingen. En het begint wel een heel klein beetje slowchatterig 'ik snap CSS niet en heb geen zin om zelf moeite te doen' over te komen om eerlijk te zijn
Bleuh.
pi_79082174
quote:
Op vrijdag 12 maart 2010 @ 23:09 schreef PimD het volgende:
Welke broncode heb je het nou over, want als ik de link bekijk die je PM'de zie ik geen wijzigingen. En het begint wel een heel klein beetje slowchatterig 'ik snap CSS niet en heb geen zin om zelf moeite te doen' over te komen om eerlijk te zijn
quote:
Op vrijdag 12 maart 2010 @ 23:06 schreef RenRen- het volgende:
Die link die ik jullie stuurde, als je layout vervangt met dikkeshit dan zie je het bovenstaande
En fijn, beetje jammer dit Ik snap het gewoon niet meer. Ken heppen, toch? Ik heb dit namelijk al weleens gedaan, en daar ging het ook al helemaal mis.
pi_79083704
Mja tis inmiddels een dusdanige warboel dat ik het ook niet helemaal meer snap

ff overnieuw beginnen is nu het handigst. Dan weet je ook wát je nou precies doet, zodat je het ook later makkelijker kunt aanpassen enzo.
zcflevo.nl
pi_79092798
1
2		<a onmouseover="image4.src='bass2.jpg';" 
onmouseout="image4.src='bass.jpg';"><img name="image4" src="bass.jpg" border="0" href="agenda.html" target="_blank" alt="" /></a> 


Ik wil dat je wordt doorgelinkt naar een andere pagina. Ik heb nu van index.html agenda.html gemaakt maar de link werkt dan niet..
pi_79093453
quote:
Op zaterdag 13 maart 2010 12:33 schreef Gitaarmat het volgende:

[ code verwijderd ]

Ik wil dat je wordt doorgelinkt naar een andere pagina. Ik heb nu van index.html agenda.html gemaakt maar de link werkt dan niet..
Ik mis het href-attribuut.
fokstok.nl
pi_79093504
Die staat er wel. Bij de img tag
pi_79093665
quote:
Op zaterdag 13 maart 2010 12:58 schreef Gitaarmat het volgende:
Die staat er wel. Bij de img tag
Ohja, als ik naar rechts scroll, zie ik het wel. Maar daar hoort'ie niet, dus daar zoek ik ook niet.
fokstok.nl
pi_79093946
Ok lol het is gelukt.

maar ik heb nu mijn font tag buiten een tabel staan en de tekst reageert niet op het aanpassen van face.
pi_79098639
quote:
Op zaterdag 13 maart 2010 13:11 schreef Gitaarmat het volgende:
font tag
1998 belde?
zcflevo.nl
pi_79111950
quote:
Op zaterdag 13 maart 2010 13:11 schreef Gitaarmat het volgende:
Ok lol het is gelukt.

maar ik heb nu mijn font tag buiten een tabel staan en de tekst reageert niet op het aanpassen van face.
Font-tags gebruiken in, nota bene, een CSS topic. Vloeken in de kerk is minder erg.
fokstok.nl
pi_79177599
Oeh, vandaag op het werk voor het eerst gespeeld met LESS. Erg gaaf en gemakkelijk te installeren (mits je op een Mac werkt natuurlijk). Het installeren van de .NET versie voor Visual Studio duurde iets langer Morgen nu eeeeindelijk CSS schrijven met inheritance en variabelen
Bleuh.
pi_79477693
Ik heb een probleempje met mijn css sheet, hij laadt niet zoals ik verwacht

Hij werkt alleen als ik heel het pad beschrijf (C:\website\...\nieuw\css\default.css)
Mijn html pagina staat in <dir> nieuw, als ik dan:
<link href="..\css\default.css" type="text/css" rel="stylesheet" />
werkt het niet

<link href="\css\default.css" type="text/css" rel="stylesheet" />
ook geen succes
Zie ik iets over het hoofd?

ivm een wat mindere creativiteit heb ik deze css file geleent van een andere site
kan het zijn dat in die file iets staat waardoor het fout gaat?
om de css uit te testen heb ik ook een html van die pagina bekeken, kan daar iets in staan?
pi_79477703
Probeer dit eens:
<link href="css/default.css" type="text/css" rel="stylesheet" />

Het is ook beter om een / ipv een \ te gebruiken. Dan werkt de site ook in alle browsers als je die op een server zet.
fokstok.nl
pi_79477712
Voor CSS en HTML kun je het beste gebruik maken van een andere directory seperator, namelijk forward slashes:

<link href="/css/default.css" type="text/css" rel="stylesheet" />

En mijn hemel, als je geen verstand hebt van het bouwen van website laat het dan lekker door iemand anders doen i.p.v. de hele meuk zomaar van een andere site af te trekken zonder eeeeenig idee waar je mee bezig bent.
Bleuh.
pi_79477952
quote:
Op dinsdag 23 maart 2010 07:13 schreef PimD het volgende:

En mijn hemel, als je geen verstand hebt van het bouwen van website laat het dan lekker door iemand anders doen i.p.v. de hele meuk zomaar van een andere site af te trekken zonder eeeeenig idee waar je mee bezig bent.
Jij hebt het ook ooit moeten leren
fokstok.nl
pi_79478074
quote:
Op dinsdag 23 maart 2010 07:52 schreef Light het volgende:

[..]

Jij hebt het ook ooit moeten leren
thanx!
pi_79478104
quote:
Op dinsdag 23 maart 2010 07:12 schreef Light het volgende:
Probeer dit eens:
<link href="css/default.css" type="text/css" rel="stylesheet" />

Het is ook beter om een / ipv een \ te gebruiken. Dan werkt de site ook in alle browsers als je die op een server zet.
helaas het werkt niet

edit: het werkt wel :-) had /css staan .... die / ervoor was dus nog fout...allen bedankt voor de snelle hulp

[ Bericht 10% gewijzigd door MrNiles op 23-03-2010 08:20:52 ]
  woensdag 31 maart 2010 @ 15:57:23 #141
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79792079
Ik ben bezig met een of andere site te bouwen, omdat wij geen beter alternatief hadden dan een bio-informaticus die geen verstand heeft van CSS. Dus ik had maar wat CSS van het web geplukt.

Maar goed, het probleem is dus (iig in IE8 en IE7) dat de footer een stuk van het middenstuk af staat en een zwarte streept veroorzaakt, en dat het lettertype in het linkermenu en in de footer te groot is. In Mozilla werkt alles gewoon naar behoren. Zie de code hieronder:
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Heeft iemand van jullie enig idee hoe het te verhelpen?

www.wijzijndemop.nl/index.php?id=3

[ Bericht 0% gewijzigd door Singleyouteaare op 31-03-2010 17:19:36 ]
  woensdag 31 maart 2010 @ 16:02:33 #142
134533 donroyco
dus niet Donroyco
pi_79792350
Ja, want we weten ook om welke website het gaat
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 31 maart 2010 @ 16:04:54 #143
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79792473
Hoezo?
  woensdag 31 maart 2010 @ 16:07:28 #144
134533 donroyco
dus niet Donroyco
pi_79792604
quote:
Op woensdag 31 maart 2010 16:04 schreef Singleyouteaare het volgende:
Hoezo?
Snel editten hè

Gebruik gewoon WordPress, geen zeik met FreeCSS
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 31 maart 2010 @ 16:08:53 #145
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79792659
Dat is dus geen optie
pi_79794707
Ongetwijfeld een maffe renderfout omdat die #secondary-content gepositioned is.
zcflevo.nl
  woensdag 31 maart 2010 @ 17:05:07 #147
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79795075
En hoe los ik dat op? Een duwtje in de goede richting? (Sorry )
pi_79795098
De position van #secondary-content afhalen?
zcflevo.nl
  woensdag 31 maart 2010 @ 17:08:00 #149
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79795194
Nope, dat is hem niet
pi_79795326
Primarycontent dan? Zo niet dan ga je eerst maar eens fatsoenlijke HTML bouwen, wtf moeten we hier nou weer mee joh

1<div id="menu"><br><br><br><br><br><br><br><br><br><br><br>

1
2
3
4		<div id="primaryContent">         

            <h2></h2><h3><b><br><br></b></h3>              
      </div>
1
2		<h3><font size="small">
           <ul> <li>
zcflevo.nl
  woensdag 31 maart 2010 @ 17:13:15 #151
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79795364
Oh, die massale regels <br> had ik gewoon ff als een snelle oplossing gepakt hoor. Dan pak je er ook wat uit

Die 2de laat een wazige html zien omdat ik massaal PHP heb gebruikt wat niet te zien is in de broncode, en die onderste bleek te werken als een kleine fix voor de tekst in de footer, die eerst nog groter was om de een of andere reden.

En nee, als ik het bij de primary content weghaal is het ook nog niet gefixed. Al blijkt het inderdaad overbodige code te zijn dus ik laat het maar gewoon weg
pi_79795605
Ik zou sowieso eens overbodige code gaan stofzuigen. De site zoals je hem nu hebt, kun je maken met 4 divs en één list.

Valt me nu ook op dat dat menu voor ieder item een compleet nieuwe list is En dat allemaal nog binnen de <h3> tag.
Dat zou het trouwens ook nog kunnen zijn, de default margins op de h3. Gezien je die niet afsluit kan het best zijn dat IE die net voor je footer afsluit en daar de margin tussen gooit.

Enneuh, waarom wordpress geen optie?
zcflevo.nl
  woensdag 31 maart 2010 @ 17:21:53 #153
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79795670
Ik heb nooit geclaimd dat het perfecte code is. Maar het gaat mij nu om de CSS, het lijkt mij sterk dat de fout hem in de index.php zit?
pi_79795717
quote:
Op woensdag 31 maart 2010 17:21 schreef Singleyouteaare het volgende:
Ik heb nooit geclaimd dat het perfecte code is. Maar het gaat mij nu om de CSS, het lijkt mij sterk dat de fout hem in de index.php zit?
Daar valt niets over te zeggen. De fout zit iig 100% in de brakke HTML. Maar ik kan natuurlijk niet ruiken of dat in je index.php verwoven staat of in een los template of whatever.

-edit-
En nee je hoeft het niet allemaal de eerste keer gelijk goed te doen hoor, dat deed niemand hier. Maar het is wel grappig om de vooroordelen over van die free-templates en dergelijke bevestigd te zien
zcflevo.nl
  woensdag 31 maart 2010 @ 17:25:52 #155
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79795812
Ik zal het eens gaan opschonen en kijken of het probleem dan is opgelost.

EDIT:

Het is opgelost! Ik sloot <h2> en <h3> niet af. Je bent een held. Nu moet ik alleen al mijn php herschrijven omdat ik geen backup heb en ik perongeluk de halve index had verwijderd. Maar gelukkig heb ik daar geen problemen mee.

Bedankt

[ Bericht 72% gewijzigd door Singleyouteaare op 31-03-2010 17:48:43 ]
pi_79797045
Da's al de 2e keer deze week dat iemand mij "held" noemt voor reacties op FOK. Misschien moet ik maar eens een cape gaan kopen.
zcflevo.nl
pi_80110168
quote:
Op woensdag 31 maart 2010 18:03 schreef KomtTijd... het volgende:
Da's al de 2e keer deze week dat iemand mij "held" noemt voor reacties op FOK. Misschien moet ik maar eens een cape gaan kopen.


mijn probleem is als volgt ik heb een simpel plaatje dat ik wil herhalen alleen de content is resize able..
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		.links{
   width:240px;
   min-height:560px;
   float: left;
   font-size: 11px;
   text-align: right;
   padding: 5px 10px 10px 20px;
}
.content {
   width: 700px;
   min-height:560px;
   float: left;
   font-size: 11px;
   padding: 5px 5px 5px 5px;
        overflow-x:auto; 
}
.container { 
   width:1000px;
   margin-left:auto;
   margin-right:auto;
   text-align:left;
   background-image: url(/pages/theme/default/image/middlepart.png);
}


alleen voor de container krijg ik dat plaatje maar niet op de goede hoogte met de resize able content. dan denkt hij dat er geen inhoud in zit terwijl je eigenlijk Links en content in die div hebt zitten opbouw:

header
container
links
content
footer

maar ik krijg de container niet goed mee met de content en de links (qua hoogte).
Redacted
pi_80110329
Ja je haalt de content uit de natuurlijke float (met float:left;). Mogelijke oplossingen:
1) Een element eronder zetten met clear:both;
2) je container overflow:hidden; geven. (deze raad ik aan omdat dat geen extra element in je HTML nodig heeft)

Best basic trouwens, had je met google ook wel kunnen vinden...
zcflevo.nl
pi_80119083
quote:
Op vrijdag 9 april 2010 01:34 schreef KomtTijd... het volgende:
Ja je haalt de content uit de natuurlijke float (met float:left;). Mogelijke oplossingen:
1) Een element eronder zetten met clear:both;
2) je container overflow:hidden; geven. (deze raad ik aan omdat dat geen extra element in je HTML nodig heeft)

Best basic trouwens, had je met google ook wel kunnen vinden...
dankje hier zat ik een tijdje mee had namelijk al een float:left mee gegeven .
en hij wou maar niet op de goeie lengte waar overflow:hidden de lengte wel wou meegeven .

oplossing beide nodig
Redacted
  dinsdag 13 april 2010 @ 13:54:04 #160
226833 SenArt
Het leven is wat je gebeurt
pi_80262487
Hallo iedereen. Ik ben een stukje javascript aan het proggen zodat er links van mijn browser een knop komt die naar boven verwijst. Deze knop komt er zo uit te zien:



Zoals je ziet op het plaatje werkt het goed in IE :). Maar als ik de knop wil draaien voor Firefox, dan werkt het niet goed. De knop draait wel, maar om zijn as. Waardoor het niet tegen de rand aan zit:



Ik gebruik CSS om in javascript de knop te draaien:

1
2
3		-moz-transform: matrix(0.00000000, 1.00000000, -1.00000000, 0.00000000, 0, 0);
-webkit-transform: matrix(0.00000000, 1.00000000, -1.00000000, 0.00000000, 0, 0);
-o-transform: matrix(0.00000000, 1.00000000, -1.00000000, 0.00000000, 0, 0);


Weet iemand hoe ik er voor kan zorgen dat de knop wel aan de linkerkant blijft plakken? De rest van de CSS van de knop is als volgt:

1
2
3
4
5
6
7
8
9
10
11
12		margin: 0pt;
padding: 3px 10px 1px;
font-weight: bold;
font-size: 17px;
line-height: 17px;
cursor: pointer;
display: block;
position: fixed;
left: 0px;
background-color: rgb(153, 153, 153);
color: rgb(255, 255, 255);
top: 100px;


Tnx alvast
Terwijl je andere plannen maakt
  dinsdag 13 april 2010 @ 13:55:20 #161
134533 donroyco
dus niet Donroyco
pi_80262532
tvp.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_80264302
Knop staat direct in de body?

Als hij niet gedraait is, gaat het dan wel goed?

Waarom heb je hier javascript bij nodig?
zcflevo.nl
pi_80274452
1-moz-transform:rotate(90)


etc.

De code die je nu gebruikt is enge IE meuk als ik me niet vergis. Ik snap overigens niet dat je niet gewoon een gifje ofzo maakt met die knop en die gewoon fixed in je viewport positioneert... Veel makkelijker en sneller (hoewel ik het op zich wel nice vind dat je dit probeert te doen met gewone HTML).
Bleuh.
pi_80274495
quote:
Op dinsdag 13 april 2010 18:51 schreef PimD het volgende:

[ code verwijderd ]

etc.

De code die je nu gebruikt is enge IE meuk als ik me niet vergis. Ik snap overigens niet dat je niet gewoon een gifje ofzo maakt met die knop en die gewoon fixed in je viewport positioneert... Veel makkelijker en sneller (hoewel ik het op zich wel nice vind dat je dit probeert te doen met gewone HTML).
Sja lekker boeiend, semantische waarde heeft zo'n "naar boven" knop toch niet.
zcflevo.nl
pi_80274533
Ook waar. Hoewel het natuurlijk wel fijn is als de tekst nu ineens 'Ga naar boven' moet worden, of een Engelse variant etc. Als je dan je plaatje moet gaan aanpassen etc is toch wel wat meer werk hoor

Ik zie net trouwens dat de matrix-code die men gebruikte WEL mozilla-code is, maar meer voor 3D-transforms en dus niet voor een simpele rotate zoals in het screenshot.
Bleuh.
pi_80304868
om maar geen frames te gebruiken zit ik in de divjes
het voordeel van frames was dat je in 1 pagina je menu had en deze dus maar op 1 plaats moet editen.
kan zoiets ook met de div methode? Als ik een linkje in mijn navigatiemenu wil veranderen dan moet ik dat op 5 plaatsen doen...niet handig zeg maar, kan dat in mijn stylessheet of moet dat op een andere manier?
of is het uberhaupt niet mogelijk
pi_80304969
quote:
Op woensdag 14 april 2010 14:38 schreef MrNiles het volgende:
om maar geen frames te gebruiken zit ik in de divjes
het voordeel van frames was dat je in 1 pagina je menu had en deze dus maar op 1 plaats moet editen.
kan zoiets ook met de div methode? Als ik een linkje in mijn navigatiemenu wil veranderen dan moet ik dat op 5 plaatsen doen...niet handig zeg maar, kan dat in mijn stylessheet of moet dat op een andere manier?
of is het uberhaupt niet mogelijk
www.google.nl/search?q=php+includes

Zo moet je een heel eind komen denk ik

http://www.w3schools.com/php/php_includes.asp deze mag nog even apart genoemd worden, staat precies uitgelegd wat jij wilt.
zcflevo.nl
pi_80305012
quote:
Op woensdag 14 april 2010 14:41 schreef KomtTijd... het volgende:

[..]

www.google.nl/search?q=php+includes

Zo moet je een heel eind komen denk ik
maar liever geen php...
eigenlijk had ik moeten vragen...kan dit in html of css?
pi_80305089
quote:
Op woensdag 14 april 2010 14:42 schreef MrNiles het volgende:

[..]

maar liever geen php...
eigenlijk had ik moeten vragen...kan dit in html of css?
Nee.
Andere optie is SSI, maar dat heeft geen enkel voordeel TOV PHP.
zcflevo.nl
pi_80305118
quote:
Op woensdag 14 april 2010 14:42 schreef MrNiles het volgende:

[..]

maar liever geen php...
eigenlijk had ik moeten vragen...kan dit in html of css?
Met shtml moet dat wel kunnen.
fokstok.nl
pi_80305260
quote:
Op woensdag 14 april 2010 14:44 schreef KomtTijd... het volgende:

[..]

Nee.
Andere optie is SSI, maar dat heeft geen enkel voordeel TOV PHP.
jammer dat het niet meer zo "makkelijk" kan als met frames
is toch wel een nadeel, een extra programmeertaal
pi_80305352
quote:
Op woensdag 14 april 2010 14:48 schreef MrNiles het volgende:

[..]

jammer dat het niet meer zo "makkelijk" kan als met frames
is toch wel een nadeel, een extra programmeertaal
Frames makkelijk? Grapje toch zeker?

Includes werkt aanzienlijk makkelijker vind ik. En zo moeilijk is <? include "menu.html"; ?> toch ook weer niet.
zcflevo.nl
pi_80307518
quote:
Op woensdag 14 april 2010 14:50 schreef KomtTijd... het volgende:

[..]

Frames makkelijk? Grapje toch zeker?

Includes werkt aanzienlijk makkelijker vind ik. En zo moeilijk is <? include "menu.html"; ?> toch ook weer niet.
ik ben nou een beetje aan het pielen om dat te include
maar hoe krijg ik mijn mooie menubalkje weer terug die ik heb gemaakt mbv een stylesheet, hierin staan class verwijzingen ed
pi_80307749
wat is er weg dan?
zcflevo.nl
pi_80307840
quote:
Op woensdag 14 april 2010 15:49 schreef KomtTijd... het volgende:
wat is er weg dan?
...alles...

dit staat in mijn menu.php
<a href="../links/links.php" class="links ">Links</a>

dit staat in mijn css
.menu a.links { width: 89px; background: url('../images/menu/links.gif'); }

maar niks geen gifje
pi_80307982
Je output van de include is correct?
zcflevo.nl
pi_80308056
quote:
Op woensdag 14 april 2010 15:55 schreef KomtTijd... het volgende:
Je output van de include is correct?
uhm...?
als ik mijn menu.php op server open dan moet ik toch het complete menu te zien krijgen
geen menu hier is zeker geen goede include, was mijn gedachte
of wordt de css later ingelezen?? of moet ik de css in php includen?
pi_80309499
quote:
Op woensdag 14 april 2010 14:50 schreef KomtTijd... het volgende:

Includes werkt aanzienlijk makkelijker vind ik. En zo moeilijk is <? include "menu.html"; ?> toch ook weer niet.
Ik zou alleen geen short open tags gebruiken. Dus gewoon <?php include "menu.html"; ?>
fokstok.nl
pi_80310082
quote:
Op woensdag 14 april 2010 15:57 schreef MrNiles het volgende:

[..]

uhm...?
als ik mijn menu.php op server open dan moet ik toch het complete menu te zien krijgen
geen menu hier is zeker geen goede include, was mijn gedachte
of wordt de css later ingelezen?? of moet ik de css in php includen?
Het is niet de bedoeling dat je menu.php opent. Het is de bedoeling dat je de "moederpagina" (bijv. index.php) opent. Hier wordt door de server dan het bestand menu.php in geinclude, zodat als je de paginabron bekijkt, het lijkt alsof het gewoon één document is.

Vandaar dat je ook geen stijl ziet als je menu.php opent, want de verwijzing naar de stylesheet zit heel ergens anders. menu.php is ook helemaal geen valide HTML, maar een onderdeeltje van een groter geheel, wat als geheel wél valide HTML is (of zou moeten zijn).
zcflevo.nl
pi_80334800
quote:
Op woensdag 14 april 2010 16:45 schreef KomtTijd... het volgende:

[..]

Het is niet de bedoeling dat je menu.php opent. Het is de bedoeling dat je de "moederpagina" (bijv. index.php) opent. Hier wordt door de server dan het bestand menu.php in geinclude, zodat als je de paginabron bekijkt, het lijkt alsof het gewoon één document is.

Vandaar dat je ook geen stijl ziet als je menu.php opent, want de verwijzing naar de stylesheet zit heel ergens anders. menu.php is ook helemaal geen valide HTML, maar een onderdeeltje van een groter geheel, wat als geheel wél valide HTML is (of zou moeten zijn).
sorry voor de late reactie maar ik was gisteravond druk met andere dingen
maaruh....het werkt dus niet!
ik heb een menu.php gemaakt met deze inhoud
1
2
3
4
5
6
7
8
9
10		<?php
<a href="/" class="home">Home</a>
<a href="../organisatie/organisatie.php" class="organisatie actief">Organisatie</a>
<a href="../bestuur/bestuur.php" class="bestuur">Bestuur</a>
<a href="../activiteiten/activiteiten.php" class="activiteiten ">Activiteiten</a>
<a href="../fotoboek/fotoboek.php" class="fotoboek">Fotoboek</a>
<a href="../contact/contact.php" class="contact">Contact</a>
<a href="../links/links.php" class="links">Links</a>
<a href="../leden/leden.php" class="leden">Leden</a>
?>
zonder de <?php enz

in mijn test.php staat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		<?php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Harmonie Sub Umbra Meerveldhoven</title>
  <script type="text/javascript" src="../js/jquery.js"></script>
  <script type="text/javascript" src="../js/scripts.js"></script>
  <link href="../css/default.css" type="text/css" rel="stylesheet" />
  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="imagetoolbar" content="no" />
</head>
<body>
<div id="container">
<div id="menu"> php include "menu.php"; <div>
<div id="content">
</div>
</div>
</body>
</html>
?>

werkt gedeeltelijk
ik krijg nu wel de linkjes binnen maar heel de styling is weg

[ Bericht 25% gewijzigd door MrNiles op 15-04-2010 10:56:20 ]
pi_80334889


[ Bericht 100% gewijzigd door MrNiles op 15-04-2010 10:31:21 ]
pi_80339343
quote:
Op donderdag 15 april 2010 10:28 schreef MrNiles het volgende:

[..]

sorry voor de late reactie maar ik was gisteravond druk met andere dingen
maaruh....het werkt dus niet!
ik heb een menu.php gemaakt met deze inhoud
[ code verwijderd ]

zonder de <?php enz

in mijn test.php staat
[ code verwijderd ]

werkt gedeeltelijk
ik krijg nu wel de linkjes binnen maar heel de styling is weg
Gebruik gewoon [code] tags, die [php] tags werken klote hier.

Je moet het document nu gewoon als één geheel zien en dus ook zo opmaken. Als de styling weg is, wordt blijkbaar je CSS niet goed geladen ofzo.
zcflevo.nl
pi_80340482
quote:
Op donderdag 15 april 2010 12:30 schreef KomtTijd... het volgende:

[..]

Gebruik gewoon [code] tags, die [php] tags werken klote hier.

Je moet het document nu gewoon als één geheel zien en dus ook zo opmaken. Als de styling weg is, wordt blijkbaar je CSS niet goed geladen ofzo.
ok thanx...
btw fout gevonden...
het zat m in diverse kleine dingetjes...van het vergeten afsluiten van een div en linkjes die op 1 letter na niet gestonden...
[n00b]ik ga al mijn pagina's opnieuw bekijken en het fenomeen include eens driftig toepassen[/n00b]
pi_80342761
Wacht maar tot je ontdekt hoe handig een CMS is, ben je die includes ook weer zat
zcflevo.nl
pi_80343338
quote:
Op donderdag 15 april 2010 13:51 schreef KomtTijd... het volgende:
Wacht maar tot je ontdekt hoe handig een CMS is, ben je die includes ook weer zat
wel eens over gehoord...nooit in verdiept
is dat ook dat joomla?
  maandag 3 mei 2010 @ 15:53:02 #186
134533 donroyco
dus niet Donroyco
pi_80971564
Ik weet niet of ik hier in het goede topic zit (want het kan ook te maken hebben met jQuery) maar ik heb het volgende probleem.

Voor een website moet ik een news slider inbouwen. Nu heb ik er één gevonden die aan de eisen voldoet (zie hier). De miniatuur-afbeeldingen hoef ik er niet bij, dus die heb ik eruit gesloopt. Alleen wanneer je nu op één van de vier items klikt, gaat het item zich raar gedragen. Voorbeeld is hier te vinden. Weet iemand hoe dat komt? En wat de oplossing daar voor is? Alvast bedankt!
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_80973399
Ik zoek zelf ook een fijne simpele photoslider, het enige wat ik wil is een rij fotos naast elkaar die je heen en weer kan sliden met een kleine custom scrollbar er onder/de pijltjestoetsen/ door ze te slepen met je muis.

Weet iemand hier een goede tutorial voor?


Ik ben trouwens wat met css3 aan het kloten geweest, geweldig spul! Jammer alleen dat firefox het nog niet volledig ondersteunt. Maar geanimeerde knoppen met schaduw en gradienten zijn supersimpel te maken, geweldig
pi_80975205
@donroyco

je hebt in je style_os.css een fout staan

1#calendar a:link, a:visited, a:active


dit moet zijn

1
2
3		#calendar a:link, 
#calendar a:visited, 
#calendar a:active {


en daarmee is je probleem opgelost :)
Bleuh.
pi_80977722
quote:
Op maandag 3 mei 2010 16:41 schreef lkb9000 het volgende:

Ik ben trouwens wat met css3 aan het kloten geweest, geweldig spul! Jammer alleen dat firefox het nog niet volledig ondersteunt. Maar geanimeerde knoppen met schaduw en gradienten zijn supersimpel te maken, geweldig
Ik denk dat er geen enkele browser is die CSS3 al volledig ondersteunt. Firefox doet in ieder geval een stuk meer dan IE, daar kun je schaduw en gradienten simpelweg vergeten.
fokstok.nl
pi_80977778
quote:
Op maandag 3 mei 2010 17:28 schreef PimD het volgende:
@donroyco

je hebt in je style_os.css een fout staan
[ code verwijderd ]

dit moet zijn
[ code verwijderd ]

en daarmee is je probleem opgelost :)
Ik zou het nog korter doen:
1#calendar a {
fokstok.nl
  maandag 3 mei 2010 @ 18:54:53 #191
134533 donroyco
dus niet Donroyco
pi_80977886
Thanks PimD en Light , ik heb voor de laatste optie gekozen
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_80977983
quote:
Op maandag 3 mei 2010 18:51 schreef Light het volgende:

[..]

Ik zou het nog korter doen:
True, er zal alleen wellicht een reden zijn geweest dat in calender.css ofzo niet de :hover state werd gedefinieerd voor die specifieke styling Heb er verder ook niet echt naar gekeken om eerlijk te zijn
Bleuh.
pi_80978131
quote:
Op maandag 3 mei 2010 18:50 schreef Light het volgende:

[..]

Ik denk dat er geen enkele browser is die CSS3 al volledig ondersteunt. Firefox doet in ieder geval een stuk meer dan IE, daar kun je schaduw en gradienten simpelweg vergeten.
Dat het in IE nie twerkt wil natuurlijk niet zo heel veel zeggen, daar kun je tegenwoordig nog niet eens stylen op de :target-selector als ik me niet vergis... Voor de rest werkt een hele hoop CSS3 al gewoon in Firefox, Safari, Chrome en Opera. Animaties is nog lastig, maar gradients e.d. zijn toch wel redelijk standaard geworden sinds de release van FF3.6. een paar weken geleden.

Met wat smerige IE-filters kun je overigens best iets van een schaduw en gradients maken als ik me niet vergis. Ik begin er verder ook niet aan hoor, maar je kunt een hoop doen met die filters die er in zitten en als je teveel tijd/geld hebt
Bleuh.
pi_80978150
quote:
Op maandag 3 mei 2010 18:58 schreef PimD het volgende:

[..]

True, er zal alleen wellicht een reden zijn geweest dat in calender.css ofzo niet de :hover state werd gedefinieerd voor die specifieke styling Heb er verder ook niet echt naar gekeken om eerlijk te zijn
:hover staat gewoon als volgend item in de css. Dan kun je net zo makkelijk eerst een algemene style maken en die waar nodig voor de :hover aanpassen. Moet je uiteraard wel de :hover definieren na de gewone style.
fokstok.nl
  maandag 10 mei 2010 @ 18:43:31 #195
12221 Tijn
Powered by MS Paint
pi_81262511
Heeft iemand een idee hoe je slechts een gedeelte van de inhoud van een inputfield een bepaalde kleur kunt geven? Ik wil graag een inputfield maken met een bepaalde default value in een kleur en de tekst die de user er dan bij typt een andere kleur geven.
Verberg de nieuwsticker
pi_81266649
Voor zover ik weet kan dit niet, aangezien je geen onderscheid kunt maken binnen een input. Wat ik zou doen:

1
2
3
4
5
6
7
8
9
10		<ol>
<li>
<label>
<input>
</li>
<li>
<label>
<input>
</li>
</ol>


En dan de li's stylen alsof het een input betreft, met een border/background/etc. Je float de labels (waar je 'default' value in staat) en de input naast elkaar en geeft de li's een display:block. De daadwerkelijke inputs verwijder je de border/background/etc. van. Tada, klaar.

Maar er zijn ook vast 100 andere manieren te bedenken :D
Bleuh.
pi_81373762
Even een beetje offtopic, myspace vraagje:

Heeft iemand enig idee hoe je in een band myspace er voor zorgt dat ook shows uit het verleden in de lijst zichtbaar zijn?
pi_81379663
quote:
Op donderdag 13 mei 2010 10:59 schreef lkb9000 het volgende:
Even een beetje offtopic, myspace vraagje:

Heeft iemand enig idee hoe je in een band myspace er voor zorgt dat ook shows uit het verleden in de lijst zichtbaar zijn?
Ik ken dat myspace niet, maar ik betwijfel of je vraag met css te maken heeft.
fokstok.nl
pi_81380121
quote:
Op donderdag 13 mei 2010 14:09 schreef Light het volgende:

[..]

Ik ken dat myspace niet, maar ik betwijfel of je vraag met css te maken heeft.
Myspace is met html&css aan te passen, maar of dit probleem daarmee op te lossen valt weet ik niet.
Maar ik dacht, eerst even hier vragen voordat ik een topic aanmaak, aangezien de mensen die dit toevallig zouden weten waarschijnlijk wel in dit topic te vinden zijn
  donderdag 13 mei 2010 @ 14:47:22 #200
182073 invine
blablabla etc.
pi_81380876
Heeft niks met css te maken, wel met html/php of whatever
Ik drink nooit meer! maar ook niet minder.
pi_81534691
Ola,

Mooi dat er een CSS topic op FOK! is, nu hoop ik dat jullie mij willen kunnen helpen!

Ik heb een horizontaal menu gemaakt uit een ul:
1
2
3
4
5
6
7
8		         <div id="navigation">
            <ul>
               <li><a class="current" href="#">Menu 1</a></li>
               <li><a href="#">Menu 2</a></li>
               <li><a href="#">Menu 3</a></li>
               <li><a href="#">Menu 4</a></li>
            </ul>
         </div> <!-- #navigation ends here -->

En dat word hier gestyled:
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		#navigation {
   border: none;
   font-size: 80%;
   margin-left: 12.5em; /*200px*/
   margin-right: 1.25em; /*20px*/
   padding: .5em 0 .2em .5em; /*8px 0 3px 8px*/
   text-align: right;
}
#navigation ul li {
   display: inline;
   font-weight: bold;
}
#navigation a:link, a:visited {
   border: 1px solid #5e656b;
   color: #5e656b;
   padding: .5em .5em .2em .5em; /*8px 8px 3px 8px*/
   text-decoration: none;
}
#navigation a:hover, a:active {
   background-color: #ecf3f5;
   border: 1px solid #0073c8;
   border-bottom: 1px solid #ecf3f5;
   color: #0073c8;
   padding: .5em .5em .2em .5em; /*8px 8px 3px 8px*/
   text-decoration: none;
}
#navigation a.current {
   background-color: #ecf3f5;
   border: 1px solid #0073c8;
   border-bottom: 1px solid #ecf3f5;
   color: #0073c8;
   padding: .5em .5em .2em .5em; /*8px 8px 3px 8px*/
   text-decoration: none;
}

Zoals je ziet heeft de eerste li in ul een class genaamd current. Dat is ervoor te zorgen dat de current tab in het menu duidelijk zichtbaar is. Dat even tussen 2 haakjes, want hier komt het probleem:
Ik krijg op geen enkele manier voor elkaar dat linkjes anders gestyled worden dan het menu! Rara, waar zou ik wat moeten veranderen?

Alvast bedankt voor jullie hulp :*
  maandag 17 mei 2010 @ 15:42:25 #202
182073 invine
blablabla etc.
pi_81536953
-nvm-
Ik drink nooit meer! maar ook niet minder.
pi_81541894
@geodriehoek

1#navigation a:link, a:visited


doet niet wat jij denkt dat ie doet. Hij selecteert nu alle a:links in #navigation PLUS alle visited links (dus ook de links buiten #navigation (dit doe je overigens op meer plekken in je CSS).

1
2		#navigation a:link, 
#navigation a:visited


Zo dus.

Voor de rest begrijp ik je vraag niet echt, bij mij is de huidige actieve tab gewoon een andere kleur - of bedoel je dat niet?
Bleuh.
pi_81546905
quote:
Op maandag 17 mei 2010 17:28 schreef PimD het volgende:
@geodriehoek
[ code verwijderd ]

doet niet wat jij denkt dat ie doet. Hij selecteert nu alle a:links in #navigation PLUS alle visited links (dus ook de links buiten #navigation (dit doe je overigens op meer plekken in je CSS).
[ code verwijderd ]

Zo dus.

Voor de rest begrijp ik je vraag niet echt, bij mij is de huidige actieve tab gewoon een andere kleur - of bedoel je dat niet?
Te gek PimD, dit lost mijn probleem op! Kan je, als je zin hebt, misschien uitleggen waarom mijn manier niet werkte?

Mijn zinnetje over die actieve tab was simpelweg extra info voor degene die zich afvroegen waarom er een class was toegwezen. Was verder niet bedoelt als vraag

Thanks a million!
pi_81547243
Tsja wat valt er uit te leggen. Je scheidt je CSS selectors met komma's, dus

1
2
3		#content a, span { 
....
}


selecteer alle a-hrefs in de div met de ID content PLUS alle span-elementen - waar dan ook. Als je dus alleen de a's en de spans wilt hebben in de div #content dan moet je

1
2
3
4		div#content a,
div#content span {
...
}


doen :)
Bleuh.
pi_81547558
quote:
Op maandag 17 mei 2010 19:23 schreef PimD het volgende:
Tsja wat valt er uit te leggen. Je scheidt je CSS selectors met komma's, dus
[ code verwijderd ]

selecteer alle a-hrefs in de div met de ID content PLUS alle span-elementen - waar dan ook. Als je dus alleen de a's en de spans wilt hebben in de div #content dan moet je
[ code verwijderd ]

doen
Yeah nu snap ik hem, dank!
  dinsdag 25 mei 2010 @ 11:43:05 #207
69950 MadGuy
Fever Ray
pi_81863920
Hallo beste experts,

Misschien kunnen jullie mij ook helpen met een IE-probleempje.

Het gaat om de thumbnails op deze pagina: KLIK!

In Firefox, Chrome en Safari zien de marges tussen de thumbnails er perfect uit, alleen IE sputtert een beetje tegen. De marges onder (of boven - net hoe je er tegenaan kijkt) zijn verdwenen. Wie weet er een oplossing voor IE om deze marges toch goed te krijgen, zonder dat Firefox, Chrome en Safari dubbele marges gaan rekenen?

Dit is de bijbehorende CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		#mainbodyportf {
   width: 800px;
   min-height: 200px;
   margin-top: 30px;
   font: normal 12px Verdana;
   color: #333;
   line-height: 1.5em;
}

ul.portf {
   float: right;
   display: inline;
   width: 275px;
   list-style-type: none;
}

li.portf {
   float: left;
   margin-left: 5px;
}

li img {
   border: none;
}
last.fm
marksluymers.nl
pi_81864459
1
2
3
4
5
6
7
8
9		* {
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   margin: 0;
   padding: 0;
   outline-style: none;
   outline-width: 0;
}

Haal dat eens weg ofzo.

Heb helaas (gelukkig ) geen IE hier dus kan verder niet testen.
zcflevo.nl
  dinsdag 25 mei 2010 @ 12:56:35 #209
69950 MadGuy
Fever Ray
pi_81866501
Bedankt voor je suggestie. Het helpt helaas niet.

En je hebt gelijk wat betreft IE.
last.fm
marksluymers.nl
pi_81873470
Ik heb het volgende probleem: Wanneer ik met JS de CSS-style van display none naar block verander van mijn tbody elementen, dan neemt de tbody niet de opgegeven breedte over.

Een voorbeeld is hier te zien. Het gaat om als je "theoriemateriaal" helemaal onderaan aanklikt, dan fout hij hem uit zoals het hoort, alleen de breedte klopt niet i.t.t. de tbodies daarboven.

Dit is de JS:
1
2
3
4		for (i = 0; i < $("los").select("[title='sub"+ID+"']").length; i = i + 1)
{
   ("los").select("[title='sub"+ID+"']")[i].style.display = "block";
}


Dit is de CSS:
1
2
3
4		div#body div#B div.wrapper div#content div.type table tbody.sub
{
   display: none; 
}
Aan dit bericht kunnen geen rechten worden ontleend.
pi_81873628
Waar heb je de breedte van de tbody ingesteld?
fokstok.nl
pi_81873829
quote:
Op dinsdag 25 mei 2010 15:58 schreef Light het volgende:
Waar heb je de breedte van de tbody ingesteld?
Nergens, maar hij moet de totale breedte te hebben van de th + 2x td's die er in staan, de breedte van de th lijkt hij na de display: block niet te herkennen.

Als ik trouwens de tbody op 500px instel, dan drukt hij de goede tbody te breed uit.
Aan dit bericht kunnen geen rechten worden ontleend.
pi_81875463
quote:
Op dinsdag 25 mei 2010 16:03 schreef poepeneesje het volgende:

[..]

Nergens, maar hij moet de totale breedte te hebben van de th + 2x td's die er in staan, de breedte van de th lijkt hij na de display: block niet te herkennen.

Als ik trouwens de tbody op 500px instel, dan drukt hij de goede tbody te breed uit.
Da's ook niet zo raar, als je van je table-element een block-element maakt, trekt'ie zich niets meer aan van de td's en th's die daar in staan.

Oh en crossposten is ook niet nodig hoor.
zcflevo.nl
pi_81875944
quote:
Op dinsdag 25 mei 2010 16:38 schreef KomtTijd... het volgende:

[..]

Da's ook niet zo raar, als je van je table-element een block-element maakt, trekt'ie zich niets meer aan van de td's en th's die daar in staan.

Oh en crossposten is ook niet nodig hoor.
Erg stom vanmezelf dat ik er niet aangedacht heb. De oplossing is dus display: table-row-group i.p.v. block.
Aan dit bericht kunnen geen rechten worden ontleend.
  zondag 30 mei 2010 @ 22:49:06 #215
87680 Mirel
Mirel wil een bongophone.
pi_82124223
edit
When all else fails, you always have delusion.
  zondag 30 mei 2010 @ 22:50:18 #216
134533 donroyco
dus niet Donroyco
pi_82124303
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_82307607
Vraaaaagje:

Hoe kan ik via een knop een CSS-eigenschap veranderen? Is daar java voor nodig? Of kan het met html/css alleen?

Ik wil een knop (of meerdere) die de achtergrondkleur van de website verandert
  vrijdag 4 juni 2010 @ 00:21:35 #218
87680 Mirel
Mirel wil een bongophone.
pi_82312149
Je kan heel lomp doen dat als je in pagina1.html met stylesheet1.css bent en op een knop drukt dat je naar een identieke pagina2.html met stylesheet2.css gaat. Maar da's lomp.

Ik gok PHP.
When all else fails, you always have delusion.
pi_82312719
quote:
Op donderdag 3 juni 2010 22:49 schreef lkb9000 het volgende:
Vraaaaagje:

Hoe kan ik via een knop een CSS-eigenschap veranderen? Is daar java voor nodig? Of kan het met html/css alleen?

Ik wil een knop (of meerdere) die de achtergrondkleur van de website verandert
Een knop om de achtergrondkleur te veranderen? Dat kan, met een beetje Javascript. Geen Java, da's iets heel anders.
fokstok.nl
pi_82324937
Het is me gelukt met een simpel javascriptje, bedankt!

1
2
3
4
5
6
7
8
9
10
11
12		<script language="JavaScript">
var backColor = new Array(); 

backColor[0] = '#111111';
backColor[1] = '#222222';
backColor[2] = '#333333';
backColor[3] = '#444444';

function changeBG(whichColor){
document.bgColor = backColor[whichColor];
}
</script>

1
2
3
4		<a href="#" onMouseOver="javascript:changeBG(0)">Change</a>
<a href="#" onMouseOver="javascript:changeBG(1)">Change</a>
<a href="#" onMouseOver="javascript:changeBG(2)">Change</a>
<a href="#" onMouseOver="javascript:changeBG(3)">Change</a>


Ik heb alleen nog 1 probleem, dit werkt alleen als ik de background color uit de body css haal. Dit betekent dus dat de site altijd begint met een witte achtergrond.

Is dit via html/css te veranderen? Of moet ik iets aanpassen/toevoegen in het script? (en moet ik even in het javascript voor dummies topic aankloppen?)
pi_82326194
quote:
Op vrijdag 4 juni 2010 13:01 schreef lkb9000 het volgende:
Het is me gelukt met een simpel javascriptje, bedankt!
[ code verwijderd ]


[ code verwijderd ]

Ik heb alleen nog 1 probleem, dit werkt alleen als ik de background color uit de body css haal. Dit betekent dus dat de site altijd begint met een witte achtergrond.

Is dit via html/css te veranderen? Of moet ik iets aanpassen/toevoegen in het script? (en moet ik even in het javascript voor dummies topic aankloppen?)
document.bgColor lijkt me niet echt correct, dat zou op zijn minst moeten zijn document.body.style.backgroundColor, of document.getElementById('elementID').style.backgroundColor. Als je dat gebruikt moet het gewoon de CSS overrulen.
zcflevo.nl
pi_82326616
quote:
Op vrijdag 4 juni 2010 13:31 schreef KomtTijd... het volgende:

[..]

document.bgColor lijkt me niet echt correct, dat zou op zijn minst moeten zijn document.body.style.backgroundColor, of document.getElementById('elementID').style.backgroundColor. Als je dat gebruikt moet het gewoon de CSS overrulen.
Die eerste werkt perfect, geweldig!
pi_82348432
Ik heb nog een probleem

Ik heb een iframe waar ik een Nivo Slider in heb gebouwd, en deze werkt in FF & IE goed. Behalve in Chrome als ik de online versie bekijk (offline bekijken werkt gewoon goed), dan komt er een horizontale scrollbar terwijl ik op alle mogelijke plekken overflow op hidden heb staan.

Heeft iemand ervaring met zo'n probleem? Ik kan niet bedenken waar het aan kan liggen

http://lennartb.nl/2010/index1.html
Hier gaat het om, alvast bedankt!
  donderdag 10 juni 2010 @ 14:34:58 #224
25889 Sitethief
Fulltime Flapdrol
pi_82616879
1
2
3
4
5
6
7
8
9
10
11
12
13
14		<body>
   <div id="wrapper" style="margin: 0pt auto; width: 1000px;">
      <div id="bodyPan"> 
         <div id="boxBox">  
            <div id="profileBox">       
               Content A
            </div>
            <div id="companyBox">
               Content B
            </div> 
         </div>
      </div>
   </div>
</body>


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		body{
   background:url("plaatjezoveel.jpg") repeat-x scroll 0 -73px #A8A39D;
   color:#1A1917;
   font:14px/20px Arial,Helvetica,sans-serif;
   margin:10px 0 0;
   padding:0;
}
#bodyPan {
   background:url("plaatjezoveel2.jpg") no-repeat scroll 0 0 #FFFFFF;
   color:#1A1917;
   margin:0 auto;
   padding:10px 20px 20px;
   position:relative;
width:960px;
}
#boxBox {
   position:relative;
}
#companyBox {
   position:relative;
}
#profileBox {
   float:left;
   position:relative;
}

Probleem, hoogte is dynamisch, dat gaat verder lekker. Tot dat een block element in #boxBox een float eigenschap meekrijgt, dan krijgt he t#bodyPan erboven de hoogte van het kleinste element. (of geen hoogte als beide elementen een float hebben)
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_82618273
overflow:hidden
zcflevo.nl
  donderdag 10 juni 2010 @ 15:06:08 #226
25889 Sitethief
Fulltime Flapdrol
pi_82618511
quote:
Op donderdag 10 juni 2010 15:00 schreef KomtTijd... het volgende:
overflow:hidden
Geniaal!
Dank je .
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_82970372
vraagje
ik heb een site met een body en container, zodat de breedte altijd fixed is
nu wil ik een minimale hoogte aan de container meegeven zodat "korte" pagina's ook beeldvullend zijn
en zodat mijn footer altijd op de zelfde plaats staat (tenzij de pagina groter is natuurlijk)
met min-height: 800px; kom ik al een heel eind...alleen blijft mijn footer nu halverwege de pagina hangen.

Hoe kan ik zorgen dat de footer de min-height volgt?
pi_82973505
quote:
Op vrijdag 18 juni 2010 11:29 schreef MrNiles het volgende:
vraagje
ik heb een site met een body en container, zodat de breedte altijd fixed is
nu wil ik een minimale hoogte aan de container meegeven zodat "korte" pagina's ook beeldvullend zijn
en zodat mijn footer altijd op de zelfde plaats staat (tenzij de pagina groter is natuurlijk)
met min-height: 800px; kom ik al een heel eind...alleen blijft mijn footer nu halverwege de pagina hangen.

Hoe kan ik zorgen dat de footer de min-height volgt?
De makkelijkste oplossing is door in de container een div content te plaatsen en die een min-height te geven. Dan hoeft de container zelf geen min-height.
fokstok.nl
  vrijdag 18 juni 2010 @ 13:11:39 #229
25889 Sitethief
Fulltime Flapdrol
pi_82975244
1
2
3
4
5
6
7
8		   <div id="boxBox">  
            <div id="profileBox">
                  content
            </div>
            <div id="companyBox">
                  content
            </div>
   </div> 

1
2
3
4
5
6
7
8
9
10
11		#boxBox {
overflow:hidden;
position:relative;
}
#companyBox {
position:relative;
}
#profileBox {
float:left;
position:relative;
}


Ik krijg het wel voor elkaar om deze twee divjes naast elkaar in een container te zetten, maar ik kan geen afstand tussen de twee divjes zetten, zelfs niet met een margin.... Dwz, ik krijg er wel ruimte tussen, maar companyBox wordt dan erg klein, ik zie ook met Firebug dat hij op dezelfde plek als profielBox begint.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  vrijdag 18 juni 2010 @ 13:19:35 #230
25889 Sitethief
Fulltime Flapdrol
pi_82975640
Lamaar, companyBox had een dikke margin meegekregen
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  vrijdag 18 juni 2010 @ 16:48:11 #231
37634 wobbel
Da WoBBeL King
pi_82988141
Ik denk dat deze in CSS hoort

Hieronder een gedeelte van mijn layout:



Nu dient het volgende probleem zich aan, zodra ik de pagina oproep met een anchor #specificaties oid dan verspringt de hele boel in Firefox en IE8...



Dat gaat dus niet goed...bekend probleem?
Hosted VoIP SIP trunks Vast mobiel VoIP
  vrijdag 18 juni 2010 @ 17:21:20 #232
254493 Trollface.
gr rob fruithof, groningencity
pi_82989658
Gebruik je frames ofzo?
★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★
pi_82989756
Heb je ergens de :target selector gebruikt in je CSS? Als ik het goed begrijp gaat het dus alleen mis als je #specificatis in je url hebt staan, en anders niet?
Bleuh.
  vrijdag 18 juni 2010 @ 17:32:55 #234
37634 wobbel
Da WoBBeL King
pi_82990078
quote:
Op vrijdag 18 juni 2010 17:21 schreef Trollface. het volgende:
Gebruik je frames ofzo?
Wat denk je zelf
quote:
Op vrijdag 18 juni 2010 17:23 schreef PimD het volgende:
Heb je ergens de :target selector gebruikt in je CSS? Als ik het goed begrijp gaat het dus alleen mis als je #specificatis in je url hebt staan, en anders niet?
Nee, zover ik weet nergens zelfs!
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_82990124
Gooi eens een voorbeeld online dan?
Bleuh.
pi_83012751
je kan eens proberen om in de css van je div die wegvalt dit { clear:left; } er bij te zetten
is om afbeeldingen niet ergens achter te laten vallen dacht ik
heel goed ben ik er ook allemaal niet in maar bij mij werkte het wel bij een vergelijkend probleem
andere achtervoegingen kunnen zijn right of none of both (dacht ik...google weet het beter)
pi_83051026
Hoi, hoe geef je in CSS aan hoeveel witruimte er tussen iedere letter zit? Aangezien ik de goede benaming er niet voor weet, vindt google het ook niet Dus, dan vraag ik het hier.

pi_83051244
1letter-spacing: 0.5em;
Bleuh.
pi_83051422
quote:
Op zondag 20 juni 2010 13:11 schreef PimD het volgende:

[ code verwijderd ]

Thanks, even ergens opschrijven
  zondag 20 juni 2010 @ 22:05:48 #240
25889 Sitethief
Fulltime Flapdrol
pi_83075025
quote:
Op zondag 20 juni 2010 13:16 schreef RenRen- het volgende:

[..]

Thanks, even ergens opschrijven
Bookmark gewoon deze site: http://www.blooberry.com/indexdot/css/propindex/all.htm
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  vrijdag 2 juli 2010 @ 15:01:34 #242
71610 Black-Hole
Deep in my soul
pi_83572075
Het lukt me maar niet om een formulier mooi op te maken in IE en FF terwijl de styling in Chrome en Safari het wel prima doet..... Wat er niet gebeurd in IE en FF is dat de input velden mooi uitgelijnd onder elkaar staan. Ze blijven zeg maar plakken achter de tekst die ervoor staat. Wie kan mij helpen?

HTML:
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		<div id="form">
<form name="contactform" method="post" action="send_form_email.php">
<fieldset>   
<legend><p>Contact gegevens</p></legend>   
<ol>   
<li>   
  <label for="first_name"><p>Naam *</label>
  <input  type="text" name="first_name" size="35">
</li> 
<li>  
  <label for="last_name"><p>Bedrijf</label>
  <input  type="text" name="last_name" size="35">
</li> 
<li>  
  <label for="email"><p>E-mailadres *</label>
  <input  type="text" name="email" size="35">
</li> 
<li>  
  <label for="telephone"><p>Telefoon</label>
  <input  type="text" name="telephone" size="35">
  </li>   
</ol>   
</fieldset> 
  
<fieldset>   
<legend><p>Aanvraag diensten</p></legend>   
<ol>   
<li>   
<label for="dienst"><p>Gewenste dienst</label>
  <select name="dienst" name="dienst">
   <option>Nieuwe website</option>
   <option>Redesign bestaande website</option>
   <option>Anders, namelijk</option>
   </select>  
</li>  

<li>   
<label for="markt"><p>Markt</label>
  <select name="markt" name="markt">
   <option>MKB</option>
   <option>Non-profit</option>
   <option>Particulier</option>
   </select>  
</li>   
  
<li>  
  <label for="comments"><p>Bericht *</label>

  <textarea  name="comments" ></textarea>
</li>  
</ol> 

</fieldset>
  <input type="submit" value="Verstuur">   


</form>
</div> <!-- end form -->


CSS:
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		fieldset li {
padding: 5px;
display: inline;
}

form label {     
float: left;
width: 10em;    
margin-right: 1em;   
}

fieldset li {    
float: left;    
clear: left;    
width: 100%;    
padding-bottom: 1em;  
}

fieldset{
float: left;      
clear: both;      
width: 100%;      
margin: 0 0 -1em 0;      
padding: 0 0 1em 0;  
}

form fieldset {
  border: 1px solid #1f6097;
  padding: 5px; 
  margin: 10px;        
}


textarea{
width: 250px;
height: 150px;
}
pi_83572478
Je kunt proberen het label een display:block te geven. Een label is normaal gesproken als ik me niet heel erg vergis een inline element, het geven van een width daaraan heeft geen zin tenzij je 'm als block-level element wil tonen.

Wel vreemd dat ie het volgens jou in Safari en Chrome wel doet, dat zou niet moeten kunnen volgens mij...
Bleuh.
  vrijdag 2 juli 2010 @ 15:16:14 #244
71610 Black-Hole
Deep in my soul
pi_83572680
quote:
Op vrijdag 2 juli 2010 15:11 schreef PimD het volgende:
Je kunt proberen het label een display:block te geven. Een label is normaal gesproken als ik me niet heel erg vergis een inline element, het geven van een width daaraan heeft geen zin tenzij je 'm als block-level element wil tonen.

Wel vreemd dat ie het volgens jou in Safari en Chrome wel doet, dat zou niet moeten kunnen volgens mij...
Dat maakt geen verschil helaas. Het verschil is er echt, je kan de pagina in werking zien op www.nionwebdesign.com/dev/offerte.html
pi_83573027
Ja gast, vind je het gek als je

1<label><p>Markt</label> 


doet ipv

1<label>Markt</label>




Je mist de </p> tag en hebt een block-level (p) element in een inline element (label) staan, wat de browser probeert op te lossen, door er

1<label></label><p>Markt
van te maken.

Als je nette HTML doet en een label een display:block geeft werkt het prima.
Bleuh.
  vrijdag 2 juli 2010 @ 21:20:24 #246
71610 Black-Hole
Deep in my soul
pi_83587845
Dat was het inderdaad, nu werkt het perfect!
  vrijdag 2 juli 2010 @ 22:39:07 #247
87680 Mirel
Mirel wil een bongophone.
pi_83590729
Vanwege dit soort foutjes vind ik dat mensen met Notepad++ moeten werken en niet iets zoals Dreamweaver. Notepad gaat veel beter om met begin en eindtags door ze te kleuren, strepen tussen elkaar te trekken, en het begin en eind highlighten als je erop klikt.

Dreamweaver doet wel iets met kleur maar met veel minder variatie.
When all else fails, you always have delusion.
pi_83590817
quote:
Op vrijdag 2 juli 2010 22:39 schreef Mirel het volgende:
Vanwege dit soort foutjes vind ik dat mensen met Notepad++ moeten werken en niet iets zoals Dreamweaver. Notepad gaat veel beter om met begin en eindtags door ze te kleuren, strepen tussen elkaar te trekken, en het begin en eind highlighten als je erop klikt.

Dreamweaver doet wel iets met kleur maar met veel minder variatie.
Ik denk dat ik ook maar ga overstappen naar Notepad++.
Ik heb altijd wel een klein beetje gebruik gemaakt van de GUI van Dreamweaver maar bij m'n laatste website betrapte ik mezelf erop 100% alleen met de code bezig te zijn, dus het is wel tijd voor een overstap
  vrijdag 2 juli 2010 @ 22:49:47 #249
71610 Black-Hole
Deep in my soul
pi_83591143
quote:
Op vrijdag 2 juli 2010 22:39 schreef Mirel het volgende:
Vanwege dit soort foutjes vind ik dat mensen met Notepad++ moeten werken en niet iets zoals Dreamweaver. Notepad gaat veel beter om met begin en eindtags door ze te kleuren, strepen tussen elkaar te trekken, en het begin en eind highlighten als je erop klikt.

Dreamweaver doet wel iets met kleur maar met veel minder variatie.
Zelf gebruik ik Coda (en had de code nog niet laten valideren)
  vrijdag 2 juli 2010 @ 23:54:01 #250
87680 Mirel
Mirel wil een bongophone.
pi_83594478
edit
When all else fails, you always have delusion.
  dinsdag 6 juli 2010 @ 13:54:05 #251
37634 wobbel
Da WoBBeL King
pi_83720632
Ik denk dat deze in CSS hoort

Hieronder een gedeelte van mijn layout:



Nu dient het volgende probleem zich aan, zodra ik de pagina oproep met een anchor #specificaties oid dan verspringt de hele boel in Firefox en IE8...



Dat gaat dus niet goed...bekend probleem?

Voorbeeld kun je hier vinden: http://v3.progenion.nl/sh(...)iltert-tot-25m2.html
Als je klikt op specificaties zie je het in IE8 en FF3 gebeuren.
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_83721520
In progenion.css staat:
1<!-- slide menu -->

Da's geen correcte css comment, dus een verbeterpunt.

En je html lijkt ook niet helemaal in orde te zijn. Er gaat iets mis met de nesting van de tags en/of er ontbreken sluit-tags. Best kans dat je daarmee het probleem al kunt oplossen.
fokstok.nl
pi_84184403
hallooo!
ik heb een website gemaakt en ben al heel lang bezig om hem gecentreerd te krijgen, maar wat ik ook probeer het lukt niet en ik kan de fout niet ontdekken... Ik hoopte dat er hier iemand is die mij kan helpen om hem gewoon gecentreerd te krijgen. Bij voorbaat dank _O_

De html;
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		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HorseVisual.nl Paardenfotografie & Foto-art</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="opmaak2.css" rel="stylesheet" type="text/css">
<meta name="description" content="Website Horsevisual.nl" />
</head>

<body>
   
<!-- Site--> 
<img src="boven.png">
  
<!-- Menu--> 
<div class="menu">
<ul id="navbar">
  <li class="topitem"><a href="index.htm" class="active">HOME</a></li>
 <li class="topitem"><a href="nieuws.htm" class="menuitems">NIEUWS</a></li>
<li class="topitem"><a href="biografie.htm" class="menuitems">BIOGRAFIE</a></li>
<li class="topitem"><a href="partners.htm" class="menuitems">PARTNERS</a></li>
 <li class="topitem"><a href="agenda.htm" class="menuitems">AGENDA</a></li>

  <li class="topitem"><a href="referenties.htm" class="menuitems">REFERENTIES</a></li>
 <li class="topitem"><a href="contact.htm" class="menuitems">CONTACT</a></li>

</ul>
</div>

<!-- Hoofdtekst-->
<div class="hoofd"><div class="hoofdtekst"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.

Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.

Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praes</div> </div>

<!-- Ondertekst-->
<div class="footer"><img src="onder.png">

</div>

</div>
</body></html>


De css;
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113		@charset "utf-8";
/* CSS Document */

body {
   margin:0px;
   background-color:#666;
   background-image:url(background.jpg);
   color: white;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 11px;
   
}

.hoofd
{
   
   background:url(midden.png) repeat-y;
   margin-right: 0px;
   min-height: 700px;
   color:#FFF;
}

.hoofdtekst
{
   margin-right: 0px;
   color:#FFF;
   font-family:Tahoma, Geneva, sans-serif;
   margin-left: 115px;
   width: 770px;
   padding-top: 30px;
}

   .menu {
   position: absolute;
   top: 138px;
   left: 111px;
   width: 818px;
   font-weight: normal;
   height: 31px;
   }

   
/* menu */
.menuitems {
   color: #FFF;
   text-decoration: none;
}

   
.unnamed1 {
   text-decoration: underline;
}

body{
  padding: 0;
  margin: 0;
}
 
/* style unordered list */
 
ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
 
/* style menu items */
 
li.topitem{
   float: left;
   position: relative;
   width: 86px;
   padding: 15px;
   font:10px Verdana, Arial, Helvetica, sans-serif;
   color:#FFF;
   font-weight: 300;
}

li > ul{
  top: auto;
  left: auto;
}

li a:hover {
  color: #999999;
}
 
/* display drop-down menu (add an 'over' class attribute to list items for IE */
 
li:hover ul,li.over ul{
  display: block; 
}
 
#navbar li li a {
  font: normal 13px Verdana, Arial, Helvetica, sans-serif;
  color: #010E1E;
  padding: 2px;
  text-decoration: none;
}


#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
   display: block;   
} 
 
#navbar li li a:hover {
  color:#999999;
}

.active {
   COLOR: #999999;
   text-decoration: none;
}
pi_84184662
quote:
Op zaterdag 17 juli 2010 23:26 schreef Sabyo het volgende:
hallooo!
ik heb een website gemaakt en ben al heel lang bezig om hem gecentreerd te krijgen, maar wat ik ook probeer het lukt niet en ik kan de fout niet ontdekken... Ik hoopte dat er hier iemand is die mij kan helpen om hem gewoon gecentreerd te krijgen. Bij voorbaat dank

De html;
[ code verwijderd ]

De css;
[ code verwijderd ]
www.w3schools.com
Ga eerst eens proberen te begrijpen wat je in hemelsnaam aan het doen bent.

Ik kan je het antwoord wel geven, maar ik denk eerlijk gezegd niet dat het je dan wel lukt:
1margin: 0 auto; 
zcflevo.nl
pi_84184673
Als je nou gewoon die boel even ergen online zet zodat ik er naar kan kijken.... Volgens mij moet je er gewoon een container omheen gooien met een width en een margin:0 auto; en klaar ben je...
Bleuh.
  zondag 18 juli 2010 @ 00:27:48 #256
87680 Mirel
Mirel wil een bongophone.
pi_84186556
Maak een div om alle divs heen. Geef die div margin 0 auto. Zo'n allesomvattende div noem je een container.
When all else fails, you always have delusion.
pi_84422777
Mijn main-div komt +- 10-20 px onder mijn browserbalk te staan (zie frontpage.girlzfora.nl) en ik wil dat niet. Hij moet gelijk helemaal vanaf boven perfect aansluiten O+ weet iemand welk regeltje ik in mijn div moet invoegen om dat voor elkaar te krijgen? :)
pi_84422827
overflow:hidden

Dan collapst'ie met de margin van je H1 (of ander element met default margin)
zcflevo.nl
pi_84422963
Het stukje is al wel verkleind maar nog niet helemaal weg? :X ;(
pi_84423115
1
2
3
4		html, body {
margin: 0;
padding: 0;
}


Of bedoel je die niet?
fokstok.nl
pi_84423447
1
2
3
4
5
6
7
8		#main
{
overflow: hidden;
margin: 0px auto;
height: 1500px;
width: 1000px;
background-color: #fddada;
} 


Dit is mijn div.
pi_84423975
't gaat vooral om wat er omheen staat.
Heb je geen linkje naar een online voorbeeld/testcase?
zcflevo.nl
pi_84424106
quote:
Op zaterdag 24 juli 2010 01:12 schreef KomtTijd... het volgende:
't gaat vooral om wat er omheen staat.
Heb je geen linkje naar een online voorbeeld/testcase?


frontpage.girlzfora.nl/
pi_84424117
quote:
Op zaterdag 24 juli 2010 00:54 schreef Puala het volgende:

[ code verwijderd ]

Dit is mijn div.
html en body krijgen standaard een margin en/of padding mee, dat zie je terug in de pagina's
fokstok.nl
pi_84424148
Gaat het om dat roze balkje?

overflow:hidden op je #header.
zcflevo.nl
pi_84424189
Waarom staan er in hemelsnaam twee stylesheet in de body
zcflevo.nl
pi_84424400
quote:
Op zaterdag 24 juli 2010 01:20 schreef KomtTijd... het volgende:
Waarom staan er in hemelsnaam twee stylesheet in de body
Hmm... ik zie er nog veel meer....
Er wordt ook iedere keer dezelfde stylesheet ingeladen, lijkt het. Niet echt nuttig.
fokstok.nl
pi_84424768
oh shitjes, die staan er nog in. Ga zo eventjes aanpassen en dan slapen :@
  zaterdag 24 juli 2010 @ 13:12:14 #269
27454 InTrePidIvity
Looks like it's broken...
pi_84433352
1<input name="add-to-cart-button" class="add-to-cart-button" type="submit" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')">


1
2
3
4
5
6
7
8
9
10		input.add-to-cart-button { 
    width:115px; 
    height:35px; 
    background: transparant url(../images/button_add_to_cart.png) no-repeat;
    outline:none;
    border:none;
    }
input.add-to-cart-button:hover {
    background:transparant url(../images/button_add_to_cart.png) no-repeat 0 -37px;
    }


Waarom lukt dit me niet? :(

Ik krijg gewoon een standaard 'Verzenden'-button, terwijl ik dus dat PNG-bestand wil gebruiken. Er gaat vast iets fout bij de HTML, maar ik snap er weinig van :P
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_84434529
Ik wil graag reacties toevoegen aan mijn blog maar weet niet precies waar. Ik heb deze code (weet ook niet of die juist is, ergens vandaan geplukt):

1<span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' width='100%'><tr> <td valign='center'><span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span>


En dat moet waarschijnlijk hier ergens tussen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		<div id="box">
<Blogger>
<div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
<$BlogItemBody$><br>
</Blogger>
</div></div>

<div id="entries" style="display:none">           
<Blogger>
<div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
<$BlogItemBody$><br>
</Blogger>
</div></td>
</div>


Maar waar weet ik niet precies, het werkt iig niet. Weet iemand dat?
pi_84434773
quote:
Op zaterdag 24 juli 2010 13:12 schreef InTrePidIvity het volgende:

[ code verwijderd ]

[ code verwijderd ]

Waarom lukt dit me niet? :(

Ik krijg gewoon een standaard 'Verzenden'-button, terwijl ik dus dat PNG-bestand wil gebruiken. Er gaat vast iets fout bij de HTML, maar ik snap er weinig van :P
Met <input type="submit" maak je een standaard verzenden-button. En dan kun je geen (achtergrond)plaatjes gebruiken.
Met <input type="image"> maak je ook een verzend-button, maar dan kun je wel een plaatje opgeven (en je krijgt geen tekst enzo). Bij een :hover het plaatje veranderen, kan wel eens lastig zijn.

Eigenlijk zijn die input-dingen dus gewoon ondingen. ;)
fokstok.nl
  zaterdag 24 juli 2010 @ 14:16:52 #272
27454 InTrePidIvity
Looks like it's broken...
pi_84435045
quote:
Op zaterdag 24 juli 2010 14:05 schreef Light het volgende:

[..]

Met <input type="submit" maak je een standaard verzenden-button. En dan kun je geen (achtergrond)plaatjes gebruiken.
Met <input type="image"> maak je ook een verzend-button, maar dan kun je wel een plaatje opgeven (en je krijgt geen tekst enzo). Bij een :hover het plaatje veranderen, kan wel eens lastig zijn.

Eigenlijk zijn die input-dingen dus gewoon ondingen. ;)

Ik heb uiteindelijk 'transparant' weggehaald uit de CSS en value="" toegevoegd aan de HTML, dat werkt ook! Bedankt in elk geval :)
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_84435584
quote:
Op zaterdag 24 juli 2010 14:16 schreef InTrePidIvity het volgende:

[..]

Ik heb uiteindelijk 'transparant' weggehaald uit de CSS en value="" toegevoegd aan de HTML, dat werkt ook! Bedankt in elk geval :)
Ah, volgens mij had ik het op die manier nog niet geprobeerd :)
fokstok.nl
  zaterdag 24 juli 2010 @ 15:00:12 #274
27454 InTrePidIvity
Looks like it's broken...
pi_84436352
quote:
Op zaterdag 24 juli 2010 14:34 schreef Light het volgende:

[..]

Ah, volgens mij had ik het op die manier nog niet geprobeerd :)

Ik snap alleen niet waarom ik geen handje krijg, i.p.v. de normale pointer. Is dat omdat het geen link is maar een submit-eigenschap heeft?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_84437488
quote:
Op zaterdag 24 juli 2010 15:00 schreef InTrePidIvity het volgende:

[..]

Ik snap alleen niet waarom ik geen handje krijg, i.p.v. de normale pointer. Is dat omdat het geen link is maar een submit-eigenschap heeft?
Yep, 't is echt iets voor een link. Standaard dan. Met css kan veel :)

1cursor: pointer;
fokstok.nl
pi_84472593
quote:
Op zaterdag 24 juli 2010 01:28 schreef Light het volgende:

[..]

Hmm... ik zie er nog veel meer....
Er wordt ook iedere keer dezelfde stylesheet ingeladen, lijkt het. Niet echt nuttig.
Dezelfde style sheet wordt nu niet meer elke keer ingeladen. Wat zie je nog meer? Heb het op school zo geleerd, dus vandaar dat ik waarschijnlijk dingen wat anders opbouw als normaal.. Maar wil het graag leren *O*
pi_84474129
quote:
Op zondag 25 juli 2010 17:22 schreef Puala het volgende:

[..]

Dezelfde style sheet wordt nu niet meer elke keer ingeladen. Wat zie je nog meer? Heb het op school zo geleerd, dus vandaar dat ik waarschijnlijk dingen wat anders opbouw als normaal.. Maar wil het graag leren *O*
Je moet het volgende nog toevoegen aan je css, om te zorgen dat de grijze rand bovenaan verdwijnt.
1
2
3
4		html, body {
margin: 0;
padding: 0;
}
fokstok.nl
pi_84474256
quote:
Op zondag 25 juli 2010 18:06 schreef Light het volgende:

[..]

Je moet het volgende nog toevoegen aan je css, om te zorgen dat de grijze rand bovenaan verdwijnt.
[ code verwijderd ]


_O_ die ga ik onthouden
pi_84538316


[ Bericht 100% gewijzigd door MrNiles op 27-07-2010 10:33:52 ]
  donderdag 29 juli 2010 @ 17:24:56 #280
27454 InTrePidIvity
Looks like it's broken...
pi_84634084
Onderstaande HTML moet een rijtje van max. 5 nieuwe artikelen tonen, gescheiden door een border-right. Hoe zorg ik ervoor dat de laatste kolom die eigenschap niet krijgt?

1
2
3
4
5
6
7
8
9
10
11
12
13
14		        <td>
            <div>
                <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->htmlEscape($_product->getName()) ?>"><img class="product-image" src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(90, 90) ?>" width="90" height="90" alt="<?php echo $this->htmlEscape($_product->getName()) ?>" /></a>
            </div>
                <p><a class="product-name" href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->htmlEscape($_product->getName()) ?>)"><?php echo $this->htmlEscape($_product->getName()) ?></a></p>
                <?php echo $this->getReviewsSummaryHtml($_product, 'short') ?>
                <?php echo $this->getPriceHtml($_product, true, '-new') ?>
                <?php if($_product->isSaleable()): ?>
                <input class="add-to-cart-button" type="submit" value="" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')">
                <?php else: ?>
                <div class="out-of-stock"><?php echo $this->__('Tijdelijk niet verkrijgbaar') ?></div>
                <?php endif; ?>
                <div class="clear"></div>
        </td>
Ik moet in de CSS ergens iets doen met een class, maar welke?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_84634473
1
2
3		tr td:last-child {
border-right:0;
}
Zou volgens mij moeten werken in moderne browsers. Eventueel kun je voor oudere browsers nog een class .last aanmaken en die via JS of in je PHP-code op de laatste TD per TR leggen.
Bleuh.
pi_84638336
quote:
Op donderdag 29 juli 2010 17:24 schreef InTrePidIvity het volgende:
Onderstaande HTML moet een rijtje van max. 5 nieuwe artikelen tonen, gescheiden door een border-right. Hoe zorg ik ervoor dat de laatste kolom die eigenschap niet krijgt?
[ code verwijderd ]

Ik moet in de CSS ergens iets doen met een class, maar welke?
border-left gebruiken :) Behalve voor de eerste td:
1
2
3		tr td:first-child {
border-left: 0;
} 
Het effect is hetzelfde als bij border-right, maar :first-child wordt door meer browsers ondersteund.

Overigens vind ik dat je geen tabel moet gebruiken als je (een lijstje van) vijf nieuwe artikelen wilt weergeven. Maar de benadering zou hetzelfde zijn.
fokstok.nl
  vrijdag 30 juli 2010 @ 14:50:54 #283
27454 InTrePidIvity
Looks like it's broken...
pi_84667457
quote:
Op donderdag 29 juli 2010 17:37 schreef PimD het volgende:

[ code verwijderd ]

Zou volgens mij moeten werken in moderne browsers. Eventueel kun je voor oudere browsers nog een class .last aanmaken en die via JS of in je PHP-code op de laatste TD per TR leggen.
quote:
Op donderdag 29 juli 2010 19:35 schreef Light het volgende:

[..]

border-left gebruiken :) Behalve voor de eerste td:
[ code verwijderd ]

Het effect is hetzelfde als bij border-right, maar :first-child wordt door meer browsers ondersteund.

Overigens vind ik dat je geen tabel moet gebruiken als je (een lijstje van) vijf nieuwe artikelen wilt weergeven. Maar de benadering zou hetzelfde zijn.
Bedankt voor de tips, moet er nog even induiken! CSS gaat me nog niet zo makkelijk af als ik gehoopt had ;(

Hieronder een schets van m'n lay-out, waar het met name gaat om de drop-shadow aan weerskanten van de content. Hoe krijg ik dit het beste voor elkaar? Ik heb met CSS de algehele pagina al een background met gradient meegegeven, en het zelfde geldt voor het gedeelte waar 'Body' staat (1px breed, repeat-x enzo). Maar volgens mij moet ik background vervolgens ook gebruiken voor de schaduw. Houdt dit in dat ik één kolombreed plaatje moet maken met de schaduwen daarin verwerkt, of is er een andere oplossing?

...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_84671559
Box-shadow gebruiken, pech voor mensen die IE gebruiken.
Bleuh.
  vrijdag 30 juli 2010 @ 17:42:58 #285
27454 InTrePidIvity
Looks like it's broken...
pi_84673925
quote:
Op vrijdag 30 juli 2010 16:33 schreef PimD het volgende:
Box-shadow gebruiken, pech voor mensen die IE gebruiken.
Ja, da's net te makkelijk he :P Net als afgeronde hoeken :(
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_84679245
Dan gebruik je een vies filter voor IE om die schaduw er onder te krijgen.
Bleuh.
pi_84804916
-Edit-

Probleem opgelost *O*
pi_84812110
Er zitten hier ook ICT'ers toch?

Als ik de website van mijn band open met firefox (mijn standaardbrowser) ziet alles er goed uit, geen blauwe lijnen om de afbeeldingen heen als links en alles netjes gecentreerd. Open ik hem met IE dan is de reactie echt WTF tekst loopt overal doorheen, niks staat netjes onder elkaar en de afbeeldingen worden met blauwe lijnen omgeven. :N |:(
  dinsdag 3 augustus 2010 @ 14:26:14 #289
25889 Sitethief
Fulltime Flapdrol
pi_84812218
quote:
Op dinsdag 3 augustus 2010 14:23 schreef Gitaarmat het volgende:
Er zitten hier ook ICT'ers toch?

Als ik de website van mijn band open met firefox (mijn standaardbrowser) ziet alles er goed uit, geen blauwe lijnen om de afbeeldingen heen als links en alles netjes gecentreerd. Open ik hem met IE dan is de reactie echt WTF tekst loopt overal doorheen, niks staat netjes onder elkaar en de afbeeldingen worden met blauwe lijnen omgeven. :N |:(
Welkom in de wondere wereld van het inconsistent implementeren van standaarden.........
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_84813039
:?
  dinsdag 3 augustus 2010 @ 18:51:55 #291
134533 donroyco
dus niet Donroyco
pi_84822604
quote:
Op dinsdag 3 augustus 2010 14:47 schreef Gitaarmat het volgende:
:?
Maw: IE en Firefox zijn appels en peren.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  dinsdag 3 augustus 2010 @ 18:52:24 #292
254493 Trollface.
gr rob fruithof, groningencity
pi_84822624
Geen IE gebruiken.
★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★
  dinsdag 3 augustus 2010 @ 18:58:05 #293
134533 donroyco
dus niet Donroyco
pi_84822817
quote:
Op dinsdag 3 augustus 2010 18:52 schreef Trollface. het volgende:
Geen IE gebruiken.
Daar kun je niet aan ontkomen.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  dinsdag 3 augustus 2010 @ 18:58:23 #294
87680 Mirel
Mirel wil een bongophone.
pi_84822824
Ik test altijd in Opera en dan later denk ik 'oh kut even testen in de andere browsers' en dan is het nog steeds goed
When all else fails, you always have delusion.
  dinsdag 3 augustus 2010 @ 18:58:33 #295
254493 Trollface.
gr rob fruithof, groningencity
pi_84822831
quote:
Op dinsdag 3 augustus 2010 18:58 schreef donroyco het volgende:

[..]

Daar kun je niet aan ontkomen.
Hoezo niet?

Edit: oh, ik dacht dat hij als gebruiker problemen had, niet als bouwer.
★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★
  dinsdag 3 augustus 2010 @ 18:59:40 #296
134533 donroyco
dus niet Donroyco
pi_84822859
quote:
Op dinsdag 3 augustus 2010 18:58 schreef Trollface. het volgende:

[..]

Hoezo niet?

Edit: oh, ik dacht dat hij als gebruiker problemen had, niet als bouwer.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  dinsdag 3 augustus 2010 @ 20:22:41 #297
71610 Black-Hole
Deep in my soul
pi_84826093
quote:
Op dinsdag 3 augustus 2010 14:23 schreef Gitaarmat het volgende:
Er zitten hier ook ICT'ers toch?

Als ik de website van mijn band open met firefox (mijn standaardbrowser) ziet alles er goed uit, geen blauwe lijnen om de afbeeldingen heen als links en alles netjes gecentreerd. Open ik hem met IE dan is de reactie echt WTF tekst loopt overal doorheen, niks staat netjes onder elkaar en de afbeeldingen worden met blauwe lijnen omgeven. :N |:(
Laat eens wat van je code zien, cross browser compatability is een bitch soms.
pi_84828221
Als je verder niet let op de website vind ik het best, beetje noob geprogrammeerd maar goed als ik hem open in firefox ziet het er netjes uit.

Deze.
  dinsdag 3 augustus 2010 @ 21:59:18 #299
134533 donroyco
dus niet Donroyco
pi_84830663
quote:
Op dinsdag 3 augustus 2010 21:12 schreef Gitaarmat het volgende:
Als je verder niet let op de website vind ik het best, beetje noob geprogrammeerd maar goed als ik hem open in firefox ziet het er netjes uit.

Deze.
Doe even op .nl hosten.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_84830997
1<body vlink="#####" alink="#####">
Ik had dit al zoooo ver weggestopt dat ik niet eens meer wist wat het ook alweer deed :D
Bleuh.
pi_84831161
quote:
Op dinsdag 3 augustus 2010 20:22 schreef Black-Hole het volgende:

[..]

Laat eens wat van je code zien, cross browser compatability is een bitch soms.
Het begint altijd bij de basis: declareer een doctype. Daar gaat het al mis.
fokstok.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue
[CSS] voor dummies #14
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')