abonnement bol.com Unibet Coolblue
  dinsdag 27 januari 2009 @ 00:04:26 #2
230788 n8n
Pragmatisch
pi_65441663


Tevens TVP
Specialization is for insects”.—Robert Heinlein
  dinsdag 27 januari 2009 @ 01:20:45 #3
134533 donroyco
dus niet Donroyco
pi_65443191
teevaupee
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. :'(
  FOK!-Schrikkelbaas dinsdag 27 januari 2009 @ 08:47:09 #4
1972 Swetsenegger
Egocentrische Narcist
pi_65445031
quote:
Op maandag 26 januari 2009 22:44 schreef Swetsenegger het volgende:

Met de doctype lijkt hij het nu op alle browsers goed te doen. Getest in

Safari 3.2.x Mac
Firefox 3.0.xx Mac
Opera 9.6x Mac
IE 7.0.x Windows
Chrome 1.0.x Windows
IE 8 beta 2 werkt ook
Opera 9.6x Windows ook

http://test.xploise.nl/align.html
pi_65446185
quote:
Op dinsdag 27 januari 2009 08:47 schreef Swetsenegger het volgende:

[..]

IE 8 beta 2 werkt ook
Opera 9.6x Windows ook

http://test.xploise.nl/align.html
In IE6 werkt het niet.
  dinsdag 27 januari 2009 @ 10:01:33 #6
26400 wijsneus
Radicaal Democraat
pi_65446526
12tvp
“There’s class warfare, all right, but it’s my class, the rich class, that’s making war, and we’re winning.”
― Warren Buffett
  FOK!-Schrikkelbaas dinsdag 27 januari 2009 @ 10:02:37 #7
1972 Swetsenegger
Egocentrische Narcist
pi_65446560
quote:
Op dinsdag 27 januari 2009 09:46 schreef Light het volgende:

[..]

In IE6 werkt het niet.
1
2
3
4
5
<script type="text/javascript">
   if (typeof document.body.style.maxHeight == "undefined") {
      document.write('<p class="emphasize">  Please update your browser!</p>')
   }
</script>
pi_65448436
TVP
  dinsdag 27 januari 2009 @ 12:39:41 #9
230788 n8n
Pragmatisch
pi_65451370
Misschien leuk om ook hier een wat uitgebreidere startpost te hebben met een aantal handige aan te vullen links.

Wat is CSS?
Cascading Style Sheets (afgekort tot CSS) is een manier om de vormgeving voor een serie webpagina's in één keer vast te leggen. De informatie over de vormgeving voor het hele document wordt toegevoegd aan de HTML-code ervan. Die informatie kan in het document zelf staan, maar ook in een extern document dat wordt geïmporteerd. Een dergelijk apart geïmporteerd document wordt ook wel stylesheet genoemd. Een stylesheet biedt de mogelijkheid inhoud en vormgeving van een document van elkaar te scheiden en op die manier een consistente vormgeving over meerdere documenten te bereiken.

Lees verder op Wikipedia.

Ontwikkeling
Tip: Concrete voorbeelden Css3 (en).
De huidige ontwikkelingen in Css (en).

Educatief
Tip: Css2 referenties (en).
Een introductieles CSS.
Een online cursus CSS (en).

Doe mee
Tip: Laat hier je Css valideren (en).
Stijleer hier een bestaand xHTML-document.
Stijleer hier een bestaand xHTML-document (en).
Specialization is for insects”.—Robert Heinlein
pi_65453871
tvp, en de versie van swets werkt perfect (in de meeste browsers)
Just say hi!
pi_65455371
quote:
Op dinsdag 27 januari 2009 10:02 schreef Swetsenegger het volgende:

[..]
[ code verwijderd ]
Als iets niet werkt in IE6 maar de site wordt er niet onbruikbaar door, dan ga ik er geen workaround voor zoeken.
pi_65457062
ik heb een probleem.
hier heb ik wat tekst
1
2
3
4
5
6
7
8
   <style type="text/css">
.style1 {font-weight: bold}
    </style>
   <div class="footer">      
     <p>tekst
     <br/>tekst
    <br/><span class="style1">tekst</span></p>
   </div>

Het probleem is dat de tekst aan de bovenkant van m´n tekstvak aanzit. Maar ik zou graag willen dat ie tegen de onderkant aan komt te zitten. Hoe doe ik dat?
pi_65460928
Wat is een tekstvak?
pi_65461389
quote:
Op dinsdag 27 januari 2009 16:56 schreef Roy_T het volgende:
Wat is een tekstvak?
laat maar ik ben er al uit
Het was een stukje HTML in een php stylesheet bestandje.
pi_65462511
tuvupu
pi_65521419
Volgens mij ben ik nu tegen een ontwerp aangelopen die onmogelijk is



overal moet de layout aangepast worden in de breedte en hoogte volgens mij is dat haast onmogelijk met divs
heb je de breedte 100% goed.. werkt de hoogte niet en vica versa

of is er iemand die heel toevallig wel weet dat het kan en hoe het moet?

bvd!
pi_65522115
Gaat niet werken inderdaad. Google eens op "faux columns", heb zo'n idee dat dat het probleem weleens op zou kunnen lossen.
pi_65573729
Halp!



Hoe zorg ik ervoor dat de background van mijn content div netjes aansluit op mijn contentfooter div?
pi_65575573
Hij sluit netjes aan zo te zien, alleen is de hoogte van je content div niet gelijk aan x keer de hoogte van je achtergrondafbeelding (waardoor je dus aan het einde een halve achtergrondafbeelding ziet)
pi_65575739
quote:
Op vrijdag 30 januari 2009 17:49 schreef Chanty87 het volgende:
Halp!

[ afbeelding ]

Hoe zorg ik ervoor dat de background van mijn content div netjes aansluit op mijn contentfooter div?
Misschien de contentfooter-div in de content-div plaatsen? Dan hoeft de contentfooter-div geen achtergrond te hebben, je ziet gewoon die van de content-div. Of is er iets speciaals waardoor dat niet kan?
pi_65576109
quote:
Op vrijdag 30 januari 2009 19:01 schreef Light het volgende:

Of is er iets speciaals waardoor dat niet kan?
De onderste rand neem ik aan. De "content div" heeft een herhalend patroon, en de footer niet.
pi_65576444
In de contentdiv met de background-position rommelen?
pi_65576455
Of in de footerdiv natuurlijk, als die repeat.
pi_65576645
quote:
Op vrijdag 30 januari 2009 19:25 schreef veldmuis het volgende:
In de contentdiv met de background-position rommelen?
En dan het probleem naar de header verplaatsen
  vrijdag 30 januari 2009 @ 19:33:09 #25
230788 n8n
Pragmatisch
pi_65576686
Alles juist op line-heigt zetten en hopen dat alle browsere meewerken. Dan zou ik wel de css resetten.
Specialization is for insects”.—Robert Heinlein
pi_65579143
M'n layout is als volgt opgezet:

- contenttop div
- content div
- contentfooter div

Alleen de bg van de content div heeft een repeat. Het irritante is dat de inhoud van de content div variabel is/wordt...

M'n CSS trouwens:
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.
pi_65580528
Dan dus de footer in de contentdiv plaatsen.

Absolute op de bottom van de contentdiv zetten, geen background meegeven.
pi_65581811
quote:
Op vrijdag 30 januari 2009 21:26 schreef veldmuis het volgende:
Dan dus de footer in de contentdiv plaatsen.

Absolute op de bottom van de contentdiv zetten, geen background meegeven.
Maar dan zit te contentfooter div over de content div heen, en aangezien mijn achtergronden transparante gifs zijn is het alsnog een zooitje onderin.

Hmm, bedenk me net dat ik die ringen links ook als aparte div kan doen over de alle content divs heen...
pi_65581826
Je kan de contentdiv toch een padding-bottom geven van 200px?

Dit oplossen met een extra div voor een achtergrondplaatje is niet nodig!
  vrijdag 30 januari 2009 @ 22:09:42 #30
230788 n8n
Pragmatisch
pi_65581884
Of de content en de footer desnoods samen in een container-div en deze de achtergrond geven.
Specialization is for insects”.—Robert Heinlein
pi_65581927
quote:
Op vrijdag 30 januari 2009 22:09 schreef n8n het volgende:
Of de content en de footer desnoods samen in een container-div en deze de achtergrond geven.
Lijkt me zelfs niet nodig.
Hoe minder elementen hoe mooier!
pi_65581944
Schiet je toch allemaal niks mee op? Hij heeft een repeterende afbeelding nodig voor de div met variabele hoogte, en een afbeelding voor de "onderrand". Een "lelijke aansluiting" is dan niet te vermijden, tenzij je met een grid based design werkt (zoals eerder gezegd: vaste line height en alle elementen een veelvoud van die hoogte geven, en de footer ook).
pi_65581987
Shit. Ik las niet goed.

Hij is trouwens een zij, gok ik. .
  vrijdag 30 januari 2009 @ 22:14:50 #34
230788 n8n
Pragmatisch
pi_65582003
quote:
Op vrijdag 30 januari 2009 22:11 schreef veldmuis het volgende:

[..]

Lijkt me zelfs niet nodig.
Hoe minder elementen hoe mooier!
ik ben het met je eens, ik had niet gelezen of er nog iets in de footer kwam, omdat je over de 200px padding begon. maar anders vind ik het persoonlijk wel handig om bijvoorbeeld links te stijlen die in de content en footer anders vormgegeven zijn. Dan typ je gewoon #content a en #footer a, bijvoorbeeld.
Specialization is for insects”.—Robert Heinlein
pi_65582093
quote:
Op vrijdag 30 januari 2009 22:09 schreef n8n het volgende:
Of de content en de footer desnoods samen in een container-div en deze de achtergrond geven.
Dat kan niet want de content div krijgt een variabele hoogte en heeft dus een herhalende achtergrond nodig.
quote:
Op vrijdag 30 januari 2009 22:06 schreef veldmuis het volgende:
Je kan de contentdiv toch een padding-bottom geven van 200px?

Dit oplossen met een extra div voor een achtergrondplaatje is niet nodig!
Dan zit de footer op de bodem van de viewport terwijl de content div nog verder doorloopt
pi_65582127
quote:
Op vrijdag 30 januari 2009 22:12 schreef Roy_T het volgende:
Schiet je toch allemaal niks mee op? Hij heeft een repeterende afbeelding nodig voor de div met variabele hoogte, en een afbeelding voor de "onderrand". Een "lelijke aansluiting" is dan niet te vermijden, tenzij je met een grid based design werkt (zoals eerder gezegd: vaste line height en alle elementen een veelvoud van die hoogte geven, en de footer ook).
Hey, iemand die leest Ben alleen inderdaad een zij, tyvm
  vrijdag 30 januari 2009 @ 22:20:42 #37
230788 n8n
Pragmatisch
pi_65582163
quote:
Op vrijdag 30 januari 2009 22:17 schreef Chanty87 het volgende:

[..]

Dat kan niet want de content div krijgt een variabele hoogte en heeft dus een herhalende achtergrond nodig.
[..]
Dan los je in ieder geval de overloop van #content naar #footer op. Maar heb je de vaste line-height al geprobeerd?
quote:
Dan zit de footer op de bodem van de viewport terwijl de content div nog verder doorloopt
Je maakt #content 200px langer dan 'natuurlijk' en daar komt #footer gewoon onder.


edit: aha had dit net gemist.
quote:
Op vrijdag 30 januari 2009 20:49 schreef Chanty87 het volgende:
M'n layout is als volgt opgezet:

- contenttop div
- content div
- contentfooter div
Specialization is for insects”.—Robert Heinlein
pi_65582475
quote:
Op vrijdag 30 januari 2009 22:19 schreef Chanty87 het volgende:

[..]

Hey, iemand die leest Ben alleen inderdaad een zij, tyvm
Excusez-moi
pi_65582527
Helder moment: probeer je contentfooter eens in je content div te zetten met de huidige achtergrondafbeelding (dan heb je in feite dus twee achtergronden over elkaar). Maak dan van de footer achtergrond de hoek linksboven transparant, ter breedte van zo'n ringband en tot net boven het de onderste afkadering).

Je kunt dan nog steeds een halve ring krijgen, maar dan wel helemaal onderaan, waar het misschien minder opvalt?
pi_65582538
quote:
Op vrijdag 30 januari 2009 22:12 schreef Roy_T het volgende:
Schiet je toch allemaal niks mee op? Hij heeft een repeterende afbeelding nodig voor de div met variabele hoogte, en een afbeelding voor de "onderrand". Een "lelijke aansluiting" is dan niet te vermijden, tenzij je met een grid based design werkt (zoals eerder gezegd: vaste line height en alle elementen een veelvoud van die hoogte geven, en de footer ook).
Wordt het dan tijd om de em te introduceren in de CSS?
Heb ik nooit echt mee gewerkt eigenlijk, maar daar lijkt me dit dan juist ideaal voor?
pi_65582574
quote:
Op vrijdag 30 januari 2009 22:36 schreef Roy_T het volgende:
Helder moment: probeer je contentfooter eens in je content div te zetten met de huidige achtergrondafbeelding (dan heb je in feite dus twee achtergronden over elkaar). Maak dan van de footer achtergrond de hoek linksboven transparant, ter breedte van zo'n ringband en tot net boven het de onderste afkadering).

Je kunt dan nog steeds een halve ring krijgen, maar dan wel helemaal onderaan, waar het misschien minder opvalt?
Het wordt gewoon tijd voor CSS3, met meerdere backgroundimages

Ach, als IE dat ondersteunt zitten we bij Windows 20 service pack 15.
  vrijdag 30 januari 2009 @ 22:40:17 #42
230788 n8n
Pragmatisch
pi_65582648
em maakt volgens mij niet uit, em is fijner omdat het uitgaat van de browservoorkeuren, normaliter staat de standaard fontgrootte van een browser op 16px. 1em is standaard dus gewoon 16 pixels groot. Verdere voordelen zijn dat je het kan gebruiken om de lay-out schaalbaar te maken en dat IE fontgroottes in px niet schaalt.

Volgens mij moet je dan aan zoiets denken:

#content {
font-size: 62.5%; /* maakt 1em 10px groot */
line-height: 3.0em;
}

#content p {
line-height: 0.5em; /* anders heb je regelmarges van 30px */
}
Specialization is for insects”.—Robert Heinlein
pi_65583052
quote:
Op vrijdag 30 januari 2009 22:40 schreef n8n het volgende:
em maakt volgens mij niet uit, em is fijner omdat het uitgaat van de browservoorkeuren, normaliter staat de standaard fontgrootte van een browser op 16px. 1em is standaard dus gewoon 16 pixels groot. Verdere voordelen zijn dat je het kan gebruiken om de lay-out schaalbaar te maken en dat IE fontgroottes in px niet schaalt.

Volgens mij moet je dan aan zoiets denken:

#content {
font-size: 62.5%; /* maakt 1em 10px groot */
line-height: 3.0em;
}

#content p {
line-height: 0.5em; /* anders heb je regelmarges van 30px */
}
Je kunt ipv een procentuele grootte ook gewoon een grootte in pixels opgeven. Net zo duidelijk, en browseronafhankelijk. En een line-height van 0.5em zou ik niet doen, da's te klein voor de letters.
  vrijdag 30 januari 2009 @ 23:34:44 #44
230788 n8n
Pragmatisch
pi_65584170
3.0 em * 0.5em = 1.5em
Specialization is for insects”.—Robert Heinlein
pi_65584577
quote:
Op vrijdag 30 januari 2009 22:56 schreef Light het volgende:

Je kunt ipv een procentuele grootte ook gewoon een grootte in pixels opgeven.
Het hele idee van em is dat je dat juist wilt vermijden

Zoals gezegd kun je bijvoorbeeld in IE (iig IE6) als gebruiker de fonts niet groter/kleiner maken wanneer je px gebruikt. Wanneer je em gebruikt wel.
pi_65585538
quote:
Op vrijdag 30 januari 2009 23:34 schreef n8n het volgende:
3.0 em * 0.5em = 1.5em
Maar zo wordt het niet berekend. Relatieve groottes (waaronder dus die em-eenheid) zijn ten opzichte van het betreffende element. Uitzondering is bij font-size, dan gaat het ten opzichte van omvattende element. Dan heeft het ook zin om font-size: 1.2em te doen.
pi_65585758
quote:
Op vrijdag 30 januari 2009 23:48 schreef Roy_T het volgende:

[..]

