[CSS] voor dummies - Deeltje 8

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_56477512
[CSS] voor dummies.
[CSS] voor dummies - Deel 2
[CSS] voor dummies - Deel 3
[CSS] voor dummies - Deel 4
[CSS] voor dummies - Deel 5
[CSS] voor dummies - deel 6
[CSS] voor dummies - Deel 7

Mijn laatste post:
quote:
Wat nog vager is: Mijn link probleem in IE. Kijk eens op www.beerwheels.nl met IE 6. Ik heb wel van Install all IE ofzoiets. Maar als je eenlink weergeeft wordt de pagina wit
Vraag:
Zullen we een mooie OP maken? Met wat handige links?
pi_56478308
@Flaccid: De vorige keer dat ik zoiets vroeg (Javascript voor dummies) werd er gezegd dat ik maar wat moois moest maken.

> Doe je ding!
pi_56478504
quote:
Op zaterdag 2 februari 2008 13:35 schreef fokME2 het volgende:
@Flaccid: De vorige keer dat ik zoiets vroeg (Javascript voor dummies) werd er gezegd dat ik maar wat moois moest maken.

> Doe je ding!
Heb het niet meer gezien toen

I'll give it a shot!
pi_56478702
Ik zie er niets aan. Wat moet ik doen om het probleem te simuleren?
pi_56478814
quote:
Op zaterdag 2 februari 2008 14:01 schreef Tarabass het volgende:
Ik zie er niets aan. Wat moet ik doen om het probleem te simuleren?
?
  zaterdag 2 februari 2008 @ 17:38:36 #6
12880 CraZaay
prettig gestoord
pi_56482104
quote:
Op zaterdag 2 februari 2008 12:29 schreef Light het volgende:

*code*
Helpt het als je "<br />" gebruikt (dus met een space)? Het is namelijk een known bug dat IE problemen heeft met de versie zonder space.
pi_56482278
tvp, iemand nog een antwoord op mijn vraag
quote:
Op zaterdag 2 februari 2008 11:33 schreef Chandler het volgende:
Ik heb een vraagje

Ik wil graag afbeeldingen in een horizontale box laten zien met alleen een horizontale scrollbar.

Hoogte: 150; breedte: 500; Afbeeldingen 128px hoog/breed

Nu heb ik een div met een vaste breedte maar overflow: auto; echter komen de afbeeldingen toch onderelkaar en krijg ik een schollbalk aan de rechterkant terwijl ik deze aan de onderkant wil.

Weet iemand een oplossing hiervoor? of een voorbeeld? (Iframe is geen oplossing )
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56482797
quote:
Op zaterdag 2 februari 2008 17:49 schreef Chandler het volgende:
tvp, iemand nog een antwoord op mijn vraag
[..]
Ja ik vroeg of je een voorbeeld je kan doen hoe je je afbeeldingen plaatst?
kan je stukje code geven?
pi_56483615
quote:
Op zaterdag 2 februari 2008 17:38 schreef CraZaay het volgende:

[..]

Helpt het als je "<br />" gebruikt (dus met een space)? Het is namelijk een known bug dat IE problemen heeft met de versie zonder space.
Dat weet ik niet, en 'k kan het hier ook niet testen. Geen IE thuis
fokstok.nl
pi_56487826
quote:
Op zaterdag 2 februari 2008 19:18 schreef Light het volgende:

[..]

Dat weet ik niet, en 'k kan het hier ook niet testen. Geen IE thuis
Kun je het hierin niet testen: http://browsershots.org/
pi_56494753
quote:
Op zaterdag 2 februari 2008 18:25 schreef Flaccid het volgende:

[..]

Ja ik vroeg of je een voorbeeld je kan doen hoe je je afbeeldingen plaatst?
kan je stukje code geven?
Simpel

1
2
3
4
5
6
7		<div style="height: 150px; overflow: scroll;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
</div>


