[CSS] voor dummies #14

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
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.
Nee.
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
Nee.
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.
Nee.
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.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies #14
Index

» digital corner

» development

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