Het hele idee van em is dat je dat juist wilt vermijden

Zoals gezegd kun je bijvoorbeeld in IE (iig IE6) als gebruiker de fonts niet groter/kleiner maken wanneer je px gebruikt. Wanneer je em gebruikt wel.
Aan de andere kant, je weet niet wat de fontgrootte is (die wordt vast eerder in het document voor een ander element ook al ergens ingesteld). En daarbij vind ik het geen handig idee om er maar blind op te vertrouwen dat een gebruiker z'n browserinstellingen niet heeft aangepast. Of definieer je ook geen achtergrondkleur als je een witte achtergrond wilt hebben?
pi_65586033
quote:
Op zaterdag 31 januari 2009 00:26 schreef Light het volgende:

Aan de andere kant, je weet niet wat de fontgrootte is (die wordt vast eerder in het document voor een ander element ook al ergens ingesteld).
Daar ben je zelf bij natuurlijk. Je kunt toch prima nagaan wat de fontgrootte van de parent is?
quote:
En daarbij vind ik het geen handig idee om er maar blind op te vertrouwen dat een gebruiker z'n browserinstellingen niet heeft aangepast.
Dat maakt toch niks uit? Het mooie van een relatieve unit is dat het dus meeschaalt (vandaar het "relatieve"). De browserinstelling van de gebruiker maakt dus niets uit. Of denk je liever "de gebruiker stelt z'n browser in op "grote letters", maar daar heb ik niets mee te maken, hij doet het maar met 10px"?
quote:
Of definieer je ook geen achtergrondkleur als je een witte achtergrond wilt hebben?
Toch wel, en die deze opmerking lijkt meer op een sneer dan op een steekhoudend argument (correct me if I'm wrong)

Kijk anders eens hoe relatieve units (em) prima werken op de NU.nl TV-gids, ook in IE6. En daar heb ik echt geen halsbrekende toeren voor uit hoeven halen

NB: Het design daarvan heeft niet altijd ruimte voor grote fonts, daar kan ik ook niks aan doen Maar dat doet niets af aan het prima bruikbare em. En ja, dit is ook een shameless plug om aan te geven dat ik echt geen n00b ben op dit gebied.
  zaterdag 31 januari 2009 @ 00:39:44 #49
230788 n8n
Pragmatisch
pi_65586070
quote:
Op zaterdag 31 januari 2009 00:18 schreef Light het volgende:

[..]

Maar zo wordt het niet berekend. Relatieve groottes (waaronder dus die em-eenheid) zijn ten opzichte van het betreffende element. Uitzondering is bij font-size, dan gaat het ten opzichte van omvattende element. Dan heeft het ook zin om font-size: 1.2em te doen.
Klopt, heb het even geprobeer en ik kreeg het alleen voor elkaar 20px als maximale consistente afstand in te stellen waarbij de tekst nog leesbaar is.

http://n8n.nl/articles/line-height/zodanmaar.html

Als je dan het patroon om de 20 px laat herhalen zal het altijd uitkomen, met 40px heb je dus 50% kans dat de helft weg valt.
Specialization is for insects”.—Robert Heinlein
  zaterdag 31 januari 2009 @ 00:43:38 #50
230788 n8n
Pragmatisch
pi_65586155
quote:
Op zaterdag 31 januari 2009 00:37 schreef Roy_T het volgende:

Kijk anders eens hoe relatieve units (em) prima werken op de NU.nl TV-gids, ook in IE6. En daar heb ik echt geen halsbrekende toeren voor uit hoeven halen
Vind het bij mijn eigen site beter werken, als het inderdaad zo werkt als gedocumenteerd. in Safari schaalt nu iig de hele lay-out mee als ik de fontgrootte wijzig, dat zou ook in IE6 zo moeten zijn.
Specialization is for insects”.—Robert Heinlein
pi_65586309
quote:
Op zaterdag 31 januari 2009 00:43 schreef n8n het volgende:

In Safari schaalt nu iig de hele lay-out mee als ik de fontgrootte wijzig, dat zou ook in IE6 zo moeten zijn.
Daar stappen alle browsers op over (nou ja, Safari, Firefox, etc doen het al eeuwen natuurlijk), omdat het veel logischer is. Je kunt onmogelijk fontgroottes wijzigen zonder ergens een lay-out te breken, omdat je nou eenmaal beperkte ruimte e.d. hebt.

IE6 doet het niet en zal dat ook niet meer gaan doen
  zaterdag 31 januari 2009 @ 00:52:55 #52
230788 n8n
Pragmatisch
pi_65586341
Ik bedoel juist zonder ondersteuning van de browser. Probeer het eens zou ik zeggen (als je daar nog mogelijkheid toe hebt). Safari doet het namelijk niet, is ook niet nodig als je correct met em's werkt.
Specialization is for insects”.—Robert Heinlein
pi_65586623
quote:
Op zaterdag 31 januari 2009 00:37 schreef Roy_T het volgende:

[..]

Daar ben je zelf bij natuurlijk. Je kunt toch prima nagaan wat de fontgrootte van de parent is?
True, maar ik had het idee dat n8n dat punt even vergat.
quote:
Dat maakt toch niks uit? Het mooie van een relatieve unit is dat het dus meeschaalt (vandaar het "relatieve"). De browserinstelling van de gebruiker maakt dus niets uit. Of denk je liever "de gebruiker stelt z'n browser in op "grote letters", maar daar heb ik niets mee te maken, hij doet het maar met 10px"?
Ik weet niet wat een gebruiker doet met de instellingen, dus vind ik het handiger om een bekend punt als uitgangspunt te nemen. Daarbij kan die standaard ook nog browserafhankelijk zijn, en misschien zelfs fontafhankelijk.
quote:
Toch wel, en die deze opmerking lijkt meer op een sneer dan op een steekhoudend argument (correct me if I'm wrong)
Niet bedoeld als sneer
quote:
Kijk anders eens hoe relatieve units (em) prima werken op de NU.nl TV-gids, ook in IE6. En daar heb ik echt geen halsbrekende toeren voor uit hoeven halen
Ik heb hier geen IE (laat staan IE6) om mee te kijken. Nu.nl/tvgids gebruikt idd alleen em-fonts, dit in tegenstelling tot de gewone nu.nl site. Mooi vergelijkingsmateriaal.
quote:
NB: Het design daarvan heeft niet altijd ruimte voor grote fonts, daar kan ik ook niks aan doen Maar dat doet niets af aan het prima bruikbare em. En ja, dit is ook een shameless plug om aan te geven dat ik echt geen n00b ben op dit gebied.
Dat ben ik ook niet Maar de site(s) van nu.nl heb ik niet gemaakt.
pi_65587831
quote:
Op zaterdag 31 januari 2009 01:05 schreef Light het volgende:

Dat ben ik ook niet Maar de site(s) van nu.nl heb ik niet gemaakt.
Ik wel Tenminste: die TV-gids (of was dat al duidelijk?)

Ik moet stiekem wel bekennen dat ik normaal ook liever px gebruik dan relatieve units

[ Bericht 7% gewijzigd door Roy_T op 31-01-2009 02:31:50 ]
pi_65589225
quote:
Op zaterdag 31 januari 2009 02:26 schreef Roy_T het volgende:

Ik moet stiekem wel bekennen dat ik normaal ook liever px gebruik dan relatieve units
Ik vind relatieve units wel erg handig bij dingen als line-height en bij margins en paddings van headers en paragrafen. Dan hoef je dat niet bij iedere aanpassing in de fontgrootte aan te passen
pi_65589873
quote:
Op zaterdag 31 januari 2009 08:45 schreef Light het volgende:

[..]

Ik vind relatieve units wel erg handig bij dingen als line-height en bij margins en paddings van headers en paragrafen. Dan hoef je dat niet bij iedere aanpassing in de fontgrootte aan te passen
Eensch! Dat zijn inderdaad de uitzonderingen. Voor line-height gebruik ik dan vaak ook gewoon percentages ipv em, zoals "line-height: 150%".
  zaterdag 31 januari 2009 @ 10:44:27 #57
230788 n8n
Pragmatisch
pi_65590231
Ik gebruik altijd em's, eerst zet ik wel de grootte van de em op 10 px, wat het rekenen een stuk makkelijker maakt. Dit doe je met html { font-size: 62.5%; }, zie hier voor meer uitleg. Het enige waarvoor ik tegenwoordig geen em's meer voor gebruik is de breedte van de lay-out (of ik gebruik een max-width) en de afmetingen van afbeeldingen omdat dit bij vegroting de kwaliteit teniet doet.
Specialization is for insects”.—Robert Heinlein
pi_65590774
quote:
Op zaterdag 31 januari 2009 10:44 schreef n8n het volgende:
Ik gebruik altijd em's, eerst zet ik wel de grootte van de em op 10 px, wat het rekenen een stuk makkelijker maakt. Dit doe je met html { font-size: 62.5%; }, zie hier voor meer uitleg. Het enige waarvoor ik tegenwoordig geen em's meer voor gebruik is de breedte van de lay-out (of ik gebruik een max-width) en de afmetingen van afbeeldingen omdat dit bij vegroting de kwaliteit teniet doet.
Leuk stukje tekst, bij die link.
quote:
Het eerste wat je moet weten is de standaard corpsgrootte, dus zonder dat jij er in je css iets aan veranderd hebt. Dit is door W3C vastgesteld op 16px.
Misschien ligt het aan mij, maar ik heb nog geen standaard corpsgrootte gezien bij het W3C. Waar kan ik dat vinden?
pi_65591284
Even een tussendoortje, want ik neem aan dat hier de css guru's rond hangen.
Willen jullie even kijken naar mijn topic in dezelfde sectie als deze?
Bedankt
  zaterdag 31 januari 2009 @ 11:52:55 #60
230788 n8n
Pragmatisch
pi_65591449
quote:
Op zaterdag 31 januari 2009 11:16 schreef Light het volgende:
Misschien ligt het aan mij, maar ik heb nog geen standaard corpsgrootte gezien bij het W3C. Waar kan ik dat vinden?
Waar het te vinden is weet ik niet, en ook niet of de w3c het wel heeft vastgelegd. Wat ik wel weet is dat (bijna?) elke browser een standaard corpsgrootte van 16px heeft voor platte tekst. Kijk maar bij elke wilekeurige browser in de voorkeuren. Het voordeel van em's is dan ook, als iemand de corpsgrootte op bijvoorbeeld 18px instelt, en alle developers zouden em gebruiken, alle websites voor die persoon direct een groter font en eventueel een grotere lay-out hebben. Maargoed de wereld is niet perfect, zeker niet in webdesign.
Specialization is for insects”.—Robert Heinlein
pi_65844077
Wie weet waarom ik het kleine gekleurde balkje heb tussen het menu bovenin en het logo? In IE heb ik hem niet maar in alle andere browsers wel. Ik vermoed dat het heel erg simpel is, maar ik vind het niet

http://www.yeuxmarrons.com



1
2
3
4
5
6
7
8
9
10
11
12
13
#globalnav{padding-top:.1em;text-align:right;color:#999;font-size:92%;font-color:#bb6e00; font-size: 10px;
background-color:#ffffff; width:960px;}
#globalnav li{display:inline;margin-left:0.5em;padding-right:0.7em;border-right:1px solid #D4D4D4;}
#navigation {
    float:right;
    text-align: right;
    background-color:#985e04; 
    margin-right: 0%;
    width: 100%;
    font-size: 10px;
    background:url('logo.gif');
   height:100px;
    }


1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="page">
    <div id="globalnav">
      <ul>
         <li><a href="http://www.flickr.com/photos/rcsmit/" target="_blank">Photos@FlickR</a> </li>

         <li><a href="http://petitmonde.yepcheck.com/" target="_blank">Lifelog</a></li>
          <li><a href="http://www.yeuxmarrons.com/contact.php" class="contact">Contact(er)</a></li>
      </ul>
   </div><!-- #globalnav -->
   <div id="navigation"  onclick="location.href='http://www.yeuxmarrons.com';" style="cursor:pointer;">
      <ul>
         <li><a href="http://www.yeuxmarrons.com/photos/B2614">B2614</a></li>ETCETERA</ul>

   </div>
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
pi_65844111
Een margin die meekomt van bijvoorbeeld de ul?
Doe eens een URL?
pi_65844122
Jij bent er snel bij ! Toegevoegd, is http://www.yeuxmarrons.com
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
pi_65844155
De UL van je bovenste menu (rechtsboven die 3 links). Daar even de margin-bottom op 0px zetten en het is over
pi_65844295
Het is gelukt! en als ik die ruimte wel wil hebben, maar dan wit?

Het is trouwens raar dat ik in het fototabel gedeelte geen achtergrond kan plaatsen, maar in het logogedeelte wel. Ik heb http://www.webmasterworld.com/forum83/6991.htm daarover gevonden, maar ken je nog een simpeler walkaround?
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
pi_65844487
quote:
Op zondag 8 februari 2009 11:45 schreef tim2308 het volgende:
Het is gelukt! en als ik die ruimte wel wil hebben, maar dan wit?
#globalnav een margin-top van x pixels geven?
quote:
Het is trouwens raar dat ik in het fototabel gedeelte geen achtergrond kan plaatsen, maar in het logogedeelte wel. Ik heb http://www.webmasterworld.com/forum83/6991.htm daarover gevonden, maar ken je nog een simpeler walkaround?
Ik zie dat zo snel niet eigenlijk. Je kunt de background wel aan de UL meegeven, maar ik weet niet of dat is wat je wilt?
pi_65847175
Ik vraag me trouwens nog iets af. Ik heb vaak last van waardeloze marges als ik iets zo opzet:
1
2
3
4
5
<ul>
<li>bla</li>
<li>bla</li>
<li>bla</li>
</ul>

Dit werkt dan wel
1
2
3
<ul>
<li>bla</li><li>bla</li><li>bla</li>
</ul>


Het verschilt per browser hoe daarmee omgegaan wordt. Voor de duidelijkheid en netheid van de HTML heb ik liever het eerste, maar het tweede is helaas wel eens nodig.

Is daar een oplossing voor?
pi_65855115
Heb je een testcase veldmuis? Ik heb het namelijk nog nooit gedaan met lists
pi_65856505
quote:
Op zondag 8 februari 2009 14:16 schreef veldmuis het volgende:
Ik vraag me trouwens nog iets af. Ik heb vaak last van waardeloze marges als ik iets zo opzet:
[ code verwijderd ]

Dit werkt dan wel
[ code verwijderd ]

Het verschilt per browser hoe daarmee omgegaan wordt. Voor de duidelijkheid en netheid van de HTML heb ik liever het eerste, maar het tweede is helaas wel eens nodig.

Is daar een oplossing voor?
Op het werk gebruiken wij Smarty voor het schrijven van de templates. Dat heeft een functie {strip} die alle witruimte in je code weg haalt. Als je dus in je templates aan het werk bent krijg je keurig net ingesprongen code te zien, maar zodat het ingelezen wordt door de browser wordt alle witruimte verwijderd... Aangezien Smarty PHP-based is voor zover ik weet, zal er ook best een PHP-functie zijn waarmee je hetzelfde bereikt..?
Bleuh.
pi_65859112
Ik gebruik de lists altijd voor de menu's. Ik heb zo snel geen voorbeeld bij de hand, ik ga wat in elkaar flansen. Krijg het zo 1-2-3 niet voor elkaar, dus moet even wat bedenken
pi_65863500
Hmmm lists blijven toch altijd lastig. Kan iemand mij op weg helpen?

Ik heb een UL met daarin een aantal items. Nu wil ik twee dingen:
1) Het tekentje ervoor weg (geen probleem; list-style-type: none;)
2) De margin/padding ervoor weg.

Dat tweede lukt me dus niet. Ik krijg het niet voor elkaar om het geheel niet meer in te laten springen en dus gewoon links uit te lijnen. Any thoughts?
pi_65863587
ul, li {
margin: 0px;
padding: 0px;
}
pi_65863609
En waarom typ ik altijd die px erachter als het 0 is? .
pi_65863720
quote:
Op zondag 8 februari 2009 22:01 schreef veldmuis het volgende:
En waarom typ ik altijd die px erachter als het 0 is? .
Thnx!
Op het moment dat ik het hier lees vind ik net een site met de info (het hoeft alleen maar op de UL en niet ook op de LI). Ik zocht eerst op de verkeerde termen.