Maar dan nog blijven ze onder elkaar staan :{
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zondag 3 februari 2008 @ 10:16:37 #12
12880 CraZaay
prettig gestoord
pi_56495090
Men neme een div van 500px breed (zet hierin de foto's), en plaatse deze weer in een andere div van 150px breed met "overflow: auto". Zou moeten werken volgens mij.
pi_56505992
Welke shizzle als DOCTYPE moet je voor je html zetten?
1
2		<!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">

Doe ik nu. Is dit verantwoord?
pi_56506263
quote:
Op zondag 3 februari 2008 19:21 schreef Flaccid het volgende:
Welke shizzle als DOCTYPE moet je voor je html zetten?
[ code verwijderd ]

Doe ik nu. Is dit verantwoord?
Die is prima, mits je daarna ook echt XHTML gebruikt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_56506354
quote:
Op zondag 3 februari 2008 08:55 schreef Chandler het volgende:

[..]

Simpel
[ code verwijderd ]

Maar dan nog blijven ze onder elkaar staan :{
CSS heeft nog een andere optie
1overflow-y:scroll;

dan heb je alleen een verticale scrollbar
[ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven
pi_56507385
quote:
Op zondag 3 februari 2008 19:41 schreef BabeWatcher het volgende:

[..]

CSS heeft nog een andere optie
[ code verwijderd ]

dan heb je alleen een verticale scrollbar
die wordt voggesmij niet gesupport door IE 6.
is het waar dat je kan kijken met welke editor een site gemaakt is?
pi_56507398
Helaas, het werkt niet, wat ik ook probeer.

1
2
3
4
5
6
7
8
9
10
11		<div style="height: 150px; width: 500px; overflow-y: scroll;">
     <div style="width: auto;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
     </div>
</div>


Anyone? :D
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56507512
quote:
Op zondag 3 februari 2008 20:26 schreef Chandler het volgende:
Helaas, het werkt niet, wat ik ook probeer.
[ code verwijderd ]

Anyone?
iframe denk ik dan

Ik heb een achtergrond die anders scrollt dan mijn div.
www.joristimes.nl/test

Als je het scherm groter of kleiner maatk zit er af en toe 1 pixel verschil tussen de border van de achtergrond en de rode div

[ Bericht 13% gewijzigd door Flaccid op 03-02-2008 20:43:06 ]
pi_56507937
quote:
Op zondag 3 februari 2008 20:26 schreef Chandler het volgende:
Helaas, het werkt niet, wat ik ook probeer.
[ code verwijderd ]

Anyone?
niet helemaal goed gelezen, probeer overflow-x: scroll;
[ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven
pi_56519719
beiden werken niet
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56522264
1
2
3
4
5
6
7
8
9
10
11		<div style="height: 150px; width: 500px; overflow-x: scroll; overflow-y: hidden;">
     <div style="width: 1500px; height: 148px;">
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
     </div>
</div>
pi_56524919
Wat kan je het beste voor je <html> tag zetten, doctype enzo?
pi_56525024
inline styles zijn erg lelijk!
Steam - SC2
  maandag 4 februari 2008 @ 14:17:32 #24
12880 CraZaay
prettig gestoord
pi_56525824
quote:
Op zondag 3 februari 2008 20:26 schreef Flaccid het volgende:

is het waar dat je kan kijken met welke editor een site gemaakt is?
Nee, tenzij je dit expliciet in de source zet.
quote:
Op maandag 4 februari 2008 13:30 schreef Flaccid het volgende:
Wat kan je het beste voor je <html> tag zetten, doctype enzo?
Nee, dat kan niet het beste: dat moet zelfs. Niet meer, en niet minder
pi_56526536
quote:
Op maandag 4 februari 2008 14:17 schreef CraZaay het volgende:

[..]

Nee, tenzij je dit expliciet in de source zet.
[..]

Nee, dat kan niet het beste: dat moet zelfs. Niet meer, en niet minder
Welke doctype moet ik gebruiken?
http://www.w3schools.com/tags/tag_doctype.asp
  maandag 4 februari 2008 @ 19:00:20 #26
12880 CraZaay
prettig gestoord
pi_56531392
quote:
Op maandag 4 februari 2008 14:52 schreef Flaccid het volgende:

[..]

Welke doctype moet ik gebruiken?
http://www.w3schools.com/tags/tag_doctype.asp
Die pagina lijkt me vrij helder? Transitional HTML 4.01 of XHTML 1.0 is altijd een veilige keuze.
pi_56531610
quote:
Op maandag 4 februari 2008 11:11 schreef Tarabass het volgende:

[ code verwijderd ]
Deze werkt idd goed, echter is nu het probleem dat je met een vaste maat werkt. Met 10 afbeeldingen is dat geen probleem maar heb je tussen de 2 en 20 afbeeldingen dan werkt deze oplossing niet!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  maandag 4 februari 2008 @ 20:58:38 #28
12880 CraZaay
prettig gestoord
pi_56534055
Desnoods doe je het met JS, heb ik ook weleens gedaan, Maar CSS moet ook kunnen lijkt me. Vrolijk verder spelen zou ik zeggen
  maandag 4 februari 2008 @ 23:57:45 #29
164509 Banzaiaap
Tony Rocky Horror
pi_56538345
Kan iemand me met het volgende probleem helpen..

Als ik de site die ik voor een vriend van me aan het maken ben, bekijk in IE, dan is het menu een beetje opgeschoven, kan iemand de fout spotten?

http://www.dje-rik.nl/test/DJERIK/index.html
pi_56538824
quote:
Op maandag 4 februari 2008 23:57 schreef Banzaiaap het volgende:
Kan iemand me met het volgende probleem helpen..

Als ik de site die ik voor een vriend van me aan het maken ben, bekijk in IE, dan is het menu een beetje opgeschoven, kan iemand de fout spotten?

http://www.dje-rik.nl/test/DJERIK/index.html
Ook voor jou: haal eerst de 32 html-bugs er eens uit!
pi_56540615
quote:
Op maandag 4 februari 2008 20:58 schreef CraZaay het volgende:
Desnoods doe je het met JS, heb ik ook weleens gedaan, Maar CSS moet ook kunnen lijkt me. Vrolijk verder spelen zou ik zeggen
Ja dat heb ik reeds een dag gedaan (tussendoor) maar kom er gewoon niet uit
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56541818
quote:
Op maandag 4 februari 2008 19:10 schreef Chandler het volgende:

[..]

Deze werkt idd goed, echter is nu het probleem dat je met een vaste maat werkt. Met 10 afbeeldingen is dat geen probleem maar heb je tussen de 2 en 20 afbeeldingen dan werkt deze oplossing niet!
Als je php hebt draaien kan je het met een variable oplossen, waarbij je het aantal plaatjes in een dir telt en dan de width uitrekent en die als breedte meegeeft. Wat je ook kan doen is alles in een table gooien:

1
2
3
4
5
6
7
8
9
10
11
12
13		<div style="height: 164px; width: 500px; margin: 0; overflow-x: scroll; overflow-y: hidden;">
   <table cellpadding="0" cellspacing="0" style="border: none">
      <tr>
         <td><img src="#" style="width: 128px; height: 128px; margin: 10px;" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
      </tr>
   </table>
</div>
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - Deeltje 8
Index

» digital corner

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