http://css.maxdesign.com.au/listutorial/sub03.htm
pi_65864892
quote:
Op zondag 8 februari 2009 22:01 schreef veldmuis het volgende:
ul, li {
margin: 0px;
padding: 0px;
}
Alleen op de UL is voldoende
pi_65865075
Een li heeft standaard helemaal geen margin/padding?
pi_65976563
Hallo,

Ik heb mijn site gemaakt met CSS, maar wat ik opeens ontdek bij heel veel pagina's is dat de DIV waar ik thumbnails in laadt opeens een pixel of 30 hoger staat, zonder dat ik een verandering heb aangebracht!!

Bij sommige, vooral nieuw aangemaakte pagina's staat ie gewoon goed waar ik hem ook neergezet heb, maar bij andere, vooral oudere pagina's staat ie niet meer op de plek waar ik hem in 1e instantie neergezet heb.

Ik zal een voorbeeld geven, hoop niet dat dat als spam word gezien:
http://www.e30fansite.nl/325i/Arjanos.html

Hele oude pagina's die ik gemaakt heb toen ik net begon met CSS waar ik elke foto in een aparte DIV zette ( stom... ) zijn ook ontregeld en staan allemaal hoger dan in eerste instantie:
http://www.e30fansite.nl/325i/Beamer.html

Pagina's die ik pas geleden heb aangemaakt, staan wel gewoon goed:
http://www.e30fansite.nl/318is/BMWDriver.html

Ik hoop dat iemand me kan helpen?? Nogmaals, ik heb op de bewuste pagina's NIKS veranderd

Thx alvast!

Grtz Tim
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_65976809
Ik kan daar echt geen wijs uit. Sorry, maar dat is echt een gevalletje terminale divitus.
pi_65976969
Daar is inderdaad niets meer aan de doen De HTML is zo ruk (sorry ), dat je beter fatsoenlijk opnieuw kunt beginnen. Sleutelwoord daarbij: semantiek.
pi_65977727
wow! (mist bek valt open smilie)
sorry zou je graag willen helpen, maar zelfs firebug in FF gaat over de zeik van de code
  donderdag 12 februari 2009 @ 10:42:24 #81
136730 PiRANiA
All thinking men are atheists.
pi_65977956
quote:
Op donderdag 12 februari 2009 09:54 schreef metallicattim het volgende:
Hallo,

Ik heb mijn site gemaakt met CSS, maar wat ik opeens ontdek bij heel veel pagina's is dat de DIV waar ik thumbnails in laadt opeens een pixel of 30 hoger staat, zonder dat ik een verandering heb aangebracht!!

Bij sommige, vooral nieuw aangemaakte pagina's staat ie gewoon goed waar ik hem ook neergezet heb, maar bij andere, vooral oudere pagina's staat ie niet meer op de plek waar ik hem in 1e instantie neergezet heb.

Ik zal een voorbeeld geven, hoop niet dat dat als spam word gezien:
http://www.e30fansite.nl/325i/Arjanos.html

Hele oude pagina's die ik gemaakt heb toen ik net begon met CSS waar ik elke foto in een aparte DIV zette ( stom... ) zijn ook ontregeld en staan allemaal hoger dan in eerste instantie:
http://www.e30fansite.nl/325i/Beamer.html

Pagina's die ik pas geleden heb aangemaakt, staan wel gewoon goed:
http://www.e30fansite.nl/318is/BMWDriver.html

Ik hoop dat iemand me kan helpen?? Nogmaals, ik heb op de bewuste pagina's NIKS veranderd

Thx alvast!

Grtz Tim
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.
pi_65977988
pi_65978031
quote:
Op donderdag 12 februari 2009 10:42 schreef PiRANiA het volgende:

[..]
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.
Hey,
Ik heb ook een webbrowser, ik had het al gezien.

Groetjes,

veldmuis
pi_65978048
haha ben ik zo slecht?

Het is ooit de bedoeling de site in PHP te (laten) maken, maar dat duurt nog wel eff, dus voorlopig kan ik hier niks aan doen? Vind het maar een vreemd voorval, want in het begin stond alles goed en opeens staat de div hoger...
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_65978084
Vraagje: Waarom heb je in vredesnaam voor vrijwel elk plaatje een aparte div?
pi_65978131
quote:
Op donderdag 12 februari 2009 10:45 schreef metallicattim het volgende:
haha ben ik zo slecht?

Het is ooit de bedoeling de site in PHP te (laten) maken, maar dat duurt nog wel eff, dus voorlopig kan ik hier niks aan doen? Vind het maar een vreemd voorval, want in het begin stond alles goed en opeens staat de div hoger...
neuh slecht niet want de validator zegt dat je op 1 foutje na valid bent. En dat is je alt tags in je plaatjes

Je hebt alleen de divaritus
Maar dat maakt niets uit hoor Zo ben ik ook begonnen
pi_65978141
PHP leeft alleen op de server. In je browser zie je altijd HTML, of je nou PHP, ASP, Ruby, Python of whatever gebruikt

Er is ongetwijfeld ergens iets veranderd in de code, maar zoals miss_bleu al zei: dit debuggen is gewoon onmogelijk
pi_65978174
quote:
Op donderdag 12 februari 2009 10:48 schreef miss_bleu het volgende:

neuh slecht niet want de validator zegt dat je op 1 foutje na valid bent. En dat is je alt tags in je plaatjes
Wel slecht imo, en zo zie je maar dat slecht gebruikte maar syntactisch correcte HTML gewoon door de validator komt
pi_65978215
Zet op de http://www.e30fansite.nl/325i/Beamer.html eens op de tumbs de div met ID foto's en geef die ID eens een margin-top mee van 25px;

Misschien dat je het probleem dan verhelpt. Kan ook zijn dat op pagina's waar het nu dus goed staat je meer ruimte gaat krijgen. Maar probeer het eens. Verder kan ik heel moeilijk zien wat het wel kan zijn. Bughunten gaat niet echt, tis meer nu gokken en houtje touwtje oplossingen bedenken
pi_65978221
quote:
Op donderdag 12 februari 2009 10:50 schreef Roy_T het volgende:

[..]

Wel slecht imo, en zo zie je maar dat slecht gebruikte maar syntactisch correcte HTML gewoon door de validator komt
Op zich best briljant
pi_65978531
quote:
Op donderdag 12 februari 2009 10:47 schreef Chanty87 het volgende:
Vraagje: Waarom heb je in vredesnaam voor vrijwel elk plaatje een aparte div?
Sjah, ik had geen enkel verstand van CSS en heb het met en met een beetje geleerd, kdacht dat dit de methode was, maar niet dus haha

Wel fijn om te horen dat mijn "levenswerk" zo geweldig in mekaar steekt
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_65979684
Sorry metallicattim, het was niet denigrerend bedoeld

We zouden je echt met liefde en plezier helpen (daarom zitten we in dit topic), maar we kunnen hier weinig mee. Het werkt in principe, dat is duidelijk, maar omdat het zo sterk ingaat tegen de gangbare technieken zien wij het ook niet.

Maar misschien is dit een mooie incentive om eens te kijken naar hoe je het aan de basis beter aan zou kunnen pakken? Je slaat dan 3 vliegen in 1 klap: je leert fatsoenlijke HTML & CSS gebruiken, je hebt goede templates die je gewoon kunt hergebruiken wanneer je voor de achterkant overstapt op PHP en je lost hiermee je huidige probleem op
pi_65987664
@Roy_T: Ik weet dat jullie proberen te helpen, ik was een beetje sarcastisch

Ik zit inmiddels over de 600 pagina's heen, dus zomaar eff opnieuw beginnen zit er niet in Dat zal weken/maanden in beslag nemen, doe dit ook maar in mijn vrije tijd.

Maar wat heb ik nou precies verkeerd gedaan? Verkeerde code gebruikt? Verkeerde opbouw? ... ?
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_65987755
Ik ga er vanavond mee beginnen. Wil mijn website ook met CSS gaan maken, totaal geen ervaring mee. Heb een aantal dvd's van lynda gevonden, van dreamweaver en een afzonderlijk van CSS maar dat is alleen codevorm. En ik ga het toch echt eerst via dreamweaver doen

tevens tvp
pi_65987797
Als je handmatig 600 pagina's hebt gemaakt, ben je niet handig bezig. Dan is een database + serversides scripting een miljoen keer handiger.
pi_65991695
quote:
Op donderdag 12 februari 2009 15:24 schreef Khadgar het volgende:
Als je handmatig 600 pagina's hebt gemaakt, ben je niet handig bezig. Dan is een database + serversides scripting een miljoen keer handiger.
Kijk, die website begon met 0 pagina's
En met en met ( dik 2,5 jaar ondertussen ) kwamen nieuwe aanmeldingen binnen en die heb ik idd met de hand toegevoegd.

Ik heb helaas de kennis niet om dit zelf te doen, php + mysql, en laten doen is ook niet goedkoop, vandaar dat ik zelf ben gaan kloten en ik dacht dat ik het redelijk voormekaar had, totdat ik deze fout vorige week ontdekte
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66025998
Hoe laat ik een div helemaal tot onderaan het beeld doorlopen zonder met een aantal pixels te werken? Bij de header heb ik in de breedte 100% aangegeven. Maar bij de div die naar onder moet werkt dit niet..
pi_66027191
html en body 100% hoogte geven, en dan kun je een div ook 100% hoogte geven.

Maar waarom wil je dat precies? Vaak zijn er andere oplossing voor hetzelfde visuele effect.
pi_66027349
Ik wil dat omdat ik heel het beeld wil gebruiken. Zowel in Firefox als IE moet dat goed zijn.
pi_66027475
quote:
Op vrijdag 13 februari 2009 17:02 schreef Roy_T het volgende:
html en body 100% hoogte geven, en dan kun je een div ook 100% hoogte geven.
Hmm had ik gedaan. Hij gaat wel tot onder door inderdaad, maar nu te ver naar onder zodat je moet scrollen. Dat komt waarschijnlijk omdat ie ruimte heeft overgeslagen bovenaan (hij begon onder de header).
pi_66048232
quote:
Op vrijdag 13 februari 2009 17:11 schreef Nashje het volgende:

Hmm had ik gedaan. Hij gaat wel tot onder door inderdaad, maar nu te ver naar onder zodat je moet scrollen. Dat komt waarschijnlijk omdat ie ruimte heeft overgeslagen bovenaan (hij begon onder de header).
Juist

Het is 100% van de viewport, dus als er nog iets boven staat dan telt dat ook mee.
quote:
Op vrijdag 13 februari 2009 17:06 schreef Nashje het volgende:
Ik wil dat omdat ik heel het beeld wil gebruiken. Zowel in Firefox als IE moet dat goed zijn.
Waarom? Wat wil je visueel bereiken? Nogmaals, er zijn vaak andere oplossingen die hetzelfde visuele effect geven. Plaatje misschien?
pi_66049962
Ik voel een faux column aankomen .
pi_66051909
Ik ook, of iig iets van dien aard
pi_66054146
quote:
Op zaterdag 14 februari 2009 09:53 schreef Roy_T het volgende:

[..]

Juist

Het is 100% van de viewport, dus als er nog iets boven staat dan telt dat ook mee.
[..]

Waarom? Wat wil je visueel bereiken? Nogmaals, er zijn vaak andere oplossingen die hetzelfde visuele effect geven. Plaatje misschien?
Omdat dat dat bij het idee van de site hoort . Maar een plaatje is wel een verdomd goed idee ja . Verticaal laten repeaten, voila.
pi_66054366
quote:
Op zaterdag 14 februari 2009 14:36 schreef Nashje het volgende:

Omdat dat dat bij het idee van de site hoort .
Ben je altijd zo van de non-antwoorden? De vraag was niet waarom je iets er op een bepaalde manier uit wilt laten zien, maar waarom je het per se met een div van 100% hoogte wilt doen
quote:
Maar een plaatje is wel een verdomd goed idee ja . Verticaal laten repeaten, voila.
Juistem
pi_66055188
Nee het is niet zo dat ik per se wil ofzo. Maar dat leek me de meest makkelijke manier.
pi_66057039
Zeg. Vraagje!
Wanneer gebruiken jullie een class en wanneer een id?
Ik ga eigenlijk altijd voor een class, behalve als ik iets met JS wil gaan doen, dan hang ik de css aan het id (logisch, denk ik).
Ik zie echter ook volop sites waarbij de css er uitziet als een hekjesparade, alleen maar id's dus. Ik snap het nut er niet zo van, maar misschien is het er wel. Ben wel benieuwd hoe iedereen werkt eigenlijk, wie weet (ik!) kan ik er nog wat van leren!
  FOK!-Schrikkelbaas zaterdag 14 februari 2009 @ 16:32:31 #108
1972 Swetsenegger
Egocentrische Narcist
pi_66057149
Nou ik heb wel gemerkt dat ID's soms anders reageren dan classes. En ik heb geen idee waarom. Ik heb nu geen concreet voorbeeld, is iets waar ik wel eens tegen aangelopen ben.

Ik gebruik eigenlijk ook altijd classes.
pi_66057209
quote:
Op zaterdag 14 februari 2009 16:32 schreef Swetsenegger het volgende:
Nou ik heb wel gemerkt dat ID's soms anders reageren dan classes. En ik heb geen idee waarom. Ik heb nu geen concreet voorbeeld, is iets waar ik wel eens tegen aangelopen ben.

Ik gebruik eigenlijk ook altijd classes.
classes worden overruled door ID's, ook al staat de class lager in de CSS. Dus anders reageren doet het zeker .

Verder mag een ID uiteraard maar 1x per htmlletje voorkomen, en een class oneindig.
pi_66057222
De werkelijke regel is dat een een id uniek is en dus maar 1 keer kan worden gebruikt, geloof ik.

Ik gebruik zelf meestal id's. Aangeleerd .
  FOK!-Schrikkelbaas zaterdag 14 februari 2009 @ 16:46:17 #111
1972 Swetsenegger
Egocentrische Narcist
pi_66057476
quote:
Op zaterdag 14 februari 2009 16:34 schreef veldmuis het volgende:

[..]

classes worden overruled door ID's, ook al staat de class lager in de CSS. Dus anders reageren doet het zeker .

Verder mag een ID uiteraard maar 1x per htmlletje voorkomen, en een class oneindig.
Nee ik bedoel dus ook in style gedrag. Dus een layer die onverklaarbaar lager geplaatst wordt bv als hij in een ID staat tov een class.
pi_66057598
quote:
Op zaterdag 14 februari 2009 16:46 schreef Swetsenegger het volgende:

[..]

Nee ik bedoel dus ook in style gedrag. Dus een layer die onverklaarbaar lager geplaatst wordt bv als hij in een ID staat tov een class.
Da's mij nog nooit opgevallen. Dus een voorbeeld zou leuk zijn
  FOK!-Schrikkelbaas zaterdag 14 februari 2009 @ 16:52:32 #113
1972 Swetsenegger
Egocentrische Narcist
pi_66057621
quote:
Op zaterdag 14 februari 2009 16:51 schreef Light het volgende:

[..]

Da's mij nog nooit opgevallen. Dus een voorbeeld zou leuk zijn
Als ik er weer eens tegenaanloop zal ik het laten zien. Wat ik me ervan herinner ging het met relatief positioneren fout. Maakte ik van de ID een class werkte het zoals verwacht.
pi_66058225
Dat heb ik ook nog nooit meegemaakt. Ben benieuwd!
  FOK!-Schrikkelbaas zaterdag 14 februari 2009 @ 19:31:43 #115
1972 Swetsenegger
Egocentrische Narcist
pi_66062520
Ik heb ht al 2 keer gehad. Wellicht zegt het meer over mij dan over css, maar ik weet nog dat ik me scheel heb gezocht.
pi_66065987
quote:
Op zaterdag 14 februari 2009 16:28 schreef veldmuis het volgende:
Zeg. Vraagje!
Wanneer gebruiken jullie een class en wanneer een id?
Ik ga eigenlijk altijd voor een class, behalve als ik iets met JS wil gaan doen, dan hang ik de css aan het id (logisch, denk ik).
Ik zie echter ook volop sites waarbij de css er uitziet als een hekjesparade, alleen maar id's dus. Ik snap het nut er niet zo van, maar misschien is het er wel. Ben wel benieuwd hoe iedereen werkt eigenlijk, wie weet (ik!) kan ik er nog wat van leren!
Ik gebruik tegenwoordig alleen classes als ik weet dat ik hetzelfde element meerdere keren gebruik op een pagina
pi_66066705
quote:
Op zaterdag 14 februari 2009 21:07 schreef Chanty87 het volgende:

[..]

Ik gebruik tegenwoordig alleen classes als ik weet dat ik hetzelfde element meerdere keren gebruik op een pagina
Gewoon voor je eigen overzicht? (max) 1x voorkomen = id, anders class?

Hm. Dat klinkt wel als een handige methode. .
pi_66070053
Het is niet zo dat een ID altijd voorrang heeft boven een class: het heeft alles te maken met specificity.

Zelf gebruik ik ID's voor unieke elementen (#header, #footer, #menu, etc) en classes voor terugkerende elementen (.blogpost, etc). En uiteraard ID's om iets te kunnen referencen in JS.

Als iets niet "belangrijk" is, dan gebruik ik geen ID maar een class (bijvoorbeeld <a class="cancel"> als het een link moet zijn met speciale styling (als een afbeelding met "cancel" erin bijvoorbeeld). Classes gebruik ik ook om info in te zetten waar de CSS niets mee doet, maar JS wel bijvoorbeeld (meer als meta data dus, sort of).

Gebruik ze allebij wel bewust zo min mogelijk; een <ul id="menu"> bijvoorbeeld, met daaronder zoveel mogelijk de HTML elementen referencen (#menu li a etc etc).
quote:
Op zaterdag 14 februari 2009 16:46 schreef Swetsenegger het volgende:

Nee ik bedoel dus ook in style gedrag. Dus een layer die onverklaarbaar lager geplaatst wordt bv als hij in een ID staat tov een class.
Dat is geen known bug iig voor zover ik weet
pi_66110447
Het is te merken dat ik al een tijdje niet heb gespeeld met CSS . Ik ben er na 3 kwartier achter gekomen waarom m'n backgroundimage niet werd getoond. M'n style.css staat in de map css, en ik moest dus eerst uit die map komen om het plaatje in de map image te laten kunnen tonen.

Bleh .
pi_66110518
quote:
Op maandag 16 februari 2009 09:29 schreef Nashje het volgende:
Het is te merken dat ik al een tijdje niet heb gespeeld met CSS . Ik ben er na 3 kwartier achter gekomen waarom m'n backgroundimage niet werd getoond. M'n style.css staat in de map css, en ik moest dus eerst uit die map komen om het plaatje in de map image te laten kunnen tonen.


Paden zijn inderdaad (gelukkig) relatief t.o.v. de locatie van een stylesheet
pi_66121548
Vraagje. Ik wil 4 divjes. Linksboven logo, daaronder menutje. Rechts naast het logo een div en daaronder (dus langs het menu) weer een div. Maar m'n bovenste rechterdiv begint pas op menu hoogte.

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
#logo {
width: 270px;
height: 105px;
border: 1px solid;
background: url(logo.png);
}

#menu {
float: left;
width: 270px;
height: 400px;
border: 1px solid;
}

#search {
float: left;
width: 900px;
height: 200px;
border: 1px solid;
}

#content {
float: left;
width: 900px;
height: 200px;
border: 1px solid;
}


1
2
3
4
   <div id="logo"><img src="images/logo1.png" /></div>
   <div id="menu"></div>
   <div id="search">asdf</div>
   <div id="content">adsf</div>
  Nerd met benen maandag 16 februari 2009 @ 15:36:11 #122
18073 miss_bleu
pi_66121779
Kan je uittekenen wat je nou precies wilt? Want ik heb het nu 5 keer gelezen en snap er geen drol van
pi_66122034
Ik heb het uitgetekend ....

pi_66122035
Ik snap het denk ik .

Denk in kolommen. Dit is normaal gedrag van de float. Als je om de dingen die naast of boven elkaar staan een containerdiv zet is je probleem over.
pi_66122087
quote:
Op maandag 16 februari 2009 15:42 schreef veldmuis het volgende:
Ik snap het denk ik .

Denk in kolommen. Dit is normaal gedrag van de float. Als je om de dingen die naast of boven elkaar staan een containerdiv zet is je probleem over.
Oh toch wel.. Was al van plan om een leftrow en rightrow te maken, maar toch een containertje dus. Even proberen.
pi_66122271
Ik heb een containerdiv gemaakt, maar doet het nog steeds niet..

1
2
3
4
5
#container {
border: 1px solid;
width: 1200px;
height: 600px;
}


1
2
3
4
5
6
<div id="container">
   <div id="logo"><img src="images/logo1.png" /></div>
   <div id="menu"></div>
   <div id="search">asdf</div>
   <div id="content">adsf</div>
</div>
pi_66122362
Dat klopt. Dit maakt geen drol uit :P.

Nogmaals, denken in kolommen.

1
2
[=1=] [=3=]
[=2=] [=4=]


a. Als 1 en 2 altijd dezelfde breedte hebben, die in een div zetten.
b. Als 1 en 3 altijd dezelfde hoogte hebben, die in een div zetten (maar dan laat je die niet floaten)

Als a en b waar zijn mag je zelf kiezen :P.
pi_66122700
a is waar, heb ik gedaan, maar wat moet ik dan met 3 en 4 doen?
pi_66122723
quote:
Op maandag 16 februari 2009 15:43 schreef Nashje het volgende:

Was al van plan om een leftrow en rightrow te maken, maar toch een containertje dus. Even proberen.
Zolang je ze maar niet die namen geeft (leftrow, rightrow)
pi_66122790
quote:
Op maandag 16 februari 2009 16:00 schreef Nashje het volgende:
a is waar, heb ik gedaan, maar wat moet ik dan met 3 en 4 doen?
Je kan er een containertje omheen zetten. Container dan een vaste breedte meegeven, en de divs in die container erven die dan wel.
pi_66122930
quote:
Op maandag 16 februari 2009 16:02 schreef veldmuis het volgende:

[..]

Je kan er een containertje omheen zetten. Container dan een vaste breedte meegeven, en de divs in die container erven die dan wel.
Gelukt . Ik had al een container gemaakt voor 3 en 4 en gefloat naar left, maar deed het niet. Toen ik de container van 1 en 2 naar left had gefloat, deed ie het wel. Dank dank.
pi_66122993
Yup. Een container met floatende elementen erin moet je zelf ook laten floaten. Het is iets met de manier waarop floatende divs met niet-floatende divs 'communiceren'.
pi_66157986
Heb een vraagje, ben een formulier aan het maken voor een vragen lijst.

Nu heb ik voor de 4 woonplaatsen een selectie vakje gemaakt.
Hieronder heb ik een vraag in welke woon wijk de mensen wonen.

Nu wil ik dat als mensen bijvoorbeeld Apeldoorn aangeven de volgende vraag alleen de wijken van Apeldoorn worden getoond. En als mensen Deventer aangeven dat dan alleen de wijken van Deventer komen.
quote:
Welke plaats woont u?:
<br />
<input type="radio" id="Apeldoorn" name="gender" value="man"> <label for="man">Apeldoorn</label>
<input type="radio" id="Deventer" name="gender" value="vrouw"> <label for="vrouw">Deventer</label>
<input type="radio" id="Zuthpen" name="gender" value="vrouw"> <label for="vrouw">Zuthpen</label>
<input type="radio" id="Buitengebied" name="gender" value="man"> <label for="man">Buitengebied</label>

<div class="place">
<div class="field">

<div class="place">
<div class="field">
<text> In welke wijk woont u?
</text>
<select name="Woonwijk">
<option value="Woonwijk">De Parken</option>
<option selected value="Woonwijk">Centrum</option>
<option value="Woonwijk">De Maten</option>
<option value="Woonwijk">Berg & Bos</option>
<option value="Woonwijk">Zuidbroek</option>
<option value="Woonwijk">Osseveld</option>
<option value="Woonwijk">Woudhuis</option>
<option value="Woonwijk">Welgelegen</option>
<option value="Woonwijk">Orden </option>
<option value="Woonwijk">Zevenhuizen</option>
<option value="Woonwijk">Kerstschoten </option>
<option value="Woonwijk">Zuid</option>

</select>
</form>
</div>
pi_66159691
Wat is je vraag? Dat iemand een scriptje voor je schrijft (er is een JS topic trouwens)?

Het lijkt me overigens sterk dat al die wijken een value "woonwijk" moeten hebben en de steden stiekem geslachten zijn

Tip: Als je echt helemaal niets weet van HTML én niet zelfredzaam genoeg bent om de absolute basis uit te willen zoeken, begin er dan aub niet aan
pi_66190004
quote:
Op dinsdag 17 februari 2009 14:36 schreef Roy_T het volgende:
Het lijkt me overigens sterk dat al die wijken een value "woonwijk" moeten hebben en de steden stiekem geslachten zijn
.
pi_66194625
Het is gelukt mensen
pi_66202963
Post je code eens, ik ben benieuwd wat voor creatieve oplossingen hebt bedacht. Misschien een <fix-this> tag of <magic>-tag(uiteraard niet afgesloten)?
Bleuh.
pi_66270745
Ondanks dat ik mezelf toch als een redelijk competente CSS'er beschouw heb ik nu toch een probleempje :P
Ik probeer een container DIV de hoogte van het scherm aan te laten nemen, dat lukt, maar als de inhoud van de pagina langer wordt dan het scherm houdt de achtergrondkleur ook op. Opzich logisch natuurlijk. Zowel op html en body heb ik een height van 100% toegepast (min-height: 100%; maakt geen verschil).

Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
html {
   height: 100%;
   margin: 0;
}

body {
   background-color: #EFF8FD;
   height: 100%;
   
   font-family: arial, tahoma, verdana, sans-serif;
   font-size: 12px;
}

div#page
{
   width: 960px;
   height: 100%;
   background-color: white;
   
   position: absolute;
   left: 50%;
   top: 0px;
   margin-left: -480px;
}


Ik ben al genoeg javascript-achtige oplossingen tegengekomen, maar dit moet afaik met CSS op te lossen zijn..
pi_66271262
Zou moeten werken met min-height. Maar waarom wil je het per se zo doen? Kun je die kleur niet gewoon aan de body geven, of anders faux columns gebruiken?
pi_66271368
quote:
Op vrijdag 20 februari 2009 11:36 schreef Intrepidity het volgende:
Ik ben al genoeg javascript-achtige oplossingen tegengekomen, maar dit moet afaik met CSS op te lossen zijn..
Volgens mij werkt dit gewoon?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style type="text/css">
html {
   height: 100%;
   margin: 0;
}

body {
   background-color: #EFF8FD;
   height: 100%;   
   font-family: arial, tahoma, verdana, sans-serif;
   font-size: 12px;
}

div#page
{
   width: 960px;
   min-height: 100%;
   background-color: white;
  margin:0 auto; [b]iets mooier dan left:50; margin-left:-480px ;)[/b]
}
</style>
Bleuh.
pi_66271793
Helaas werkt dat niet gewoon:


Volgensmij kan ik met de bodytag toch geen specifiek gebied een witte achtergrond geven? Het gaat dus om een box van 960 pixels breed horizontaal gecentreerd, volgensmij kan ik dat effect niet in de body bereiken tenzij ik met een witte afbeelding ga lopen klooien..

Dat van die margin: 0 auto; is uiteraard een goede tip, maar daarmee gaat vrijwel de hele layout (een aantal delen zijn absoluut gepositioneerd) naar de klote, het lijkt alsof de elementen binnen de div #page dan niet meer binnen de box willen vallen.. maar dat zoek ik later wel even uit nevermind, al gefixed met een position: relative in #page

[ Bericht 17% gewijzigd door Intrepidity op 20-02-2009 12:09:21 ]
pi_66274762
quote:
Op vrijdag 20 februari 2009 12:02 schreef Intrepidity het volgende:

Het gaat dus om een box van 960 pixels breed horizontaal gecentreerd, volgensmij kan ik dat effect niet in de body bereiken tenzij ik met een witte afbeelding ga lopen klooien..
Volledig geaccepteerde manier
pi_66275741
Kan wel wezen, maar er zal vast een oplossing door middel van CSS zijn die ook voldoet.. Dat heb ik liever dan een extra afbeelding, scheelt weer een request per pageview..
pi_66276955
Far future expiry headers enzo... 1 request per jaar

Het is een bitch om cross browser te hebben doen wat je wilt, dat is waarom niemand het op die manier probeert. Maar be my guest
pi_66344919
http://trinitati.nl/agenda.php

hoe kan ik 1 TD ruimte forceren? dat hij langer word ondanks dat de pagina dat zelf niet is.

met medewerking kropt zichzelf op maar hoe los ik dit op?
Redacted
pi_66346064
Ik zie niet wat je bedoelt?
pi_66346636
quote:
Op zondag 22 februari 2009 17:28 schreef veldmuis het volgende:
Ik zie niet wat je bedoelt?
nou je hebt 1 TD veld en die moet altijd 200 px breed zijn ongeacht de inhoud
maar als ik korte woorden als inhoud hebt
bv.

dan kropt de tabel op.
en krijg
je irritante
regels
ipv " dan kropt de tabel op en krijg je irritante regels"

Hoe pak ik dit aan ?
Redacted
pi_66353456
Een width aan de betreffende TD geven
pi_66353815
quote:
Op zondag 22 februari 2009 21:21 schreef Roy_T het volgende:
Een width aan de betreffende TD geven
maar dat werkt niet
want dan gaat hij alleen uitrekken als de beeldschermresolutie groter is.
ik wou hem constant hebben en de rest niet.

bvb

tabel
cel 1 cel 2 cel 3
blablabla<witruimte><witruimte> blablablabal blablablablabl

ipv
cel 1 cel 2 cel 3
blablabla blablalba blablabla
blablabal


eigenlijk 1 vaste lengte van een cel. en de rest variabele.
Redacted
pi_66356691
Width: 100% op de table, en een vaste width op 1 cell zou gewoon moeten werken. Of ik snap nog steeds niet wat je wilt
pi_66378003
Hoi, ik ben net begonnen aan een nieuw siteje en loop tegen een probleem aan. Op http://chessatwork.leadhoster.com/ zie je dat het siteje goed wordt weergegeven in IE (hiermee bedoel ik: de tekst positioneert zich 'langs' het menu) maar in Firefox schuift de tekst onder het menu.

Mijn CSS code ziet er als volgt uit:

body {
margin:0px;
padding:0px;background-color:#B59292;
}
.boven{ background-color:#B59292;}
.zwart{ background-color:#000000; border-bottom:
#000000; border-bottom-style:solid;margin:0px;
padding:0px;}
.tekst{margin-top:50px; padding-left:25px; float:left;}

#menu {
font-family: Arial;
width: 150px;
padding: 0px; margin-top:50px; margin-left:15px; float:left;
}

#menu h1 {
display: block;
background-color:#666666;
font-size: 16px;
padding: 5px 0px 5px 5px;
border: 1px solid #000000;
color: #ffffff;
margin: 0px;
width:147px;
}

#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#menu ul li {
margin: 0px;
padding: 0px;
}

#menu ul li a {
font-size: 14px;
display: block;
border-bottom: 1px dashed #bbbbbb;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #000000;
width:150px;
}

#menu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

Ik vermoed dat dit een vrij bekend probleem is en hoop dat er iemand weet hoe ik dit kan oplossen? Kan deze persoon mij ook de logica achter de oplossing uitleggen? Of eventueel doorverwijzen? Alvast bedankt
pi_66378627
Het viel me op dat het menubalkje hier op fok meegaat. Ik ben nu ook bezig met een site waar me dat wel handig lijkt. Na ff de code bestudeerd te hebben bleek een simpele position:fixed; het te doen. Maarrrr mijn menu begint pas zo'n 150px vanaf de bovenkant. Ik wil dus dat ie blijft plakken aan de bovenkant zodra die dmv scrollen gepasseerd wordt.
Weet iemand hoe ik dit kan klaarspelen?
0023
pi_66379330
quote:
Op maandag 23 februari 2009 16:37 schreef Buonissimo het volgende:
Hoi, ik ben net begonnen aan een nieuw siteje en loop tegen een probleem aan. Op http://chessatwork.leadhoster.com/ zie je dat het siteje goed wordt weergegeven in IE (hiermee bedoel ik: de tekst positioneert zich 'langs' het menu) maar in Firefox schuift de tekst onder het menu.

Mijn CSS code ziet er als volgt uit:

[knip]
Ik vermoed dat dit een vrij bekend probleem is en hoop dat er iemand weet hoe ik dit kan oplossen? Kan deze persoon mij ook de logica achter de oplossing uitleggen? Of eventueel doorverwijzen? Alvast bedankt
Je .tekst moet een breedte hebben, in feite geeft FF het goed weer
quote:
Op maandag 23 februari 2009 16:56 schreef ikJur het volgende:
Het viel me op dat het menubalkje hier op fok meegaat. Ik ben nu ook bezig met een site waar me dat wel handig lijkt. Na ff de code bestudeerd te hebben bleek een simpele position:fixed; het te doen. Maarrrr mijn menu begint pas zo'n 150px vanaf de bovenkant. Ik wil dus dat ie blijft plakken aan de bovenkant zodra die dmv scrollen gepasseerd wordt.
Weet iemand hoe ik dit kan klaarspelen?
Heeft je body of de parent-div van je menu-div geen padding of margin?
pi_66379665
quote:
Op maandag 23 februari 2009 17:17 schreef Chanty87 het volgende:

Heeft je body of de parent-div van je menu-div geen padding of margin?
(is trouwens een ul ipv een div maar dat maakt geen verschil) het menu staat in een container div die een heeft een margin: 10px auto; om te centreren, hier kan ik dus vrij weinig aan veranderen.
0023
  maandag 23 februari 2009 @ 17:38:53 #155
230788 n8n
Pragmatisch
pi_66380027
misschien werkt: html { margin: 100px auto;} #header { margin: 0 auto; margin-top: -100px; } #menu { position: fixed; top: 0px;)

Dus dat je de viewport 100px naar beneden verplaatst, de header (of wat anders) 100 in de min zet, en zodoende het menu of de 'nieuwe' bovenkant van de pagina plaatst. Negatieve waarden worden volgens mij niet meegenomen bij het scrollen.
Specialization is for insects”.—Robert Heinlein
pi_66380151
quote:
Op maandag 23 februari 2009 17:27 schreef ikJur het volgende:

[..]

(is trouwens een ul ipv een div maar dat maakt geen verschil) het menu staat in een container div die een heeft een margin: 10px auto; om te centreren, hier kan ik dus vrij weinig aan veranderen.
En als je die ul nou uit de container haalt?
pi_66380360
wacht ik ga t zooitje even online zetten dat praat wat makkelijker

@n8n
een snelle test werkte niet maar wellicht werkt het.
0023
pi_66380611
1http://trimsalonpluto.nl/2/info/ 
(ff in code voor google)
daar zie je het menu zoals je ziet een stukje van de bovenkant van de pagina. zodra het menu de top raakt zeg maar wil ik dat ie blijft plakken. Ook als je weer terug scrolled moet ie terug naar z'n originele plek.

de site is trouwens van m'n moeder die heeft een trimsalon :p

de manier van n8n moet misschien wel werken alleen kan ik niet zomaar een margin op de html geven omdat ik op de body een border-top heb (dat blauwe streepje bovenaan.
0023
  maandag 23 februari 2009 @ 18:00:05 #159
230788 n8n
Pragmatisch
pi_66380700
border-top op de html

edit, nuffsaid dat werkt alleen met een padding
misschien dan html { border-top } body { margin: 100px auto; } enz...
Specialization is for insects”.—Robert Heinlein
pi_66381190
quote:
Op maandag 23 februari 2009 18:00 schreef n8n het volgende:
border-top op de html

edit, nuffsaid dat werkt alleen met een padding
misschien dan html { border-top } body { margin: 100px auto; } enz...
het werkt niet zodra ik top:0; geef blijft ie aan de bovenkant hangen. top overruled alles gewoon.
ik denk dat ik naar een javascript oplossing moet kijken. iets met jquery ofzo.
0023
pi_66444856
Ik ben op zoek naar een script waarbij tekst veranderd als je er over heen gaat met de muis.

Dus je hebt een afbeelding en daar heb ik tekst op staan. Nu wil ik dus dat als je met de muis over de tekst gaat dat de tekst veranderd, en dus niet het plaatje.. Ik krijg niets gevonden met google.
pi_66445016
CSS:
1
2
3
4
5
6
7
8
9
10
11
span.element span.tekst2 {
    display:none;
}

span.element:hover span.tekst1 {
    display:none;
}

span.element:hover span.tekst2 {
     display:block;
}


HTML:
1
2
3
4
<span class="element">
   <span class="tekst1">Dit is tekst 1</span>
   <span class="tekst2">Dit is tekst 2</span>
</span>


Heb het niet getest, maar dit zou moeten werken. Wel kans dat je verspringende elementen krijgt, maar dan zou je ".element" een vaste hoogte/breedte moeten geven.

Daarnaast moet je nog wel even een Javascriptje voor IE6 maken, aangezien die geen hover ondersteunt op elementen die geen <a> zijn.
Bleuh.
  woensdag 25 februari 2009 @ 14:13:45 #163
230788 n8n
Pragmatisch
pi_66445038
De inhoud van de tekst of de opmaak?
Specialization is for insects”.—Robert Heinlein
pi_66445566
quote:
Op woensdag 25 februari 2009 14:13 schreef PimD het volgende:
CSS:
[ code verwijderd ]

HTML:
[ code verwijderd ]

Heb het niet getest, maar dit zou moeten werken. Wel kans dat je verspringende elementen krijgt, maar dan zou je ".element" een vaste hoogte/breedte moeten geven.

Daarnaast moet je nog wel even een Javascriptje voor IE6 maken, aangezien die geen hover ondersteunt op elementen die geen <a> zijn.
Helemaal top . Dank je.
pi_66445665
Wat mij betreft zou je dit gewoon met JavaScript moeten doen; het is gedrag en geen styling.
pi_66445860
quote:
Op woensdag 25 februari 2009 14:29 schreef Roy_T het volgende:
Wat mij betreft zou je dit gewoon met JavaScript moeten doen; het is gedrag en geen styling.
in 1998 ja tegenwoordig zijn hovers het best met css te fixen
0023
pi_66445899
lama

[ Bericht 99% gewijzigd door ikJur op 25-02-2009 15:26:59 ]
0023
pi_66446358
quote:
Op woensdag 25 februari 2009 14:34 schreef ikJur het volgende:

in 1998 ja tegenwoordig zijn hovers het best met css te fixen
Dat weet ik lolbroek, ik vraag me alleen of of je dit (het vervangen van een tekst in deze context) door CSS moet laten doen. Scheiding van structuur, gedrag en presentatie enzo. Semantiek, etc. Je kent het wel.
pi_66448562
quote:
Op woensdag 25 februari 2009 14:46 schreef Roy_T het volgende:

[..]

Dat weet ik lolbroek, ik vraag me alleen of of je dit (het vervangen van een tekst in deze context) door CSS moet laten doen. Scheiding van structuur, gedrag en presentatie enzo. Semantiek, etc. Je kent het wel.
ja eigenlijk heb je wel gelijk in deze context. zeker omdat het met css toch niet gaat werken in ie6.
0023
pi_66448754
Als het nou het uitklappen van een menu is (zoals suckerfish), dan zou ik CSS prima vinden (icm JS voor IE6), omdat het dan gaat om het tonen van data. Hier gaat het echter om het bewerken van data, vandaar
pi_66449372
quote:
Op woensdag 25 februari 2009 15:47 schreef Roy_T het volgende:
Als het nou het uitklappen van een menu is (zoals suckerfish), dan zou ik CSS prima vinden (icm JS voor IE6), omdat het dan gaat om het tonen van data. Hier gaat het echter om het bewerken van data, vandaar
ja jquery leent zich erg goed voor het verwijderen of tonen van attributes.
0023
pi_66449530
Bijvoorbeeld, of een willekeurig andere library
pi_66450296
quote:
Op woensdag 25 februari 2009 14:29 schreef Roy_T het volgende:
Wat mij betreft zou je dit gewoon met JavaScript moeten doen; het is gedrag en geen styling.
Mwah... aan de ene kant ben ik het met je eens dat content/gedrag/structuur/etc zo gescheiden mogelijk moet blijven, maar als iets met CSS simpel op te lossen is vind ik het ook weer onzin om het dan met Javascript te gaan doen...

Sowieso, een :hover is dan toch ook gedrag? Een hover op een link waarbij je de kleur aanpast of de text-decoration weg haalt doe je ook niet met Javascript... Maar je hebt op zich gelijk dat het voor het tónen van data wel zou 'mogen', maar het echt aanpassen van de tekst zelf is inderdaad minder mooi om het zo te doen.
Bleuh.
pi_66450837
quote:
Op woensdag 25 februari 2009 16:25 schreef PimD het volgende:

Sowieso, een :hover is dan toch ook gedrag? Een hover op een link waarbij je de kleur aanpast of de text-decoration weg haalt doe je ook niet met Javascript...
Dan heb je het over de weergave van een element, dus de fysieke kenmerken. Dat is imo iets anders dan de daadwerkelijke inhoud. En los daarvan zou je het imo dat echt met puur CSS moeten doen (met de content property), en niet op bovenstaande manier. Zo verneuk je je structuur (HTML) namelijk ook nog eens
pi_66478450
Weet iemand wat ik hier fout doe

<A HREF="#" onmouseover="document.but.src='menu/categorieenhover.gif'" onmouseout="document.but.src='menu/categorieen.gif'">
<IMG SRC="menu/categorieen.gif" NAME="but" BORDER="0" ALT="...">
</A>
pi_66479120
Ja, je gebruikt geen CSS.

Is het een item in een menu ofzo?
pi_66479285
Ja staat in een li, die dan weer in de class menu staat...

Maar dit zou toch sowieso zonder css moeten werken?
pi_66479932
Laat maar... is al gelukt. Oplossing:

<a href="#"><img src="menu/categorieen.gif" border="0" onmouseover="javascript:this.src='menu/categorieenhover.gif';" onmouseout="javascript:this.src='menu/categorieen.gif';"/></a>
  donderdag 26 februari 2009 @ 14:49:39 #179
230788 n8n
Pragmatisch
pi_66481210
Waarom zou je dit met javascript oplossen?
Specialization is for insects”.—Robert Heinlein
pi_66481801
quote:
Op donderdag 26 februari 2009 13:58 schreef Nashje het volgende:
Ja staat in een li, die dan weer in de class menu staat...

Maar dit zou toch sowieso zonder css moeten werken?
Dat het werkt, wil niet zeggen dat het goed is

Als het gaat om een plaatje als menu item wat veranderd als je er overheen gaat zou ik dit doen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
HTML

<ul>
    <li><a href="link" class="category_name">Naam van categorie</a></li>
</ul>


CSS

a.category_name {
    width: #px;
    height: #px;
    display: block;
    text-indent: -9999px;
    background: url(plaatje.gif);
}

a.category_name:hover {
    background: url(plaatje_over.gif);
}


Voordeel: het ziet eruit hoe jij wilt, het werkt zonder JS én is semantisch correct (en dus toegankelijk). Google bijvoorbeeld ziet gewoon de link, en grafische user agents de afbeelding.
pi_66482395
En als het veel links zijn zou ik de normale en de hover in één afbeelding zetten en de a:hover een background-position:bottom meegeven bijvoorbeeld. De ul krijgt dan een class mee uiteraard.

Nja, you snep
pi_66482550
quote:
Op donderdag 26 februari 2009 15:06 schreef Roy_T het volgende:

[..]

Dat het werkt, wil niet zeggen dat het goed is

Als het gaat om een plaatje als menu item wat veranderd als je er overheen gaat zou ik dit doen:
[ code verwijderd ]

Voordeel: het ziet eruit hoe jij wilt, het werkt zonder JS én is semantisch correct (en dus toegankelijk). Google bijvoorbeeld ziet gewoon de link, en grafische user agents de afbeelding.
Je hoeft opzich niet eens 2 plaatjes te gebruiken, gewoon het eerste plaatje boven, tweede onder en in de css oplossen met de background position

Edit: durr spuit 11
  donderdag 26 februari 2009 @ 15:25:34 #183
230788 n8n
Pragmatisch
pi_66482578
quote:
Op donderdag 26 februari 2009 15:20 schreef veldmuis het volgende:
En als het veel links zijn zou ik de normale en de hover in één afbeelding zetten en de a:hover een background-position:bottom meegeven bijvoorbeeld. De li krijgt dan een class mee uiteraard.

Nja, you snep
Dit kan ook met alle knoppen in 1 afbeelding, scheelt requests naar de server en net zo belangrijk, de afbeelding is pre-loaded dus je hebt geen geflikker bij :hover als gevolg.
Specialization is for insects”.—Robert Heinlein
pi_66482582
Als het veel links zijn, zeg 10, dan zou je om het te optimaliseren alle 20 states in één afbeelding kunnen proppen en gebruik maken van background-position (oftewel: CSS sprites). Leek me iets te ingewikkeld voor Nashje, met alle respect . Vandaar dat ik het niet noemde.

edit: wat n8n ook zegt dus
pi_66482997
I snep .

Maar als je al die links in 1 plaatje ramt en gaat werken met background-position is het dan niet één groot gevecht tussen Firefox en IE? Die ervaring heb ik nl. met positions.
pi_66483950
Hoe krijg ik nu btw een horizontaal menu? display: inline heb ik, maar dan staat de hele meuk nog op elkaar. Een padding-right aan de a meegeven komt ook niet super uit.
pi_66484158
n.a.v. dit topic: Website dilemma waaruit blijkt dat frames niet echt meer de bedoeling zijn, wordt div als alternatief gegeven.
Kun je in een div ook tekst tonen die in een ander htmlletje staat? Het voordeel van frames vond ik altijd dat je je website dus mooi op kon delen in een header.html, menu.html en body.html.
zoals het potje thuis poept, poept het nergens
_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*
ACWW NWFC id: 2921-2609-9160 nick: tbone Town: Finetown
Fiets
pi_66484298
quote:
Op donderdag 26 februari 2009 16:04 schreef kareltje_de_grote het volgende:
n.a.v. dit topic: Website dilemma waaruit blijkt dat frames niet echt meer de bedoeling zijn, wordt div als alternatief gegeven.
Kun je in een div ook tekst tonen die in een ander htmlletje staat?
Volgens mij niet. Ik snap niet waarom ze divs als alternatief voor frames zien . Frames zijn pagina's die je oproept en toont, divs zijn toch veel anders .
quote:
Op donderdag 26 februari 2009 16:04 schreef kareltje_de_grote het volgende:
Het voordeel van frames vond ik altijd dat je je website dus mooi op kon delen in een header.html, menu.html en body.html.
Nog mooier is om op te delen mbv includes (php).
pi_66484347
quote:
Op donderdag 26 februari 2009 15:37 schreef Nashje het volgende:

Maar als je al die links in 1 plaatje ramt en gaat werken met background-position is het dan niet één groot gevecht tussen Firefox en IE? Die ervaring heb ik nl. met positions.
Background-position werkt in mijn ervaring in alle browsers gelijk. Wat ging er bij jou mis dan?
pi_66484431
quote:
Op donderdag 26 februari 2009 16:09 schreef Roy_T het volgende:

[..]

Background-position werkt in mijn ervaring in alle browsers gelijk. Wat ging er bij jou mis dan?
Divs die gingen zweven en niet vast stonden. Ik had sowieso moeite om divs vast te zetten met positions, vandaar dat ik tegenwoordig alleen maar met floats werk.
pi_66484661
quote:
Op donderdag 26 februari 2009 16:04 schreef kareltje_de_grote het volgende:
n.a.v. dit topic: Website dilemma waaruit blijkt dat frames niet echt meer de bedoeling zijn, wordt div als alternatief gegeven.
Kun je in een div ook tekst tonen die in een ander htmlletje staat? Het voordeel van frames vond ik altijd dat je je website dus mooi op kon delen in een header.html, menu.html en body.html.
frames zijn gewoon een beetje verouderd, mensen komen op loze pagina's uit via zoekmachines e.d en nog tal van andere nadelen die er aan kleven. Als ik simpele statische websites maak doe ik het gewoon met php includes.

include header.php
hier nog eventueel individuele scripts voor op een pagina
</head>
include menu.php
<content>
include footer.php

zoiets :p
0023
pi_66484733
Hahh, tnx ik ga eens naar die includes kijken.
zoals het potje thuis poept, poept het nergens
_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*
ACWW NWFC id: 2921-2609-9160 nick: tbone Town: Finetown
Fiets
pi_66484820
quote:
Op donderdag 26 februari 2009 16:19 schreef kareltje_de_grote het volgende:
Hahh, tnx ik ga eens naar die includes kijken.
ja tis echt easy je hoeft eigenlijk niet eens echt php te kennen.
0023
pi_66485007
quote:
Op donderdag 26 februari 2009 16:20 schreef ikJur het volgende:

[..]

ja tis echt easy je hoeft eigenlijk niet eens echt php te kennen.
Dat ken ik dan ook niet
zoals het potje thuis poept, poept het nergens
_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*
ACWW NWFC id: 2921-2609-9160 nick: tbone Town: Finetown
Fiets
pi_66488241
quote:
Op donderdag 26 februari 2009 16:11 schreef Nashje het volgende:

[..]

Divs die gingen zweven en niet vast stonden. Ik had sowieso moeite om divs vast te zetten met positions, vandaar dat ik tegenwoordig alleen maar met floats werk.
Een background-position heeft niets met een floatende en zwevende div te maken hoor .
pi_66488746
quote:
Op donderdag 26 februari 2009 16:08 schreef Nashje het volgende:

[..]

Volgens mij niet. Ik snap niet waarom ze divs als alternatief voor frames zien . Frames zijn pagina's die je oproept en toont, divs zijn toch veel anders .
[..]

Nog mooier is om op te delen mbv includes (php).
nee


Frames is het opdelen van 1 pagina in verschillende pagina's
Divs kan precies hetzelfde doen alleen dan in 1 pagina zonder verschillende pagina's te gebruiken

zie mijn link (cablegunmaster.nl ) als voorbeeld

ja een div's kan je ook includen en stukjes tekst kun je ook includen
Redacted
pi_66488768
quote:
Op donderdag 26 februari 2009 16:25 schreef kareltje_de_grote het volgende:

[..]

Dat ken ik dan ook niet
ok je noemt je pagina php ipv html

<?php
include 'blablabla.php';
?>

en dan heb je een stukje pagina erin gezet in een andere pagina
Redacted
pi_66504644
quote:
Op donderdag 26 februari 2009 16:11 schreef Nashje het volgende:

Divs die gingen zweven en niet vast stonden. Ik had sowieso moeite om divs vast te zetten met positions, vandaar dat ik tegenwoordig alleen maar met floats werk.
Jij hebt het over "position", ik over "background-position". Dat is wel even iets totaal anders
pi_66510160
Hmm, weet iemand hoe ik vanuit mn style sheet text (link) uit een list kan verwijderen, zonder dat ik ook de afbeelding verwijder?
1
2
3
#divname a {
font-size: 0%; 
}

Werkt niet in IE en Chrome omdat ik dan nog kleine stipjes zie. In FF gaat dit wel netjes.

Display none werkt niet, omdat in de link een afbeelding staat welke dan ook weg is (ik wil alleen dat de tekst weg gaat :) ).

XHTML kant is niet aan te passen, het gaat om een standaard snippet binnen het cms..
pi_66510271
Misschien #divname "position: relative" geven, en de afbeelding met "position: absolute" en een z-index (indien nodig) over de tekst plaatsen?
pi_66510390
De tekst is groter dan de afbeelding :)

Afbeeldingen zijn vlaggetjes, tekst is de taal die hoort bij het vlaggetje :)

Overigens nog een leuke: Ik heb de searchbutton vervangen met een plaatje, alleen IE laat nog deels de zoektekst door het plaatje heen zien...

1
2
3
4
5
6
7
8
#search-block-form input.form-submit, #search-form input.form-submit {
height: 15px;
width: 15px;
cursor: pointer;
text-indent: -9999px;
border: none;
background: url(http://www.mijnwerkgever.nl/images/final/arrow_double.png) no-repeat left top;
}
pi_66510482
URL? Dat kijkt wat makkelijker.
pi_66510606
Hij staat op een gesloten deel van de server en is alleen nog van binnenuit te bereiken
pi_66510704
quote:
Op vrijdag 27 februari 2009 09:30 schreef LeeHarveyOswald het volgende:
Hmm, weet iemand hoe ik vanuit mn style sheet text (link) uit een list kan verwijderen, zonder dat ik ook de afbeelding verwijder?
[ code verwijderd ]

Werkt niet in IE en Chrome omdat ik dan nog kleine stipjes zie. In FF gaat dit wel netjes.

Display none werkt niet, omdat in de link een afbeelding staat welke dan ook weg is (ik wil alleen dat de tekst weg gaat :) ).

XHTML kant is niet aan te passen, het gaat om een standaard snippet binnen het cms..
1text-indent: -999em;
pi_66511294
quote:
Op vrijdag 27 februari 2009 09:51 schreef Light het volgende:

[..]
[ code verwijderd ]


Hmz, dit lijkt niets te doen?
pi_66511890
quote:
Op vrijdag 27 februari 2009 09:38 schreef LeeHarveyOswald het volgende:
De tekst is groter dan de afbeelding
De div waar ze in staan de grootte van het vlaggetje maken dan, met overflow: hidden?
quote:
Op vrijdag 27 februari 2009 09:51 schreef Light het volgende:
Dan is zijn plaatje ook verdwenen, aangezien die gewoon in de text flow staat
pi_66512375
quote:
Op donderdag 26 februari 2009 18:05 schreef cablegunmaster het volgende:

[..]

ok je noemt je pagina php ipv html

<?php
include 'blablabla.php';
?>

en dan heb je een stukje pagina erin gezet in een andere pagina


Zoiets dacht ik al
zoals het potje thuis poept, poept het nergens
_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*_-*-_-*
ACWW NWFC id: 2921-2609-9160 nick: tbone Town: Finetown
Fiets
pi_66513631
quote:
Op vrijdag 27 februari 2009 09:38 schreef LeeHarveyOswald het volgende:

Overigens nog een leuke: Ik heb de searchbutton vervangen met een plaatje, alleen IE laat nog deels de zoektekst door het plaatje heen zien...
Dat is een bitch, maar ik heb ooit deze verzonnen:

1
2
3
4
5
width: #px;
height: #px;
padding-top: #px;
overflow: hidden;
text-indent: -9999px;


Waarbij de padding-top gelijk moet zijn aan de height. De text-indent is nodig omdat anders Safari de bovenste pixel van de tekst alsnog laat zien.
pi_66515024
quote:
Op vrijdag 27 februari 2009 11:40 schreef Roy_T het volgende:

[..]

Dat is een bitch, maar ik heb ooit deze verzonnen:
[ code verwijderd ]

Waarbij de padding-top gelijk moet zijn aan de height. De text-indent is nodig omdat anders Safari de bovenste pixel van de tekst alsnog laat zien.
werkt
pi_66515745
quote:
Op vrijdag 27 februari 2009 11:40 schreef Roy_T het volgende:

[..]

Dat is een bitch, maar ik heb ooit deze verzonnen:
[ code verwijderd ]

Waarbij de padding-top gelijk moet zijn aan de height. De text-indent is nodig omdat anders Safari de bovenste pixel van de tekst alsnog laat zien.
Safari heeft standaard een kleinere line-height dan de andere browsers. Dat kan ook zorgen dat die bovenste pixel nog verschijnt.
pi_66516448
quote:
Op vrijdag 27 februari 2009 12:43 schreef Light het volgende:

Safari heeft standaard een kleinere line-height dan de andere browsers. Dat kan ook zorgen dat die bovenste pixel nog verschijnt.
Dat is dan een bug die ze snel moeten fixen 23px witruimte zou namelijk geen 22px moeten zijn.
pi_66516627
quote:
Op vrijdag 27 februari 2009 13:03 schreef Roy_T het volgende:

[..]

Dat is dan een bug die ze snel moeten fixen 23px witruimte zou namelijk geen 22px moeten zijn.
Als je gewoon een line-height instelt, is er niets aan de hand.
pi_66519136
quote:
Op vrijdag 27 februari 2009 13:09 schreef Light het volgende:

Als je gewoon een line-height instelt, is er niets aan de hand.
Dat maakt het niet minder een bug toch?
pi_66520145
Is het ook mogelijk om een achtergrond op 100% width en height te zetten?
Just say hi!
pi_66520386
quote:
Op vrijdag 27 februari 2009 14:19 schreef Roy_T het volgende:

[..]

Dat maakt het niet minder een bug toch?
Het is geen bug. Er staat nergens gedefinieerd of een tekst van 10 pixels een line-height van 12, 13, 14, 15 of 20 pixels moet hebben. En normaal gesproken maakt het ook niets uit. Maar als je uitgaat van een bepaalde line-height dan moet je die wel ergens instellen. En als je een vlak een hoogte geeft met als doel een deel van de inhoud erbuiten te laten vallen, dan gebruik je (impliciet) die line-height.
pi_66520897
quote:
Op vrijdag 27 februari 2009 14:48 schreef Light het volgende:

[..]

Het is geen bug. Er staat nergens gedefinieerd of een tekst van 10 pixels een line-height van 12, 13, 14, 15 of 20 pixels moet hebben. En normaal gesproken maakt het ook niets uit. Maar als je uitgaat van een bepaalde line-height dan moet je die wel ergens instellen. En als je een vlak een hoogte geeft met als doel een deel van de inhoud erbuiten te laten vallen, dan gebruik je (impliciet) die line-height.
Als je een padding-top gebruikt, dan mag je wmb verwachten dat er binnen die hoogte geen tekst staat. Ik zie niet wat line-height hiermee van doen zou moeten hebben
pi_66665721
www.jeroencoelen.nl
Hij is eindelijk af. Op en aanmerkingen?
pi_66666196
quote:
Op dinsdag 3 maart 2009 20:23 schreef Flaccid het volgende:
www.jeroencoelen.nl
Hij is eindelijk af. Op en aanmerkingen?
Jammer dat de hele site niet werkt zonder Javascript. Naar mijn mening moet Javascript gebruikt worden om de user experience te verhogen, door bijvoorbeeld extra functionaliteit toe te voegen of extra effecten. Maar functionaliteit moet m.i. nooit púúr op Javascript gebouwd worden.

Verder inline Javascript-code, kun je toch veel makkelijker/mooier binden in een los Javascript-bestand? Zelfde geldt voor je CSS, waarom heb je deze allemaal in je HTML staan...?
Bleuh.
pi_66666493
quote:
Op dinsdag 3 maart 2009 20:32 schreef PimD het volgende:

[..]

Jammer dat de hele site niet werkt zonder Javascript. Naar mijn mening moet Javascript gebruikt worden om de user experience te verhogen, door bijvoorbeeld extra functionaliteit toe te voegen of extra effecten. Maar functionaliteit moet m.i. nooit púúr op Javascript gebouwd worden.
Ik denk dat misschien 1 op de 100 of nog minder een browser gebruikt die geen javascript ondersteunt. Waarom nu nog lastig doen? Het werkt toch prima?
quote:
Verder inline Javascript-code, kun je toch veel makkelijker/mooier binden in een los Javascript-bestand? Zelfde geldt voor je CSS, waarom heb je deze allemaal in je HTML staan...?
Ja dat heb iuk toevallig al gedaan. Moest het nog even uploaden.
pi_66667885
quote:
Op dinsdag 3 maart 2009 20:37 schreef Flaccid het volgende:

[..]

Ik denk dat misschien 1 op de 100 of nog minder een browser gebruikt die geen javascript ondersteunt. Waarom nu nog lastig doen? Het werkt toch prima?
[..]

Ja dat heb iuk toevallig al gedaan. Moest het nog even uploaden.
Wat je nu hebt gemaakt kan op de precies dezelfde manier werken maar op zo'n manier dat het ook bij niet javascript users werkt. Op mijn mobiel zou ik nu onmogelijk je portfolio kunnen bekijken daar javascript altijd maar half werkt op die mobiele browsers.

Verder is je code verre van W3C valid wat voor een webdesign/develop bedrijf toch wel een must is.
0023
pi_66667976
verder vind ik je visitekaartje niet echt professioneel een 06 nummertje met spaties tussen elke 2 nummers en het email adres is ook erg slordig zo.
0023
pi_66672394
quote:
Op dinsdag 3 maart 2009 21:09 schreef ikJur het volgende:

[..]

Wat je nu hebt gemaakt kan op de precies dezelfde manier werken maar op zo'n manier dat het ook bij niet javascript users werkt. Op mijn mobiel zou ik nu onmogelijk je portfolio kunnen bekijken daar javascript altijd maar half werkt op die mobiele browsers.
Ook zonder javascript lukt dat niet, een mobiele browser zal meestal geen hoge resolutie hebben. En centreren wordt volledig gedaan door negatieve margins. Geen scrollbalken, en bij een klein venster mis je een deel van de content.
quote:
Verder is je code verre van W3C valid wat voor een webdesign/develop bedrijf toch wel een must is.
Ontbrekende alt-tags vind ik niet zo'n heel groot probleem, hoewel het voor de toegankelijkheid wel netter is als ze er staan. Een & niet als entiteit schrijven is slordig. Ik vind de css-fouten storender, eerlijk gezegd.
pi_66673038
quote:
Op dinsdag 3 maart 2009 22:51 schreef Light het volgende:

Ook zonder javascript lukt dat niet, een mobiele browser zal meestal geen hoge resolutie hebben. En centreren wordt volledig gedaan door negatieve margins. Geen scrollbalken, en bij een klein venster mis je een deel van de content.
Ik ga er van uit dat niemand mij mobiel bereikt.

[/quote]
quote:
Ontbrekende alt-tags vind ik niet zo'n heel groot probleem, hoewel het voor de toegankelijkheid wel netter is als ze er staan. Een & niet als entiteit schrijven is slordig. Ik vind de css-fouten storender, eerlijk gezegd.
Ik ben niet zo professioneel als jij misschien denkt. Ik klus hier en daar wat bij.

Kan je een css fout opnieuw dan die ik maak? Ik wil graag nogsteeds leren.
quote:
Op dinsdag 3 maart 2009 21:12 schreef ikJur het volgende:
verder vind ik je visitekaartje niet echt professioneel een 06 nummertje met spaties tussen elke 2 nummers en het email adres is ook erg slordig zo.
Ik had op mijn vorige website heel erg last van spam. Mij leek dit de beste manier om mijn e-mail adres toch openbaar te maken. Als je gewoon mijn adres daar plat op de site neerpleurt, is de kans op spam erg groot.

[ Bericht 7% gewijzigd door Flaccid op 04-03-2009 00:20:37 ]
pi_66673294
quote:
Op dinsdag 3 maart 2009 22:51 schreef Light het volgende:

[..]

Ook zonder javascript lukt dat niet, een mobiele browser zal meestal geen hoge resolutie hebben. En centreren wordt volledig gedaan door negatieve margins. Geen scrollbalken, en bij een klein venster mis je een deel van de content.
het is meer dat een mobiele browser overschakelt naar de html omdat ie de javascript overslaat. Verder wordt alles gewoon gecropt op dergelijke browsers.

In deze versie van de website zou je niet verder dan homepage komen.
quote:
Ontbrekende alt-tags vind ik niet zo'n heel groot probleem, hoewel het voor de toegankelijkheid wel netter is als ze er staan. Een & niet als entiteit schrijven is slordig. Ik vind de css-fouten storender, eerlijk gezegd.
hmm qua W3C fouten valt het idd nog mee. Maar css fouten storend? in wat voor opzicht want css fouten maak je niet zo snel volgens mij alleen met ie hacks enzo je kan ervoor kiezen om die in een aparte sheet te zetten maar daar heb ik nooit zin in.

[ Bericht 23% gewijzigd door ikJur op 03-03-2009 23:17:24 ]
0023
pi_66673377
quote:
Op dinsdag 3 maart 2009 23:10 schreef ikJur het volgende:

[..]

het is meer dat een mobiele browser overschakelt naar de html omdat ie de javascript overslaat. Verder wordt alles gewoon gecropt op dergelijke browsers.

In deze versie van de website zou je niet verder dan homepage komen.
Dat heb ik allang begrepen, en toen ik er mee begon vond ik dat ook niet erg. Er is niemand die mijn site mobiel bezoekt. Je moet ook aan je publiek denken. Ik ga toch ook geen iPhone versie maken van mijn website?
pi_66673395
quote:
Op dinsdag 3 maart 2009 23:04 schreef Flaccid het volgende:


Ik had op mijn vorige website heel erg last van spam. Mij leek dit de beste manier om mijn e-mail adres toch openbaar te maken. Als je gewoon ik@xxxxxxx.nl daar plat op de site neerpleurt, is de kans op spam erg groot.
ik doelde meer op de manier waarop je het ik@bladibla is niet zo proffesioneel doe dan mail@ of info@ of contact@

niet zo snugger overigens om nu alsnog je mail op deze manier op internet te zetten
0023
pi_66673441
quote:
Op dinsdag 3 maart 2009 23:11 schreef Flaccid het volgende:

[..]

Dat heb ik allang begrepen, en toen ik er mee begon vond ik dat ook niet erg. Er is niemand die mijn site mobiel bezoekt. Je moet ook aan je publiek denken. Ik ga toch ook geen iPhone versie maken van mijn website?
bedenk wel dat google in feite ook een mobiele bezoeker is of eigenlijk gezegd een blinde bezoeker. Op deze manier kan google de links niet volgen en derhalve jouw site niet indexeren. Althans niet alle content

[ Bericht 7% gewijzigd door ikJur op 03-03-2009 23:19:45 ]
0023
pi_66673578
quote:
Op dinsdag 3 maart 2009 23:04 schreef Flaccid het volgende:

[..]

Ik ga er van uit dat niemand mij mobiel bereikt.
Dan nog... ik ben geen fan van verticaal centreren. En horizontaal centreren kan eenvoudig met
1margin: 0 auto;
quote:
Ik ben niet zo professioneel als jij misschien denkt. Ik klus hier en daar wat bij.

Kan je een css fout opnieuw dan die ik maak? Ik wil graag nogsteeds leren.
Je kunt eens op deze pagina kijken. En dan op de linkjes in de fouten klikken (font, cursor, display)
quote:
Ik had op mijn vorige website heel erg last van spam. Mij leek dit de beste manier om mijn e-mail adres toch openbaar te maken. Als je gewoon <hier stond een mailadres> daar plat op de site neerpleurt, is de kans op spam erg groot.
Je kunt dan voor contact ook een contactformuliertje gebruiken. Dan maak je je mailadres niet bekend op de site (of niet als tekst) en kunnen mensen je wel bereiken.

[ Bericht 0% gewijzigd door Light op 04-03-2009 00:30:28 ]
pi_66673877
quote:
Op dinsdag 3 maart 2009 23:17 schreef Light het volgende:


Dan nog... ik ben geen fan van verticaal centreren. En horizontaal centreren kan eenvoudig met
[ code verwijderd ]
Ik vond het mooi om hem vertical te centreren. Een absolute gepositioneerd object centreren (horizontaal) lukt niet met margin:0 auto;
quote:
Je kunt eens op deze pagina kijken. En dan op de linkjes in de fouten klikken (font, cursor, display)
[..]
Dit zijn dan misschien een soort hacks? Die font heb ik er inmiddels uitgehaald. Die cursor heb ik nodig in IE, omdat ik het anders minder mooi vind, en niet duidelijk is dat het klikbaar is. Verder moet ik dat op die gekke manier doen, inline-block. Als ik niks doe, gaat het mis, inline en block gaan ook mis. Welke display zoek ik hier? En dan zie ik dit: http://www.webmasterworld.com/forum83/4640.htm - Het is wel 4 jaar oud, maar dan nog. Het werkt ook in FireFox. Is W3C verder ook niet een richtlijn ipv een must?
quote:
Je kunt dan voor contact ook een contactformuliertje gebruiken. Dan maak je je mailadres niet bekend op de site (of niet als tekst) en kunnen mensen je wel bereiken.
Dat ga ik doen. reCaptcha erbij zetten?
pi_66674139
cursor: pointer; will do the same job. en voor dat formulier zou ik wel captcha gebruiken ja.
0023
pi_66674245
quote:
Op dinsdag 3 maart 2009 23:31 schreef ikJur het volgende:
cursor: pointer; will do the same job. en voor dat formulier zou ik wel captcha gebruiken ja.
En kijk nu eens

http://jigsaw.w3.org/css-validator/validator?uri=www.jeroencoelen.nl&profile=css21&usermedium=all&warning=1&lang=en

en

http://validator.w3.org/check?uri=http%3A%2F%2Fjeroencoelen.nl%2Findex.html&charset=(detect+automatically)&doctype=Inline&group=0

Valid CSS en HTML.

Het viel wel mee toch?

BTW ik heb websolutions maar weggehaald. Beetje groot woord voor de kleine diensten die ik lever.
pi_66674391
quote:
Op dinsdag 3 maart 2009 23:33 schreef Flaccid het volgende:

[..]

En kijk nu eens

http://jigsaw.w3.org/css-validator/validator?uri=www.jeroencoelen.nl&profile=css21&usermedium=all&warning=1&lang=en

en

http://validator.w3.org/check?uri=http%3A%2F%2Fjeroencoelen.nl%2Findex.html&charset=(detect+automatically)&doctype=Inline&group=0

Valid CSS en HTML.

Het viel wel mee toch?

BTW ik heb websolutions maar weggehaald. Beetje groot woord voor de kleine diensten die ik lever.
nice, nu die 2 warnings nog
Overigens gaat mijn punt over dat google je site nu amper indexeerd nog steeds op.
0023
pi_66674467
je moet voor de grap je css eens uitzetten dan kan je zien wat google indexeert.
ik zie nu dat het nog wel meevalt maar voor grotere sites zou het wel problematisch zijn
0023
pi_66674566
quote:
Op dinsdag 3 maart 2009 23:39 schreef ikJur het volgende:
je moet voor de grap je css eens uitzetten dan kan je zien wat google indexeert.
ik zie nu dat het nog wel meevalt maar voor grotere sites zou het wel problematisch zijn
Edit rules. Het valt heel erg mee. Alleen mn contact dingetje, maar dat is een plaatje. Maar het is nu al beter dan eerst?
pi_66674883
quote:
Op dinsdag 3 maart 2009 23:24 schreef Flaccid het volgende:

[..]

Ik vond het mooi om hem vertical te centreren. Een absolute gepositioneerd object centreren (horizontaal) lukt niet met margin:0 auto;
Correct, ik positioneer dan ook bij voorkeur niet absoluut. Als ik iets verticaal moet centreren (omdat dat in het aangeleverde ontwerp zo staat en de klant niet op andere gedachten te brengen is) dan doe ik dat bij voorkeur met een extra div.
1
2
3
4
5
6
7
...
<body>
<div id="vcenter"></div>
<div id="container">
   --- site content ---
</div>
</body>


1
2
3
4
5
6
7
8
9
10
11
12
13
html, body {
    height: 100%;
}
#vcenter {
    height: 50%;
    margin-bottom: -123px;
}
#container {
    margin: 0 auto;
    height: 246px;
    width: 1000px;
    position: relative; /* Als je dan iets absoluut wilt/moet positioneren, kan dat netjes binnen de container */
}

Zoiets.
quote:
Dit zijn dan misschien een soort hacks? Die font heb ik er inmiddels uitgehaald. Die cursor heb ik nodig in IE, omdat ik het anders minder mooi vind, en niet duidelijk is dat het klikbaar is. Verder moet ik dat op die gekke manier doen, inline-block. Als ik niks doe, gaat het mis, inline en block gaan ook mis. Welke display zoek ik hier? En dan zie ik dit: http://www.webmasterworld.com/forum83/4640.htm - Het is wel 4 jaar oud, maar dan nog. Het werkt ook in FireFox. Is W3C verder ook niet een richtlijn ipv een must?
Ik zou om te beginnen al geen <span> in een <a> zetten. Dan heb je ook meteen die onmouseover niet meer nodig, je kunt een style maken voor a:hover (en dat werkt dan ook in alle browsers, inclusief IE6).
quote:
Dat ga ik doen. reCaptcha erbij zetten?
Lijkt me slim.
pi_66675032
quote:
Op dinsdag 3 maart 2009 23:50 schreef Light het volgende:

[..]

Correct, ik positioneer dan ook bij voorkeur niet absoluut. Als ik iets verticaal moet centreren (omdat dat in het aangeleverde ontwerp zo staat en de klant niet op andere gedachten te brengen is) dan doe ik dat bij voorkeur met een extra div.
[ code verwijderd ]


[ code verwijderd ]

Zoiets.
Maar dit is puur smaak neem ik aan? Ik vond dit het mooist, omdat ik geen poespas om mijn website wilde.
quote:
Ik zou om te beginnen al geen <span> in een <a> zetten. Dan heb je ook meteen die onmouseover niet meer nodig, je kunt een style maken voor a:hover (en dat werkt dan ook in alle browsers, inclusief IE6).
Dat stuk is inderdaad best warrig. Op deze manier begrijp ik wel wat er staat. Ik weet niet of ik dit doe (eigenwijs, sorry)
quote:
[..recaptcha..]
Lijkt me slim.
Ik zie nu dat reCaptcha iets nieuws heeft: Mailhide. Dan moet je een captcha vraag beantwoorden en dan krijg je het e-mail adres.
Contactformulier maken of de Mailhide?
pi_66675089
quote:
Op dinsdag 3 maart 2009 23:12 schreef ikJur het volgende:

[..]

ik doelde meer op de manier waarop je het ik@bladibla is niet zo proffesioneel doe dan mail@ of info@ of contact@
Ik vind info minder persoonlijk staan. Ik wil niet zo professioneel overkomen als een echt bedrijf, want ze hebben gewoon te maken met een scholier.
quote:
niet zo snugger overigens om nu alsnog je mail op deze manier op internet te zetten
Je bedoelt in een plaatje omdat bots dat kunnen lezen?
pi_66675699
quote:
Op dinsdag 3 maart 2009 23:56 schreef Flaccid het volgende:

[..]

Ik vind info minder persoonlijk staan. Ik wil niet zo professioneel overkomen als een echt bedrijf, want ze hebben gewoon te maken met een scholier.
ok dat is een keuze die ik wel begrijp.
quote:
[..]

Je bedoelt in een plaatje omdat bots dat kunnen lezen?
nee je zet net je adres gewoon op fok
0023
pi_66675805
quote:
Op dinsdag 3 maart 2009 23:54 schreef Flaccid het volgende:

Ik zie nu dat reCaptcha iets nieuws heeft: Mailhide. Dan moet je een captcha vraag beantwoorden en dan krijg je het e-mail adres.
Contactformulier maken of de Mailhide?
Dat moet je zelf weten.
pi_66675921
quote:
Op woensdag 4 maart 2009 00:16 schreef Light het volgende:

[..]

Dat moet je zelf weten.
Zou je mijn adres uit jouw quote ff kunnen verwijderen
quote:
Op woensdag 4 maart 2009 00:13 schreef ikJur het volgende:

[..]

ok dat is een keuze die ik wel begrijp.
[..]

nee je zet net je adres gewoon op fok
Fail
pi_66676166
quote:
Op woensdag 4 maart 2009 00:21 schreef Flaccid het volgende:

[..]

Zou je mijn adres uit jouw quote ff kunnen verwijderen
Zo ongeveer?
pi_66676684
quote:
Op woensdag 4 maart 2009 00:30 schreef Light het volgende:

[..]

Zo ongeveer?
Bedankt
pi_66681751
Hoe kan ik aan de inhoud van een iframe, de src dus, een ander style sheet vastmaken? Ik heb geen toegang tot deze file.
pi_66681947
quote:
Op woensdag 4 maart 2009 10:28 schreef Flaccid het volgende:
Hoe kan ik aan de inhoud van een iframe, de src dus, een ander style sheet vastmaken? Ik heb geen toegang tot deze file.
waarom heb je geen toegang tot de file?

1
2
iframe { Dit is gerelateerd aan de iframe hier kan alle css in die het iframe aanpast 
limit is dat alle iframe bestanden er zo gaan uitzien.  }
Redacted
pi_66682031
Dus de iframe een class meegeven! Want dat kan wel, toch? Denk ik? Ik snap de toegang niet zo, maar dat gok ik. Verwacht ik. Neem ik aan.
pi_66682170
quote:
Op woensdag 4 maart 2009 10:37 schreef veldmuis het volgende:
Dus de iframe een class meegeven! Want dat kan wel, toch? Denk ik? Ik snap de toegang niet zo, maar dat gok ik. Verwacht ik. Neem ik aan.
op deze manier hoeft het nog niet eens met class :P

maarja je kan zoals veldmuis zegt ook
1
2
3
4
<iframe blablablabl class = "Iframepje" ></iframe>

css file:
iframepje { css }
Redacted
pi_66682208
quote:
Op woensdag 4 maart 2009 10:42 schreef cablegunmaster het volgende:

[..]

op deze manier hoeft het nog niet eens met class
Snap ik maar omdat je zei van ja dan gaan alle iframe lollers er zo uitzien snapte witteni?
pi_66682269
Mijn iframe had al een id. Het enige is, het gaat om een tabel die zijn kleur krijgt dmv:
1<td BGCOLOR="DCDCDC" NOWRAP style="border: Solid 1px Black; font-family: arial; padding: 2px; width: 100%;">

Heel lelijk om naar te kijken, maar ik weet niet hoe ik dit kan aanpakken.
pi_66682328
quote:
Op woensdag 4 maart 2009 10:28 schreef Flaccid het volgende:
Hoe kan ik aan de inhoud van een iframe, de src dus, een ander style sheet vastmaken? Ik heb geen toegang tot deze file.
Mits de inhoud van het iframe op hetzelfde domein draait als de parent, kun je gewoon in de HTML rommelen met JS (en een stylesheet toevoegen aan de header).

edit: Inline styles worden daarmee niet overschreven, die zul je dan ook met JS moeten verwijderen.
pi_66682375
Een !important in de css overruled de inline dingetjes wel toch? .
pi_66682386
quote:
Op woensdag 4 maart 2009 10:45 schreef Flaccid het volgende:
Mijn iframe had al een id. Het enige is, het gaat om een tabel die zijn kleur krijgt dmv:
[ code verwijderd ]

Heel lelijk om naar te kijken, maar ik weet niet hoe ik dit kan aanpakken.
wat moet het worden?

wit?


duidelijkheid svp. ik kan niet raden wat jij wil.
Redacted
pi_66682400
quote:
Op woensdag 4 maart 2009 10:47 schreef Roy_T het volgende:

[..]

Mits de inhoud van het iframe op hetzelfde domein draait als de parent, kun je gewoon in de HTML rommelen met JS (en een stylesheet toevoegen aan de header).

edit: Inline styles worden daarmee niet overschreven, die zul je dan ook met JS moeten verwijderen.
En waar zou ik dan op moeten zoeken?
pi_66682454
quote:
Op woensdag 4 maart 2009 10:49 schreef cablegunmaster het volgende:

[..]

wat moet het worden?

wit?
Ik wil een bg instellen met een simpele gradient. Het gaat om dit ding btw:
http://www.sintjoris.sghetplein.nl/Roosters/docent/menu.htm
Ik wilde er eerst een dropdown menu van maken, maar dat is nogal veel werk.
Het moet dus gewoon iets fancy'er worden.
pi_66682849
background: url(http://www.waar je plaatjestaat.nl/plaatje.png) no-repeat left top;

en dit dan aan de table meegeven en het plaatje gradient maken
zo zou ik het hebben opgelost
Redacted
pi_66682920
quote:
Op woensdag 4 maart 2009 11:02 schreef cablegunmaster het volgende:
background: url(http://www.waar je plaatjestaat.nl/plaatje.png) no-repeat left top;

en dit dan aan de table meegeven en het plaatje gradient maken
zo zou ik het hebben opgelost
Hoe wil ik dat aan de table meegeven als ik geen toegang heb tot die tabel?

Ik heb het dingetje maar even gedownload, en op mijn eigen host gezet. Is toch maar 10 kb oid.

[ Bericht 6% gewijzigd door Flaccid op 04-03-2009 11:47:53 ]
pi_66729739
weet iemand hoe ik de startpositie van de browser kan veranderen. ik wil namelijk dat de scrollbar helemaal rechts is op een pagina van 17000 pixels breed vraag me niet waarom maar t moet ff
0023
pi_66729901
JavaScript
pi_66729927
quote:
Op donderdag 5 maart 2009 15:29 schreef Roy_T het volgende:
JavaScript
zeg maar hoe :p
0023
pi_66730404
hmm iets met window.scrollTo(0, 17000) hoe hang ik dat aan een onload?
0023
pi_66731897
1<body onload="window.scrollTo(17000, 0);">

deed t em :)
0023
pi_66733986
quote:
Op donderdag 5 maart 2009 16:16 schreef ikJur het volgende:

[ code verwijderd ]

deed t em
En dan toch vraag ik waaaarom?
pi_66734540
quote:
Op donderdag 5 maart 2009 17:10 schreef Flaccid het volgende:

[..]

En dan toch vraag ik waaaarom?
opdracht voor school ik zal het resultaat wel posten als het klaar is.
0023
pi_66794831
Ik heb even een probleempje.. Ik probeer een achtergrond, een rand gras (dit is een herhaalbaar patroon), onderaan het scherm te positioneren. Daarvoor heb ik het volgende in mijn css staan:
1
2
3
4
5
6
7
body {
   [...]
   background-image: url("../images/mains/grass_background.png");
   background-position: bottom;
   background-attachment: fixed;
   background-repeat: repeat-x;
}

Dit werkt prima in FireFox en consorten en ziet er prima uit. Ook in IE7 ziet het er in eerste instantie prima uit, maar na een fractie van een seconde laat IE7 een steek vallen en rekt de achtergrond uit over de gehele hoogte van de pagina. De afbeelding is 223px hoog. Iemand een ideetje?
Het positioneren van een div onderaan de pagina met hierin de achtergrond heb ik ook geprobeerd, maar ook dit is geen succes in IE7.

Edit: Hij wordt ook in de breedte opgerekt zie ik, maar in een flits zie je wel dat 'ie in eerste instantie goed is..

[ Bericht 3% gewijzigd door Intrepidity op 07-03-2009 12:30:14 ]
pi_66850256
Nevermind, het bleek door supersleight te komen.. Na een conditional comment om IE 7 en hoger uit te sluiten was het opgelost
pi_66850751
Gebruik DD_belatedPNG zou ik zeggen

Dan kun je ook background-repeat, etc gebruiken voor PNG's in IE6. Dat kan met supersleight toch niet?
pi_66850889
quote:
Op maandag 9 maart 2009 09:22 schreef Roy_T het volgende:
Gebruik DD_belatedPNG zou ik zeggen

Dan kun je ook background-repeat, etc gebruiken voor PNG's in IE6. Dat kan met supersleight toch niet?
Thanks! Even bookmarken
pi_66851753
quote:
Op maandag 9 maart 2009 09:22 schreef Roy_T het volgende:
Gebruik DD_belatedPNG zou ik zeggen

Dan kun je ook background-repeat, etc gebruiken voor PNG's in IE6. Dat kan met supersleight toch niet?
Hmm, dat klopt, hoewel ik het niet zo erg vond, aangezien we ondersteuning voor 'perfectie' in IE6 hebben laten vallen Alle visuele elementen die niet goed werken en niet 1,2,3 aan de praat te krijgen zijn zijn jammer dan en vliegen de laan uit, zolang de informatie maar beschikbaar is.. Maar toch maar even kijken naar die link Thnx.
pi_66851972
Ja, ik ben het helemaal met je eens mbt "pixel perfect" ondersteuning in IE6. Mijn klanten denken er helaas niet allemaal hetzelfde over
  dinsdag 10 maart 2009 @ 21:47:09 #269
30927 metallicattim
-=Hypocrisy=-
pi_66913922
Hallo,

Aangezien mijn andere site hier behoorlijk als "fout" bestempeld werd, wil ik die fout niet weer maken, dus ik heb me een beetje verdiept in de stof en heb een andere site die ik moet maken hopelijk beter opgemaakt.

volgens http://validator.w3.org/ issie valid, maar ik had graag jullie mening

Het gaat om www.E30SummerMeet.nl en www.E30SummerMeet.nl/style.css

Is het bijvoorbeeld wel verstandig om PNG afbeeldingen te gebruiken? Ik heb dat gedaan, omdat bij gif de kwaliteit sterk achteruit gaat ( i.v.m. transparantie )

Ik zou elke input zeer waarderen!
Thx!
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66914265
Stuk beter metallicattim!

Op basis van wat ik nu snel gezien heb:

Het is nu tijd om wat meer op semantiek te letten. Je lijst met menu items bijvoorbeeld, is een lijst en geen paragraaf. Het zou dus logischer zijn om hier een <ul> voor te gebruiken.

Zorg daarnaast dat de namen van de CSS classes en ID's beschrijvend zijn. Vermijd zaken als "red" en "rechts". Je regelt de lay-out nu met CSS, maar je krijg een vreemde situatie als je de tekst liever links en groen wilt hebben: je class "redrechts" dekt dan de lading niet meer. Maak het beschrijvend, zoals "introtekst", etc etc (wat het is dus, en niet hoe het eruit ziet).

PNG's kun je prima gebruiken, zolang je beseft dat de transparantie in PNG's niet werkt in IE6 (wél in IE7 en 8). Je kunt daar kunstgrepen voor uithalen, of denken "fuck IE6" Het voordeel van PNG's is dat ze het fenomeen "semi-transparant" kennen, waar in een GIF een pixel helemaal transparant is, of helemaal niet.

PS: Haal die <center> eens snel weg, dat kan ook in de CSS
pi_66914691
Weet iemand of het mogelijk is om in een textarea een vaste achtergrond te zetten? zodat deze niet verspringt als je entert?
Just say hi!
pi_66915210
quote:
Op dinsdag 10 maart 2009 22:01 schreef Chandler het volgende:
Weet iemand of het mogelijk is om in een textarea een vaste achtergrond te zetten? zodat deze niet verspringt als je entert?
waarom wil je dat nou weer ?
Redacted
pi_66915754
om een afbeelding als achtergrond te gebruiken voor een textarea? vraag van een klantje, en het wil wel maar niet in alle browsers (IE7 bv)
Just say hi!
  dinsdag 10 maart 2009 @ 22:31:09 #274
30927 metallicattim
-=Hypocrisy=-
pi_66916088
quote:
Op dinsdag 10 maart 2009 21:53 schreef Roy_T het volgende:
Stuk beter metallicattim!

Op basis van wat ik nu snel gezien heb:

Het is nu tijd om wat meer op semantiek te letten. Je lijst met menu items bijvoorbeeld, is een lijst en geen paragraaf. Het zou dus logischer zijn om hier een <ul> voor te gebruiken.

Zorg daarnaast dat de namen van de CSS classes en ID's beschrijvend zijn. Vermijd zaken als "red" en "rechts". Je regelt de lay-out nu met CSS, maar je krijg een vreemde situatie als je de tekst liever links en groen wilt hebben: je class "redrechts" dekt dan de lading niet meer. Maak het beschrijvend, zoals "introtekst", etc etc (wat het is dus, en niet hoe het eruit ziet).

PNG's kun je prima gebruiken, zolang je beseft dat de transparantie in PNG's niet werkt in IE6 (wél in IE7 en 8). Je kunt daar kunstgrepen voor uithalen, of denken "fuck IE6" Het voordeel van PNG's is dat ze het fenomeen "semi-transparant" kennen, waar in een GIF een pixel helemaal transparant is, of helemaal niet.

PS: Haal die <center> eens snel weg, dat kan ook in de CSS
Thx, met deze opbouwende kritiek kan ik wel wat!! Ik ga ermee aan de slag

Ik had idd al een browsercheck gedaan en zag dat de site in IE6 en lager sowieso niet fatsoenlijk wordt weergegeven... op het moment heb ik idd het "fuck IE6" gevoel haha. Komt misschien nog wel, het is geen miljoenenpubliek wat er komt, het gaat op die sowieso meer om de info, dan om het design, maar wil het toch een beetje netjes uit laten zien.
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66918150
quote:
Op dinsdag 10 maart 2009 22:24 schreef Chandler het volgende:
om een afbeelding als achtergrond te gebruiken voor een textarea? vraag van een klantje, en het wil wel maar niet in alle browsers (IE7 bv)
Nee, dat kan niet. Wat je wél kunt doen is een div die achtergrond geven, met daarbinnen een textarea met dezelfde afmetingen als die div en background: transparent.
pi_66937813
ik zit nu op werk, dus kan niet al te veel aan de site doen, maar nu valt me bv. in dat ik nog een menu-item wil toevoegen, dat moet ik nu dus op elke pagina erbij gaan plakken.

Is er geen mogelijkheid om een menu te maken en deze "op te vragen" op elke pagina, zodat je het menu maar op 1 plek hoeft aan te passen en dat op elke pagina doorgevoerd word ( Dat was toch de kracht van CSS? ) maar dit kan niet via een div in style.css of toch?
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66937996
quote:
Op woensdag 11 maart 2009 15:41 schreef metallicattim het volgende:
ik zit nu op werk, dus kan niet al te veel aan de site doen, maar nu valt me bv. in dat ik nog een menu-item wil toevoegen, dat moet ik nu dus op elke pagina erbij gaan plakken.

Is er geen mogelijkheid om een menu te maken en deze "op te vragen" op elke pagina, zodat je het menu maar op 1 plek hoeft aan te passen en dat op elke pagina doorgevoerd word ( Dat was toch de kracht van CSS? ) maar dit kan niet via een div in style.css of toch?
PHP

pagina maken met menu of de div stukjes alleen

bvb Menu.php
1<div>wat er ook in mag staan</div

1
2
3
<?php
 
include 'menu.php' 
?>

Werkt prima online (offline werkt het met Xampp en localhost wel even kijken in welke div hij moet staan dat menu

je kan de include zien als een verlenging van de pagina waarop je hem zet . soort tussengeplakt briefje

zelfde manier kan er ook een footer gemaakt worden

Natuurlijk moeten je bestanden .php gaan heten ipv .html maar de meeste servers maakt dat geen bal uit

[ Bericht 5% gewijzigd door cablegunmaster op 11-03-2009 16:42:04 ]
Redacted
pi_66938361
Of een willekeurig andere server-side taal ipv PHP, of client-side met JavaScript (maar dat zou ik niet aan willen raden)
pi_66944535
thx!! De opmaak van die menu.php mag dus ook gewoon html code zijn?

En het menu word geplaatst, daar waar ik de include oproep?

Ik ga er eens mee stoeien, bedankt voor de hulp!
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66944622
in menu.php mag je kloten wat je wil met html

als de pagina waar je het in include ook .php heet
Redacted
pi_66955997
Sterker nog, je mag 'm ook gewoon menu.html noemen en die includen in je iets.php
pi_66956876
quote:
Op donderdag 12 maart 2009 00:10 schreef Roy_T het volgende:
Sterker nog, je mag 'm ook gewoon menu.html noemen en die includen in je iets.php
Zolang elk bestand waar het menu in voorkomt maar php heet snapt de php code je werking
Redacted
pi_66959689
kan ik mijn huidige index.html etc. dan gewoon veranderen in index.php? Of moet ik de doctype en meta tags aanpassen?

Met deze vraag ben ik effe lui, want ik kan het ook opzoeken weet ik Maar ik moet nu naar werk, misschien dat iemand het effe voor me kan voorkauwen
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66959729
Je kan het gewoon aanpassen in .php.
pi_66962032
quote:
Op donderdag 12 maart 2009 00:53 schreef cablegunmaster het volgende:

[..]

Zolang elk bestand waar het menu in voorkomt maar php heet snapt de php code je werking
Hoeft niet eens, zolang er in de httpd.conf van apache maar staat aangegeven dat het betreffende bestandsformaat geparsed wordt door php is er niks aan de hand..
met .php zit je wel altijd safe.
pi_66976195
iemand een idee waarom in IE mijn footer div zo'n resultaat geeft:


en in FF en Chrome zo'n resultaat geeft:


En wat ik er aan zou kunnen doen om het goed te krijgen ? ;-)

1
2
3
4
5
6
7
#footer{
   height: 20px;
   left: 260px;
   background: #CCC;
   position: absolute;
   bottom: 20px;
   padding-top: 20px;
pi_66977119
Iets zegt mij dat we HTML en meer CSS moeten zien
pi_66987004
quote:
Op donderdag 12 maart 2009 09:07 schreef Roy_T het volgende:
Je kan het gewoon aanpassen in .php.
SUPER!!

Heb het zojuist aangepast en werkt idd perfect!! Ik ga de header en footer ook meteen via een include oproepen, alleen de inhoud is dan statisch.

Thx voor de hulp
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
  zondag 15 maart 2009 @ 00:32:24 #289
245726 BanaBox
U never know whats inside.
pi_67057627
quote:
Op donderdag 12 maart 2009 17:19 schreef klusmeister het volgende:
iemand een idee waarom in IE mijn footer div zo'n resultaat geeft:
[ afbeelding ]

en in FF en Chrome zo'n resultaat geeft:
[ afbeelding ]

En wat ik er aan zou kunnen doen om het goed te krijgen ? ;-)
[ code verwijderd ]


wat staat er in de html? en wat is de css voor tekst?
pi_67151135
http://code.google.com/p/ie7-js/

toevoegen aan OP! svp Dat maakt het dat IE zich ook degelijk gedraagt ^^ als Firefox.
Redacted
  dinsdag 17 maart 2009 @ 23:18:38 #291
230788 n8n
Pragmatisch
pi_67155066
quote:
Op donderdag 12 maart 2009 17:19 schreef klusmeister het volgende:
iemand een idee waarom in IE mijn footer div zo'n resultaat geeft:
[ afbeelding ]

en in FF en Chrome zo'n resultaat geeft:
[ afbeelding ]

En wat ik er aan zou kunnen doen om het goed te krijgen ? ;-)
[ code verwijderd ]
Probeer eens wat te varieren met { line-height: ##px } op het element waar de tekst in staat.
Specialization is for insects”.—Robert Heinlein
pi_67157293
quote:
Op dinsdag 17 maart 2009 21:37 schreef cablegunmaster het volgende:
http://code.google.com/p/ie7-js/

toevoegen aan OP! svp Dat maakt het dat IE zich ook degelijk gedraagt ^^ als Firefox.
Als dat in OP komt, dan heb ik nog wel een stuk of 10 libraries die erin kunnen. Je kunt je ook afvragen waarom je zo'n library nodig hebt. Je bent best wel een prutser als je een site in IE7 niet hetzelfde krijgt als in Firefox, zonder hier meer dan 5 minuten extra aan te besteden. Het is imo plain evil om dat met JS op te gaan lossen.

[ Bericht 3% gewijzigd door Roy_T op 18-03-2009 00:47:05 ]
pi_67161543
quote:
Op woensdag 18 maart 2009 00:37 schreef Roy_T het volgende:

[..]

Als dat in OP komt, dan heb ik nog wel een stuk of 10 libraries die erin kunnen. Je kunt je ook afvragen waarom je zo'n library nodig hebt. Je bent best wel een prutser als je een site in IE7 niet hetzelfde krijgt als in Firefox, zonder hier meer dan 5 minuten extra aan te besteden. Het is imo plain evil om dat met JS op te gaan lossen.
Wel eenvoudig.

Heb je voorbeelden?
pi_67161627
quote:
Op woensdag 18 maart 2009 10:01 schreef Flaccid het volgende:

Wel eenvoudig.

Heb je voorbeelden?
Voorbeelden van wat?
pi_67162982
quote:
Op woensdag 18 maart 2009 10:04 schreef Roy_T het volgende:

[..]

Voorbeelden van wat?
Had het eigenlijk tegen degene die propageerde dat het in de OP moest. Maar heb al wat gevonden.
pi_67240534
Is het mogelijk om een plaatje in een li te plaatsen, zonder dat die li de bovenliggende li omhoog duwt?
pi_67241064
quote:
Op vrijdag 20 maart 2009 15:11 schreef Nashje het volgende:
Is het mogelijk om een plaatje in een li te plaatsen, zonder dat die li de bovenliggende li omhoog duwt?
Je zult echt eerst uit moeten leggen hoe een li iets "omhoog duwt"
pi_67244067
Hmm nee, heb voor een andere manier gekozen . Sorry.

Kun je trouwens embedded swfjes clickable maken met een a href?
pi_67245678
Nee, maar je zou een link over de swf kunnen leggen, ter grootte van de swf.
pi_67353233
Dat zou ook een oplossing zijn geweest idd, niet eens aan gedacht.

Ben weer aanbeland bij een nieuw raadsel. Zal vast mogelijk zijn, maar weet niet hoe... Een zoeksysteem binnen je site, die niet gaat zoeken in tables oid, nee, stuk tekst waarop je hebt gezocht wordt geselecteerd op de site. Dus zonder PHP ofzo.
pi_67353524
Off-topic hier, maar dat zou met JS kunnen. Vraag me wel af waarom, want dat gaat fucking zwaar zijn (client op de achtergrond alle pagina's binnen laten trekken en kijken of je zoekstring erin voorkomt).
  donderdag 26 maart 2009 @ 11:01:42 #302
74548 Jo0Lz
Lick the box!
pi_67422687
Yes we can! | I didn't fail, it's just postponed success.
abonnement bol.com Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')