[html, css, js] voor dummies #18

dinsdag 20 september 2011 @ 10:58:26 #1

wobbel

Da WoBBeL King

[html, css, js] Voor Dummies

Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript _{(niet te verwarren met programmeertaal Java)} is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic

Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (

), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.

[ Bericht 95% gewijzigd door Bart op 08-11-2011 14:31:11 ]

Hosted VoIP SIP trunks Vast mobiel VoIP

dinsdag 20 september 2011 @ 10:58:39 #2

wobbel

Da WoBBeL King

En mijn vraag is:

pi_102173146
Ik heb een tabel met producten, en een tabel met verkocht.

Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-

Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011

Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?

Dus ongeveer dit:

Product A | 3x
Product B | 2x
Product C | 1x

Hoe doe ik dit ook alweer met SQL?

Hosted VoIP SIP trunks Vast mobiel VoIP

dinsdag 20 september 2011 @ 10:59:06 #3

GI

Nee ik heet geen JOE

Ik zou het niet in een html/css/js topic vragen om mee te beginnen.

dinsdag 20 september 2011 @ 11:02:54 #4

ursel

"Het Is Hier Fantastisch!

quote:
Op dinsdag 20 september 2011 10:59 schreef GI het volgende:
Ik zou het niet in een html/css/js topic vragen om mee te beginnen.

idd.

Hier zou ik het proberen

dinsdag 20 september 2011 @ 11:06:19 #5

boem-dikkie

Jedi Mind Baby!

quote:
Op dinsdag 20 september 2011 10:58 schreef wobbel het volgende:
En mijn vraag is:

pi_102173146
Ik heb een tabel met producten, en een tabel met verkocht.

Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-

Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011

Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?

Dus ongeveer dit:

Product A | 3x
Product B | 2x
Product C | 1x

Hoe doe ik dit ook alweer met SQL?

Gewoon laten zien hoe vaak je in verkocht elk ID tegenkomt en dit met een JOIN koppelen aan de naam van je product.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

dinsdag 20 september 2011 @ 11:14:05 #6

wobbel

Da WoBBeL King

quote:
Op dinsdag 20 september 2011 10:59 schreef GI het volgende:
Ik zou het niet in een html/css/js topic vragen om mee te beginnen.

Gvd weer verkeerde topic

Dit is echt de 6e keer al ofzo

Hosted VoIP SIP trunks Vast mobiel VoIP

dinsdag 4 oktober 2011 @ 14:38:32 #7

MrNiles

css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>

maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar

komt door de class?

EDIT...DIV is natuurlijkt SPAN
ziet er beter uit

is hier een mooiere oplossing voor? ik wil de letters random een kleur geven

[ Bericht 4% gewijzigd door MrNiles op 04-10-2011 14:44:39 ]

dinsdag 4 oktober 2011 @ 14:46:06 #8

Treces

Hier had uw tekst kunnen staan

quote:
Op dinsdag 4 oktober 2011 14:38 schreef MrNiles het volgende:
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>

maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar
komt door de class?

EDIT...DIV is natuurlijkt SPAN
ziet er beter uit

is hier een mooiere oplossing voor? ik wil de letters random een kleur geven

Ik denk dat dat met Javascript heel goed kan.. Zo puur met CSS zal lastig worden denk ik.

dinsdag 4 oktober 2011 @ 14:50:41 #9

Walter81

quote:
Op dinsdag 4 oktober 2011 14:38 schreef MrNiles het volgende:
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>

maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar
komt door de class?

EDIT...DIV is natuurlijkt SPAN
ziet er beter uit

is hier een mooiere oplossing voor? ik wil de letters random een kleur geven

Span zet toch al alles achter elkaar? Bij DIV zou ik float:left; in de css zetten.
Verder inderdaad met javascript.

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

dinsdag 4 oktober 2011 @ 14:52:45 #10

MrNiles

quote:
Op dinsdag 4 oktober 2011 14:46 schreef Treces het volgende:

[..]

Ik denk dat dat met Javascript heel goed kan.. Zo puur met CSS zal lastig worden denk ik.

helemaal NUL verstand van javascript

ach..het is maar voor een menutje..beetje flauwekul..ziet er zo wel leuk uit

probeer nu die kleurtjes te laten verschijnen/verdwijnen met js
<script type="text/javascript">
function changeStyle(url) {
document.getElementById('stylesheet').href = url;
}
</script>

en dat dit bij mijn tekst
<a href="#" onclick="changeStyle('goingloco.css');

Wat ik eigenlijk wil is schakelen tussen 2 css.
Heb een kop van 2 woorden
xxxxx - yyyyy
pagina opmaak is standaard met witte tekst
maar door te klikken op yyyyy wil ik een ander css laden die dan iets met de span doet
kan dat zo?

dinsdag 4 oktober 2011 @ 14:53:30 #11

MrNiles

quote:
Op dinsdag 4 oktober 2011 14:50 schreef Walter81 het volgende:

[..]

Span zet toch al alles achter elkaar? Bij DIV zou ik float:left; in de css zetten.
Verder inderdaad met javascript.

was misschien niet heel duidelijk maar ik had al een EDIT bij gezet..dat ik de div had vervangen door span

dinsdag 4 oktober 2011 @ 14:58:14 #12

RM-rf

1/998001

quote:
Op dinsdag 4 oktober 2011 14:38 schreef MrNiles het volgende:
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>

maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar
komt door de class?

Dat zal komen doordat een DIV default een 'display: block;' heeft, wat betekent dat dit als een block-level-element weergegeven wordt...

wil je bv verschillende elementen in een text-flow weergeven moeten die elementen een 'display: inline; óf 'display: inline-block' hebben (de laatste , inline-block is door oudere explorer-versies niet goed ondersteund).

Een SPAN element hééft al standaard display: inline dus dan zou het niet kunenn dat die daardoor opeens onder elkaar komen, maar misschien heb je wel vééls teveel style-definities in je Class ge-copy-pasted? ... post dan gewoon eens de complete code, inculsief CSS?

"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25

dinsdag 4 oktober 2011 @ 15:12:51 #13

Walter81

quote:
Op dinsdag 4 oktober 2011 14:58 schreef RM-rf het volgende:

[..]

Dat zal komen doordat een DIV default een 'display: block;' heeft, wat betekent dat dit als een block-level-element weergegeven wordt...

wil je bv verschillende elementen in een text-flow weergeven moeten die elementen een 'display: inline; óf 'display: inline-block' hebben (de laatste , inline-block is door oudere explorer-versies niet goed ondersteund).

Een SPAN element hééft al standaard display: inline dus dan zou het niet kunenn dat die daardoor opeens onder elkaar komen, maar misschien heb je wel vééls teveel style-definities in je Class ge-copy-pasted? ... post dan gewoon eens de complete code, inculsief CSS?

Het gaat hem uiteindelijk om random kleuren.. Dat wordt dus js.

Maar heel eerlijk gezegd, vraag je eens af of je dat wil. Een bonte kermis aan kleuren ziet er niet uit op een website.

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

dinsdag 4 oktober 2011 @ 15:15:49 #14

MrNiles

quote:
Op dinsdag 4 oktober 2011 15:12 schreef Walter81 het volgende:

[..]

Het gaat hem uiteindelijk om random kleuren.. Dat wordt dus js.

Maar heel eerlijk gezegd, vraag je eens af of je dat wil. Een bonte kermis aan kleuren ziet er niet uit op een website.

het is alleen voor de menu namen die ik van kleur laat veranderen + 1 img
heb nu 1 koptitel in de random kleur en dat is niet storend..maar ik zou het graag willen schakelen/on click maar hoe werkt dat dan?

donderdag 6 oktober 2011 @ 14:33:54 #15

Afwazig

Serious business

Opgelost.

[ Bericht 98% gewijzigd door Afwazig op 06-10-2011 15:04:56 ]

Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal

donderdag 6 oktober 2011 @ 14:52:27 #16

GNT

quote:
Op donderdag 6 oktober 2011 14:33 schreef Afwazig het volgende:
Ok dan toch maar hier vragen... ik kom er echt niet uit.

Voor het eerst een beetje met Wordpress aan het experimenteren. Heb nu alleen een probleem met de CSS. Op de voorpagina staat een artikel, als je op het kopje van dit artikel klikt dan linkt hij naar het artikel. Alleen wordt de link als hij 'visited' is paars. Ik wil dat hij gewoon zwart blijft. Maar ik kan nergens in de CSS files vinden waar ik dit aanpas! Jullie enig idee?

Het gaat om deze site en deze link dus:

Zoiets al geprobeerd?

1	h2 a:visited {color:#000;}

donderdag 6 oktober 2011 @ 15:04:42 #17

Afwazig

Serious business

Ik ben echt zo dom. Toen ik jouw reply zag sloeg ik mezelf echt voor m`n kop

. Ik was de ; vergeten achter de kleurcode

.

Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal

donderdag 6 oktober 2011 @ 17:24:09 #18

KomtTijd...

Nog een tip van het huis: Een topic wordt er niet overzichtelijker van als je je eigen vragen wegedit.

zcflevo.nl

maandag 10 oktober 2011 @ 22:16:35 #19

wobbel

Da WoBBeL King

Goed topic

Is het met mogelijk om te zoeken in een lap tekst (tussen <div id='content'> en </div>) naar [attach=9]?

Ik wil namelijk [attach=9] op de achtergrond vervangen door een stuk ajax welke de betreffende bijlage inlaad.

Zelfde geld voor [attach=?? getal ??]. Ik wil namelijk die ajax request het ID meegeven

Hosted VoIP SIP trunks Vast mobiel VoIP

maandag 10 oktober 2011 @ 22:19:29 #20

wobbel

Da WoBBeL King

En het mag met jQuery, die gebruik ik al.

Hosted VoIP SIP trunks Vast mobiel VoIP

maandag 10 oktober 2011 @ 22:36:47 #21

Tijn

Powered by MS Paint

Wat bedoel je met [attach=9]? Het 9e element binnen de div? Een attribuut van een element? Of is dat letterlijk een string die je wilt zoeken?

Verberg de nieuwsticker

maandag 10 oktober 2011 @ 22:45:01 #22

boem-dikkie

Jedi Mind Baby!

quote:
Op maandag 10 oktober 2011 22:36 schreef Tijn het volgende:
Wat bedoel je met [attach=9]? Het 9e element binnen de div? Een attribuut van een element? Of is dat letterlijk een string die je wilt zoeken?

Gewoon een string volgens mij.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

dinsdag 11 oktober 2011 @ 12:17:02 #23

GI

Nee ik heet geen JOE

Hij wil zoeken op alles met [attach=] en dan de waarde tussen de = en de ] oppakken als ID voor de ajaxcall.

Ik zou het niet op die manier oplossen eigenlijk. Ik zou er een <div class=\"attachment\" id=\"attachment9\"></div> van maken. Vervolgens in jquery die div's oppakken en via ajax herladen.

Als ik al voor een dergelijke oplossing zou gaan, het komt mij erg slordig over.

woensdag 12 oktober 2011 @ 15:56:00 #24

wobbel

Da WoBBeL King

Het is inderdaad ook niet netjes, maar het is user-input die omgezet moet worden. Heb het wel server-side opgelost, werkt ook

Nog een vraag: hoe doe ik bepaalde taken steeds opnieuw? (ik gebruik jQuery framework, daarvan gebruik maken mag ook)

Ik wil elke 10 seconden functionA(); uitvoeren, 10 seconden later functionB();en weer 10 seconden later functionC(); uitvoeren. Weer 10 seconden later moet hij weer beginnen met functionA(); enzovoort

Hosted VoIP SIP trunks Vast mobiel VoIP

woensdag 12 oktober 2011 @ 16:06:26 #25

Scorpie

Abject en infaam!

In HTML5 zijn dat Worker threads, in plain javascript maakt men gebruik van setTimeout of setInterval en in jQuery noemt men het delay()

http://api.jquery.com/delay/
http://forum.jquery.com/t(...)nd-use-of-settimeout

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

woensdag 12 oktober 2011 @ 16:20:05 #26

wobbel

Da WoBBeL King

Ik ben echt heel slecht in javascript

heb een voorbeeld gegoogled, maar kan niks vinden. Zou je me kunnen helpen? HTML5 mag...de rest van het systeem is ook allemaal HTML5

Hosted VoIP SIP trunks Vast mobiel VoIP

donderdag 13 oktober 2011 @ 16:24:20 #28

Treces

Hier had uw tekst kunnen staan

quote:
Op donderdag 13 oktober 2011 16:08 schreef Dimens het volgende:
Iemand die mij zou kunnen vertellen wat nu precies het verschil is tussen een class en een id. Je kunt ze beide gebruiken in een div, het lijkt alsof ze beide hetzelfde doen maar ik snap gewoonweg niet wat nu het verschil en het voordeel/nadeel is.

Een ID kan je maar 1x gebruiken.

donderdag 13 oktober 2011 @ 16:32:13 #30

YazooW

bel de wouten!

Een ID is uniek, een ID kan je dus slechts gebruiken voor 1 element.
Een class is niet uniek, kan je dus gebruiken in meerdere elementen, en je kan ook meerdere classen gebruiken voor 1 element.

donderdag 13 oktober 2011 @ 16:36:59 #32

YazooW

bel de wouten!

Lees dit even door: http://css-tricks.com/818-the-difference-between-id-and-class/

donderdag 13 oktober 2011 @ 16:39:44 #33

remi1986

This MF is infected by madness

je kan doen

<div id="header" class="vet"></div>
<div id="footer" class="vet"></div>

met #header in je css kan je alleen dingen regelen die in je header moeten (en hetzelfde voor footer)
en met .vet kan je voor beide elementen bijvoorbeeld het lettertype regelen.

donderdag 13 oktober 2011 @ 16:46:57 #35

boem-dikkie

Jedi Mind Baby!

quote:
Op donderdag 13 oktober 2011 16:45 schreef Dimens het volgende:

[..]

Het handigst is dus om elke div een id te geven voor plaats, grote etc.. en voor de background, text style etc.. een class te gebruiken als je van plan bent om in al die divs dezelfde font en achtergrond kleur te gebruiken?

Zie het zo.

Een ID gebruik je als je denkt het element eenmalig te gebruiken (in combinatie met unieke styling bv) en een class gebruik je als je de element opmaak vaker gaat gebruiken. Bijvoorbeeld drie dezelfde divjes onder elkaar.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

donderdag 13 oktober 2011 @ 18:13:31 #36

PimD

Nee.

Tenzij je natuurlijk met .NET werkt waar je niet normaal een ID kunt gebruiken

Bleuh.

donderdag 13 oktober 2011 @ 19:14:41 #38

Treces

Hier had uw tekst kunnen staan

Geen idee of je styling kapot gaat als je een ID meerdere malen gebruikt, ik weet wel dat jQuery dat niet zo leuk vind.

donderdag 13 oktober 2011 @ 19:19:07 #39

KomtTijd...

quote:
Op donderdag 13 oktober 2011 19:14 schreef Treces het volgende:
Geen idee of je styling kapot gaat als je een ID meerdere malen gebruikt, ik weet wel dat jQuery dat niet zo leuk vind.

Het is invalid, omdat Javascript er vanuit gaat dat een ID uniek is.

CSS hobbelt er vaak wel overheen, maar het blijft invalid. Bovendien is er geen enkele reden om een ID te gebruiken voor elementen die niet uniek zijn.

Bij twijfel dus altijd een classname gebruiken. Mocht je het element ooit met JS willen selecteren kun je altijd nog een ID toevoegen. Andersom is veel lastiger aangezien je dan al je CSS selectoren moet veranderen.

[ Bericht 13% gewijzigd door KomtTijd... op 13-10-2011 19:24:16 ]

zcflevo.nl

donderdag 13 oktober 2011 @ 19:29:04 #40

KomtTijd...

quote:
Op donderdag 13 oktober 2011 16:45 schreef Dimens het volgende:

[..]

Het handigst is dus om elke div een id te geven voor plaats, grote etc.. en voor de background, text style etc.. een class te gebruiken als je van plan bent om in al die divs dezelfde font en achtergrond kleur te gebruiken?

Als je meerdere elementen dezelfde font of background wilt geven, gebruik je normaliter gewoon een algemenere selector.

zcflevo.nl

donderdag 13 oktober 2011 @ 19:31:11 #41

lkb9000

quote:
Op donderdag 13 oktober 2011 16:36 schreef YazooW het volgende:
Lees dit even door: http://css-tricks.com/818-the-difference-between-id-and-class/

quote:
ID's have special browser functionality

Classes have no special abilities in the browser, but ID's do have one very important trick up their sleeve. This is the "hash value" in the URL. If you have a URL like http://yourdomain.com#comments, the browser will attempt to locate the element with an ID of "comments" and will automatically scroll the page to show that element. It is important to note here that the browser will scroll whatever element it needs to in order to show that element, so if you did something special like a scrollable DIV area within your regular body, that div will be scrolled too.

This is an important reason right here why having ID's be absolutely unique is important. So your browser knows where to scroll!

Dit is de eerste keer dat ik het voordeel van ID's ontdek

donderdag 13 oktober 2011 @ 19:32:19 #42

PimD

Nee.

Ja, maar wacht maar tot je een div met een ID in een container hebt staan met overflow:hidden, en dan die pagina aanspreken met een hash in de URL. Wat een ellende.

Bleuh.

donderdag 13 oktober 2011 @ 19:36:53 #43

lkb9000

quote:
Op donderdag 13 oktober 2011 19:32 schreef PimD het volgende:
Ja, maar wacht maar tot je een div met een ID in een container hebt staan met overflow:hidden, en dan die pagina aanspreken met een hash in de URL. Wat een ellende.

Ook als er in die div niet teveel content voor het formaat zit?

donderdag 13 oktober 2011 @ 20:12:41 #44

Light

quote:
Op donderdag 13 oktober 2011 16:39 schreef remi1986 het volgende:
je kan doen

<div id="header" class="vet"></div>
<div id="footer" class="vet"></div>

met #header in je css kan je alleen dingen regelen die in je header moeten (en hetzelfde voor footer)
en met .vet kan je voor beide elementen bijvoorbeeld het lettertype regelen.

Het is daarbij wel handig om class names te gebruiken die beschrijven wat iets is, niet hoe het eruit moet zien. Anders krijg je vroeg of laat css als:

1
2
3

.red {
color: blue;
}

En daar wordt het niet duidelijker van...

fokstok.nl

donderdag 13 oktober 2011 @ 20:20:40 #45

Light

quote:
Op donderdag 13 oktober 2011 19:31 schreef lkb9000 het volgende:

[..]

[..]

Dit is de eerste keer dat ik het voordeel van ID's ontdek

ID's zijn ook heel handig in andere situaties. Als je met Javascript (bijv. AJAX) de inhoud van een deel van de pagina wilt aanpassen, is het wel zo handig als je precies dat stukje van de pagina kunt aanspreken. Dan heb je een ID nodig.

fokstok.nl

vrijdag 14 oktober 2011 @ 10:58:59 #46

Walter81

Ik blijf ruzie houden met ellendige DIV's.

Ik ben er bijna, maar nog niet helemaal.
De pagina waar het probleem in optreedt heb ik even gestript, en enkel de relevante info laten staan / aangepast.
Css heb ik voor het gemak in de pagina zelf gezet.

Wat ik zou willen, is 2 dingen:
De cyaan-gekleurde div (navigationcontainer) moet de grootte krijgen van de 2 groene + rode divs. width:auto; werkt niet.
Als de breedte aangepast kan worden, wordt navigationcontainer gecentreerd. Dat is mijn doel.
Een vaste breedte opgeven gaat niet, want de div pagelinks is niet altijd even groot.

Iemand tips?

(kleurtjes zitten er enkel in om de divs nu goed te kunnen herkennen)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

<html>
<head>

<style>
    
   </style>
</head>

<body>
    <div class="kolom">
        <div class="gallery">
            <div class="pagenavigation">
                <div class="navigationcontainer">
                    <div class="prevpage"><em>Vorige</em></div>
                    <div class="pagelinks"><a href="#">1-2-3-4-5</a></div>
                    <div class="nextpage"><em>Volgende</em></div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

vrijdag 14 oktober 2011 @ 13:39:31 #47

Walter81

Voor de duidelijkheid met een plaatje:
Eerdergenoemd script geeft nu bovenste resultaat. Moet worden het onderste.
Zonder dat ik de cyaangekleurde div een vaste grootte geef.

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

vrijdag 14 oktober 2011 @ 14:10:03 #48

Treces

Hier had uw tekst kunnen staan

1
2
3
4
5
6

.navigationcontainer {
margin: auto;
background: cyan;
min-height:2px;
text-align: center;
}

vrijdag 14 oktober 2011 @ 14:24:26 #49

Walter81

quote:
Op vrijdag 14 oktober 2011 14:10 schreef Treces het volgende:

[ code verwijderd ]

Helaas..
De 3 divs die daarbinnen liggen nemen dit wel over, tekst wordt gecentreerd IN die groene en rode vakjes, maar het hele blauwe blok zelf moet gecentreerd worden. Dit is dus een DIV, geen tekst, dus denk dat die daarom niet gecentreerd wordt.
Het centreren doe ik door margin:auto.
Maar het cyaan-blok heeft nu de breedte van 100% van zijn parent. Dit moet kleiner worden, maar wel aangepast aan de divs die daarbinnen liggen.

Heb je dit zelf wel werkend gekregen? In welke browser?
Anders even de code van mij kopiëren en even testen.

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

vrijdag 14 oktober 2011 @ 17:44:01 #50

PimD

Nee.

Gek he, als je float:left doet dat dingen dan links uitlijnen.

Geef de container text-align:center, en de <li>'s (want divjes voor een lijstje met links zijn natuurlijk niet zo netjes

) een display:inline. Klaar.

Bleuh.

vrijdag 14 oktober 2011 @ 17:53:04 #51

boem-dikkie

Jedi Mind Baby!

En de vierkante vakjes om je LI heen kun je mooi met CSS doen.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

zaterdag 15 oktober 2011 @ 12:45:34 #52

Walter81

Om een of andere reden krijg ik het nog niet voor elkaar, met <li> enzo.

Die <div> staat nu om wat links heen, maar in de pagina waar het voor bedoeld is, staan hier ook andere zaken in (bv een plaatjes, met een image op de background, waarvoor bij hover de verticale positie verandert, zodat er dan een ander plaatje te zien is (en er maar 1 png nodig is)).
Hier wil ik dus verder niks aan veranderen.

Maar wat ik al aangaf, als ik navigationcontainer een vaste breedte geef, gaat het wel goed.
Geef ik geen breedte op, krijgt hij de volledige breedte van zijn parent (pagenavigation).
En wat ik wil, is dat hij de breedte overneemt van de 3 divs binnenin. De reden waarom ik hier divs gebruik is niet relevant.
Dus aub niet aan het centreren denken, maar aan het automatisch aanpassen van de breedte van navigationcontainer .

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

zaterdag 15 oktober 2011 @ 13:23:50 #53

n8n

Pragmatisch

display: inline;
display: inline-block;

“Specialization is for insects”.—Robert Heinlein

zaterdag 15 oktober 2011 @ 13:24:20 #54

n8n

Pragmatisch

en een text-align: center; op de parent

“Specialization is for insects”.—Robert Heinlein

zondag 16 oktober 2011 @ 09:58:29 #55

Walter81

quote:
Op zaterdag 15 oktober 2011 13:23 schreef n8n het volgende:
display: inline;
display: inline-block;

quote:
Op zaterdag 15 oktober 2011 13:24 schreef n8n het volgende:
en een text-align: center; op de parent

Held!

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

zondag 16 oktober 2011 @ 13:11:17 #56

boem-dikkie

Jedi Mind Baby!

Of je leest de volgende keer. Op de vorige pagina werd door PimD precies hetzelfde gezegd.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

zondag 16 oktober 2011 @ 15:03:32 #57

Walter81

quote:
Op zondag 16 oktober 2011 13:11 schreef boem-dikkie het volgende:
Of je leest de volgende keer. Op de vorige pagina werd door PimD precies hetzelfde gezegd.

Ten eerste had die het over li, wat niet van toepassing was. En de steutel was display:inline-block. Dat heb ik niemand eerder zien zeggen. Enkel het text-align: center had ik zelf al geprobeerd.

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

zondag 16 oktober 2011 @ 15:51:35 #58

PimD

Nee.

display:inline en display:inline-block zullen anders hetzelfde gedrag vertonen hoor (qua uitlijning, niet qua padding/margin uiteraard).

Bleuh.

maandag 17 oktober 2011 @ 08:35:39 #59

Walter81

quote:
Op zondag 16 oktober 2011 15:51 schreef PimD het volgende:
display:inline en display:inline-block zullen anders hetzelfde gedrag vertonen hoor (qua uitlijning, niet qua padding/margin uiteraard).

Dan is het net de juiste combinatie van parameters van al die velden voor al die divs. Had ze bijna allemaal al geprobeerd.. behalve de juiste

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

Redactie Frontpage donderdag 20 oktober 2011 @ 10:36:00 #60

Etcetera

*pffrrrwwwt*

Ik heb misschien een rare vraag - en ik ben bang dat het antwoord nee is

Is er html code waarmee je kunt aangeven dat iets níet onderstreept of dikgedrukt moet staan?

Ik ben bezig met een stuk code (in een webcontent bewerkingssysteem, niet van mezelf dus) en daarin wordt tekst automatisch onderstreept en dikgedrukt neergezet. Dit staat zeker weten niet in de code (heb alles nageplozen) maar wordt volgens mij door het systeem gedaan. Kan ik dit dus ondervangen door een code erbij te zetten?

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

donderdag 20 oktober 2011 @ 10:40:40 #61

mschol

zover ik weet bestaat dat niet, maar alles onderstreept, dat kan toch nooit de bedoeling zijn?
mss heeft het CMS wel een bug.. (anders had je, neem ik aan, wel een knop waarmee je onderstreept uit kan zetten)

donderdag 20 oktober 2011 @ 10:45:00 #62

Tijn

Powered by MS Paint

Er is geen HTML-element om dit te doen, maar je kunt natuurlijk wel gewoon in je CSS-file dit bij de definitie van de opmaak van de content zetten:

1 2	font-weight: normal; text-decoration: none;

Verberg de nieuwsticker

Redactie Frontpage donderdag 20 oktober 2011 @ 10:46:08 #63

Etcetera

*pffrrrwwwt*

quote:
Op donderdag 20 oktober 2011 10:40 schreef mschol het volgende:
zover ik weet bestaat dat niet, maar alles onderstreept, dat kan toch nooit de bedoeling zijn?
mss heeft het CMS wel een bug.. (anders had je, neem ik aan, wel een knop waarmee je onderstreept uit kan zetten)

Het ziet er niet uit nee

quote:
Op donderdag 20 oktober 2011 10:45 schreef Tijn het volgende:
Er is geen HTML-element om dit te doen, maar je kunt natuurlijk wel gewoon in je CSS-file dit bij de definitie van de opmaak van de content zetten:
[ code verwijderd ]

Dat ga ik eens proberen, thanks

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

donderdag 20 oktober 2011 @ 10:46:31 #64

Scorpie

Abject en infaam!

quote:
Op donderdag 20 oktober 2011 10:36 schreef Etcetera het volgende:
Ik heb misschien een rare vraag - en ik ben bang dat het antwoord nee is Is er html code waarmee je kunt aangeven dat iets níet onderstreept of dikgedrukt moet staan?

Ik ben bezig met een stuk code (in een webcontent bewerkingssysteem, niet van mezelf dus) en daarin wordt tekst automatisch onderstreept en dikgedrukt neergezet. Dit staat zeker weten niet in de code (heb alles nageplozen) maar wordt volgens mij door het systeem gedaan. Kan ik dit dus ondervangen door een code erbij te zetten?

Dan is er een CSS rule die dit veroorzaakt.

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

Redactie Frontpage donderdag 20 oktober 2011 @ 10:49:14 #65

Etcetera

*pffrrrwwwt*

Ik zal er - voorzichtig - eens induiken, want heb nog nergens gezien dat ik CSS rules kan aanpassen. Daarbij bedenkend dat ik in een live omgeving werk....

Fail waiting to happen

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

donderdag 20 oktober 2011 @ 10:50:39 #66

Tijn

Powered by MS Paint

Ach, stuk is het toch al

Verberg de nieuwsticker

Redactie Frontpage donderdag 20 oktober 2011 @ 10:52:24 #67

Etcetera

*pffrrrwwwt*

De tekst is nog leesbaar en goed geordend, ik maak het niet graag stukker

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

donderdag 20 oktober 2011 @ 10:55:03 #68

mschol

quote:
Op donderdag 20 oktober 2011 10:49 schreef Etcetera het volgende:
Ik zal er - voorzichtig - eens induiken, want heb nog nergens gezien dat ik CSS rules kan aanpassen. Daarbij bedenkend dat ik in een live omgeving werk.... Fail waiting to happen

kan je niet de persoon die het CMS heeft geinstalleerd of template heeft gemaakt even contacteren?

Redactie Frontpage donderdag 20 oktober 2011 @ 10:58:24 #69

Etcetera

*pffrrrwwwt*

quote:
Op donderdag 20 oktober 2011 10:55 schreef mschol het volgende:

[..]

kan je niet de persoon die het CMS heeft geinstalleerd of template heeft gemaakt even contacteren?

Dat wordt gedaan maar die zijn niet zo snel - en ik ben nogal van het zelf oplossen

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

donderdag 20 oktober 2011 @ 10:59:23 #70

mschol

quote:
Op donderdag 20 oktober 2011 10:58 schreef Etcetera het volgende:

[..]

Dat wordt gedaan maar die zijn niet zo snel - en ik ben nogal van het zelf oplossen

oke

donderdag 20 oktober 2011 @ 10:59:36 #71

Catch22-

Ben je Blind?!

je kan beter inline-block vermijden, dat doet het niet altijd even lekker in alle browsers...

Deze frontenddeveloper zal hier even meelezen en helpen waar nodig

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 20 oktober 2011 @ 11:00:21 #72

Catch22-

Ben je Blind?!

quote:
Op donderdag 20 oktober 2011 10:49 schreef Etcetera het volgende:
Ik zal er - voorzichtig - eens induiken, want heb nog nergens gezien dat ik CSS rules kan aanpassen. Daarbij bedenkend dat ik in een live omgeving werk.... Fail waiting to happen

1 2	text-decoration:none !important; font-weight:normal !important;

zou het moeten oplossen. Wel even uitzoeken welke selector het override.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

Redactie Frontpage donderdag 20 oktober 2011 @ 13:22:07 #73

Etcetera

*pffrrrwwwt*

1 2	<A name=betalen/> <A name=betalen></A>

De eerste zorgde voor de vetgedrukte tekst, de tweede zorgt ervoor dat het niet gebeurde.

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

donderdag 20 oktober 2011 @ 13:31:19 #74

Catch22-

Ben je Blind?!

hm oke.

als je in een liveomgeving MOET werken, gebruik dan firebug om het live aan te passen en te testen, kan je werkende fixes in je code zetten en kan er weinig misgaan (buiten cross-browser issues)

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 20 oktober 2011 @ 13:40:29 #75

Tijn

Powered by MS Paint

Een ongesloten tag voor je content verklaart een hoop.

Verberg de nieuwsticker

Redactie Frontpage donderdag 20 oktober 2011 @ 13:44:57 #76

Etcetera

*pffrrrwwwt*

quote:
Op donderdag 20 oktober 2011 13:31 schreef Catch22- het volgende:
hm oke.

als je in een liveomgeving MOET werken, gebruik dan firebug om het live aan te passen en te testen, kan je werkende fixes in je code zetten en kan er weinig misgaan (buiten cross-browser issues)

quote:
Op donderdag 20 oktober 2011 13:40 schreef Tijn het volgende:
Een ongesloten tag voor je content verklaart een hoop.

De pest is dat ze zelf hebben aangegeven dat zo moest

Ik ben voor mezelf de code wat aan het opschonen, maar als er gezegd wordt: dat doe je zo, dan doe ik dat zo, want ik ben geen pro, verre van zelfs. Zat wel al te bedenken om 'm door een code-checker heen te gooien van W3S ofzo, maar toen kwamen ze hier mee aanzetten.

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

donderdag 20 oktober 2011 @ 14:45:02 #77

boem-dikkie

Jedi Mind Baby!

quote:
Op donderdag 20 oktober 2011 11:00 schreef Catch22- het volgende:

[..]
[ code verwijderd ]

zou het moeten oplossen. Wel even uitzoeken welke selector het override.

Als je uitzoekt welke selector het override kun je net zo goed de originele rule aanpassen.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

donderdag 20 oktober 2011 @ 14:47:42 #78

Catch22-

Ben je Blind?!

klopt, maar dan hoef je niet in hun rommel te kutten.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 21 oktober 2011 @ 09:31:47 #79

GI

Nee ik heet geen JOE

quote:
Op donderdag 20 oktober 2011 13:22 schreef Etcetera het volgende:

[ code verwijderd ]

De eerste zorgde voor de vetgedrukte tekst, de tweede zorgt ervoor dat het niet gebeurde.

Gratis tip van de dag. "<A name=betalen></A> neerzetten als

1	<a name="betalen"></a>

vrijdag 21 oktober 2011 @ 10:34:45 #80

Alfje

Hoi

Dag lieve mensen, ik heb de volgende vraag, ik heb een horizontaal menu met daaronder een soort uitklappanelen net als bovenaan op de frontpage van fok! Nu wil ik echter dat die panelen niet onder het kopje verschijnen waar de muis overheen gaat maar altijd helemaal links dus bij elk item in het horizontale menu op dezelfde positie als het frontpage paneel.

Iemand een idee hoe ik dat kan doen?

vrijdag 21 oktober 2011 @ 10:44:15 #81

Catch22-

Ben je Blind?!

Ja. Met CSS. Waarom wil je dat in hemelsnaam? Is nogal een usabilityfail.

Ik zou een UL opzetten met de hoofdmenuitems en met jQuery een set divs met submenus laten tonen bij een hover op het hoofdmenuitem.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

Redactie Frontpage vrijdag 21 oktober 2011 @ 11:09:06 #82

Etcetera

*pffrrrwwwt*

quote:
Op vrijdag 21 oktober 2011 09:31 schreef GI het volgende:

[..]

Gratis tip van de dag. "<A name=betalen></A> neerzetten als
[ code verwijderd ]

Wat maakt dat precies voor verschil?

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

vrijdag 21 oktober 2011 @ 11:11:09 #83

Scorpie

Abject en infaam!

quote:
Op vrijdag 21 oktober 2011 11:09 schreef Etcetera het volgende:

[..]

Wat maakt dat precies voor verschil?

Het is semantisch correct, valide HTML. Zo parsen alle browsers deze HTML correct.

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

Redactie Frontpage vrijdag 21 oktober 2011 @ 11:13:44 #84

Etcetera

*pffrrrwwwt*

quote:
Op vrijdag 21 oktober 2011 11:11 schreef Scorpie het volgende:

[..]

Het is semantisch correct, valide HTML. Zo parsen alle browsers deze HTML correct.

Ik duik er maandag nog even in om het recht te zetten

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

vrijdag 21 oktober 2011 @ 11:36:57 #85

Alfje

Hoi

quote:
Op vrijdag 21 oktober 2011 10:44 schreef Catch22- het volgende:
Ja. Met CSS. Waarom wil je dat in hemelsnaam? Is nogal een usabilityfail.

Ik zou een UL opzetten met de hoofdmenuitems en met jQuery een set divs met submenus laten tonen bij een hover op het hoofdmenuitem.

Ik wil net zoiets maken als op de site van wehkamp, een div over de hele breedte van de pagina.
Alleen welke div is dus afhankelijk van boven welk menuitem gehoverd wordt.

Wat jij voorstelt heb ik allemaal al, alleen verschijnen de divs nu onder het menuitem waarboven gehoverd wordt en ik wil ze naar links hebben naar de rand waar de pagina begint. Alleen vraag ik me af hoe ik dat moet doen, ik kan volgens mij geen absolute positioning gebruiken omdat de marge aan de linkerkant van de pagina afhangt van de breedte van het browserscherm. En ook geen relative omdat de afstand die ik ze naar links wil verplaatsten steeds verschilt. Stukje sterk versimpelde code, maar het idee is hetzelfde:

1
2
3
4
5

<ul class="menu">
  <li id="1"> menuitem 1 <div class="panel"> inhoud submenu 1 </div> </li>
  <li id="2"> menuitem 2 <div class="panel"> inhoud submenu 2 </div> </li>
  <li id="3"> menuitem 3 <div class="panel"> inhoud submenu 3 </div> </li>
</ul>

vrijdag 21 oktober 2011 @ 11:39:38 #86

Catch22-

Ben je Blind?!

ja je gaat geeikel krijgen als je het zo oplost.

Ik zou het lostrekken

Een li met een data-id, onzichtbare div een data-reffering-id ofzo, als je hovered op de LI zoek je de div die daarbij hoort, die maak je zichtbaar met jQuery en zet je in de submenucontainer

ah, de wehkamp heeft het anders. Die hebben er geen hoverstate in. Die hebben een aparte container voor het submenu dat gevuld wordt met het actieve submenu. Dat is toch niet zo lastig?

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 21 oktober 2011 @ 17:31:19 #87

KomtTijd...

quote:
Op vrijdag 21 oktober 2011 09:31 schreef GI het volgende:

[..]

Gratis tip van de dag. "<A name=betalen></A> neerzetten als
[ code verwijderd ]

Maak er dan gelijk <a href="#" name="betalen"></a> van.

http://developer.yahoo.com/performance/rules.html#emptysrc correctie: blijkt alleen relevant voor images...

[ Bericht 15% gewijzigd door KomtTijd... op 21-10-2011 17:40:40 ]

zcflevo.nl

zondag 23 oktober 2011 @ 13:39:31 #88

Xanland

Dag heren,

Op dit moment is er, door mij, een klein javascriptprobleempje gecreëerd op mijn website. Bij het laden van een een site wordt er een div gevuld dmv een stukje jQuery en .load die dus een bepaalde pagina in een div zet.
Wat ik inlaad zijn formulieren, maar die posten wel naar zichzelf toe (niet via PHP_SELF), om vervolgens weer een ander formulier te laten zien.

Nu heb ik al heel wat gegoogled op 'jquery load submit form' en dergelijke termen, maar ik kan niet vinden hoe ik dat nou toepas dat dus eigenlijk de response (het nieuwe formulier) in diezelfde div komt.
Hoe doe ik dat nou?

zondag 23 oktober 2011 @ 21:13:43 #89

Koopsie

Very nice

ik heb bij een icon menu een probleem als ik met mijn muis over het menu ga dat de iconen 1 x knipperen ( dan worden de images opgeslagen in Cache geheugen als ik het goed heb?)
is dit te verhelpen? ik las dat het aan de grootte kan liggen maar de iconen hebben een grootte van 8kb. Gif/Jpeg/Png geprobeerd als file.

"Dubbelop alsof ik een quote citeer"

zondag 23 oktober 2011 @ 21:25:33 #90

KomtTijd...

quote:
Op zondag 23 oktober 2011 13:39 schreef Xanland het volgende:
Dag heren,

Op dit moment is er, door mij, een klein javascriptprobleempje gecreëerd op mijn website. Bij het laden van een een site wordt er een div gevuld dmv een stukje jQuery en .load die dus een bepaalde pagina in een div zet.
Wat ik inlaad zijn formulieren, maar die posten wel naar zichzelf toe (niet via PHP_SELF), om vervolgens weer een ander formulier te laten zien.

Nu heb ik al heel wat gegoogled op 'jquery load submit form' en dergelijke termen, maar ik kan niet vinden hoe ik dat nou toepas dat dus eigenlijk de response (het nieuwe formulier) in diezelfde div komt.
Hoe doe ik dat nou?

Ligt het aan mij of is hier echt geen touw aan vast te knopen? Probeer eerst eens voor jezelf duidelijk te krijgen wat nou precies het probleem is (het oorspronkelijke probleem, niet een (te) moeilijke oplossing), anders ga je nooit verder komen.

quote:
Op zondag 23 oktober 2011 21:13 schreef Koopsie het volgende:
ik heb bij een icon menu een probleem als ik met mijn muis over het menu ga dat de iconen 1 x knipperen ( dan worden de images opgeslagen in Cache geheugen als ik het goed heb?)
is dit te verhelpen? ik las dat het aan de grootte kan liggen maar de iconen hebben een grootte van 8kb. Gif/Jpeg/Png geprobeerd als file.

Een sprite gebruiken.

zcflevo.nl

zondag 23 oktober 2011 @ 22:25:18 #91

Xanland

Goed, via jQuery laad ik een andere pagina in met behulp van:

1
2
3
4

$ ("a[href=\"#wijzigpagina\"]").click (function ()
{
$ (".content").load ("wijzigpagina.php");
});

Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.

Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.

zondag 23 oktober 2011 @ 22:29:43 #92

Treces

Hier had uw tekst kunnen staan

quote:
Op zondag 23 oktober 2011 22:25 schreef Xanland het volgende:
Goed, via jQuery laad ik een andere pagina in met behulp van:
[ code verwijderd ]

Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.

Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.

Ik denk dat dat het beste gaat met ajax.

zondag 23 oktober 2011 @ 22:51:47 #94

Light

quote:
Op zondag 23 oktober 2011 22:36 schreef totalvamp het volgende:

[..]

Een A kan op 2 manieren worden gebruikt:
1 - Je maakt van alles wat tussen <a href="" >LINKNAAM</a> staat een klikbare link
2 - Je maakt van een A een punt in een pagina waar je heen kan springen dmv een link

<a name="springhierheen"></a>

als je dan achter de url zet http://site.nl/pagina.html#spinghierheen

springt de pagina naar dat punt in de pagina.

Voor dat tweede hoef je geen <a> te gebruiken, en ook geen name. Je kunt het ook doen door een div (of een andere tag) de gewenste id mee te geven. (Weer een reden waarom id's uniek moeten zijn.)

fokstok.nl

zondag 23 oktober 2011 @ 23:20:27 #96

KomtTijd...

quote:
Op zondag 23 oktober 2011 22:25 schreef Xanland het volgende:
Goed, via jQuery laad ik een andere pagina in met behulp van:
[ code verwijderd ]

Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.

Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.

Dan moet je ofwel je formulier submitten met een ajax-call ipv een normale submit button, ofwel in je PHP-code een redirect opnemen.
Maar waarom moet je uberhaupt met ajax content in een div laden enzo?

zcflevo.nl

zondag 23 oktober 2011 @ 23:24:17 #97

Light

quote:
Op zondag 23 oktober 2011 22:57 schreef totalvamp het volgende:

[..]

ja dat weet ik, maar ik ging er vanuit dat ze dit voor dit doeleinde gebruikten. waarom zou je anders een lege tag ergens neerzetten?

Geen idee, maar als dat het enige doel is, kan het geen kwaad alternatieven aan te geven.

fokstok.nl

zondag 23 oktober 2011 @ 23:24:31 #98

Koopsie

Very nice

quote:
Op zondag 23 oktober 2011 21:25 schreef KomtTijd... het volgende:

[..]

[..]

Een sprite gebruiken.

ahaah, ik zal me er in verdiepen

thx

"Dubbelop alsof ik een quote citeer"

Redactie Frontpage maandag 24 oktober 2011 @ 09:18:45 #99

Etcetera

*pffrrrwwwt*

quote:
Op vrijdag 21 oktober 2011 11:11 schreef Scorpie het volgende:

[..]

Het is semantisch correct, valide HTML. Zo parsen alle browsers deze HTML correct.

quote:
Op zondag 23 oktober 2011 22:36 schreef totalvamp het volgende:

[..]

Een A kan op 2 manieren worden gebruikt:
1 - Je maakt van alles wat tussen <a href="" >LINKNAAM</a> staat een klikbare link
2 - Je maakt van een A een punt in een pagina waar je heen kan springen dmv een link

<a name="springhierheen"></a>

als je dan achter de url zet http://site.nl/pagina.html#spinghierheen

springt de pagina naar dat punt in de pagina.

Dat websysteem haalt al mijn <A name="bestelling"></A> haakjes weg

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

maandag 24 oktober 2011 @ 09:27:12 #100

boem-dikkie

Jedi Mind Baby!

quote:
Op maandag 24 oktober 2011 09:18 schreef Etcetera het volgende:

[..]

[..]

Dat websysteem haalt al mijn <A name="bestelling"></A> haakjes weg

Hoe bedoel je?

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

Redactie Frontpage maandag 24 oktober 2011 @ 09:30:30 #101

Etcetera

*pffrrrwwwt*

quote:
Op maandag 24 oktober 2011 09:27 schreef boem-dikkie het volgende:

[..]

Hoe bedoel je?

Ik bewerk de html code in een .txt bestand (want het websysteem is kut), plak het geheel in het websysteem, sla het op, controleer het... en alle " " zijn weggehaald bij de verwijzingen.

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

maandag 24 oktober 2011 @ 09:40:24 #102

boem-dikkie

Jedi Mind Baby!

quote:
Op maandag 24 oktober 2011 09:30 schreef Etcetera het volgende:

[..]

Ik bewerk de html code in een .txt bestand (want het websysteem is kut), plak het geheel in het websysteem, sla het op, controleer het... en alle " " zijn weggehaald bij de verwijzingen.

Zet het even neer als \"

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

maandag 24 oktober 2011 @ 09:49:04 #103

Catch22-

Ben je Blind?!

quote:
Op zondag 23 oktober 2011 22:25 schreef Xanland het volgende:
Goed, via jQuery laad ik een andere pagina in met behulp van:
[ code verwijderd ]

Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.

Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.

1
2
3
4
5

$ ("a[href=\"#wijzigpagina\"]").click (function (e)
{
e.preventDefault();
$ (".content").load ("wijzigpagina.php");
});

of return false;

Maar die is SEO-technisch erg onverstandig.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

maandag 24 oktober 2011 @ 09:54:38 #104

boem-dikkie

Jedi Mind Baby!

Waarom is return false SEO technisch onverstandig in deze kwestie?

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

Redactie Frontpage maandag 24 oktober 2011 @ 09:55:14 #105

Etcetera

*pffrrrwwwt*

quote:
Op maandag 24 oktober 2011 09:40 schreef boem-dikkie het volgende:

[..]

Zet het even neer als \"

Schijnt te werken

Niet dus. Kutsysteem

[ Bericht 4% gewijzigd door Etcetera op 24-10-2011 10:21:49 ]

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

maandag 24 oktober 2011 @ 10:21:58 #106

Catch22-

Ben je Blind?!

quote:
Op maandag 24 oktober 2011 09:54 schreef boem-dikkie het volgende:
Waarom is return false SEO technisch onverstandig in deze kwestie?

beide doen hetzelfde. Het is onverstandig omdat de aangeroepen pagina waarschijnlijk geen opmaak of navigatie heeft. Als iemand die link in de SERP aanklikt krijgt hij dus alleen de content van die pagina, zonder verdere layout. Tenzij je detecteert of de pagina asynch wordt aangeroepen of niet, waardoor je zelf bepaalt of de layout moet worden gerendered of niet.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 27 oktober 2011 @ 20:23:15 #107

Crimyclown

Sapper de fap!

Heb een probleem met CSS. Hoe krijg ik de background van de container net zo lang als de content? Inhoud van rcontent en lcontent variëren vandaar dat ik er geen vaste hoogte aan kan geven.

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

html {
    height:100%;
}

body {
    margin:0;
    padding:0;
    background-color:#E6E6E6;
    widht:100%;
    height:100%;
}

#container {
    position:relative;
    margin:0 auto;
    width:1020px;
    background-color:#FFF;
}

#lheader {
    position:absolute;
    top:0px;
    left:0px;
    height:242px;
    width:670px;
    background-color:#39C;
}

#rheader {
    position:absolute;
    top:0px;
    left:670px;
    height:490px;
    width:350px;
    background-color:#F00;
}

#images {
    position:absolute;
    left:0px;
    top:242px;
    width:670px;
    height:248px;
    background-color:#060;
}

#lcontent {
    position:absolute;
    left:0;
    top:490px;
    width:670px;
    background-color:#633;
    margin:0;
    padding:0;
}

#rcontent {
    position:absolute;
    top:490px;
    left:670px;
    width:350px;
    background-color:#99C;
}

HTML Body

1
2
3
4
5
6
7
8
9
10
11
12
13
14

Anonieme tievesclown

donderdag 27 oktober 2011 @ 20:24:30 #108

PimD

Nee.

Door niet alles als een malloot een fixed width, fixed height en absolute positionering te geven

Bleuh.

donderdag 27 oktober 2011 @ 20:25:52 #109

Crimyclown

Sapper de fap!

quote:
Op donderdag 27 oktober 2011 20:24 schreef PimD het volgende:
Door niet alles als een malloot een fixed width, fixed height en absolute positionering te geven

Werkt wel lekker snel zo. Maar goed als ik niet op absolute ga stylen moet het opgelost zijn?

Anonieme tievesclown

donderdag 27 oktober 2011 @ 20:26:57 #110

PimD

Nee.

Heb je uberhaupt iets gelezen over CSS en positionering...?

Gebruik gewoon floats i.p.v. dingen absoluut te positioneren. Absoluut positioneren heeft zeker nut voor bepaalde scenario's, maar niet/nauwelijks voor het layouten van een pagina.

Bleuh.

donderdag 27 oktober 2011 @ 20:27:59 #111

Crimyclown

Sapper de fap!

quote:
Op donderdag 27 oktober 2011 20:26 schreef PimD het volgende:
Heb je uberhaupt iets gelezen over CSS en positionering...?

Gebruik gewoon floats i.p.v. dingen relatief te positioneren.

Ja ik weet genoeg van CSS maar moet in een korte tijd een HTML pagina als voorbeeld opsturen. Vandaar dat ik het snel doe met absolutes. Uiteindelijk komt alles in %.

Maar dat gaat blijkbaar niet werken

.

Anonieme tievesclown

donderdag 27 oktober 2011 @ 20:29:09 #112

PimD

Nee.

Je roept volgens mij maar wat. Opmaken in percentages heeft niks te maken met positionering.

Bleuh.

donderdag 27 oktober 2011 @ 20:29:51 #113

Crimyclown

Sapper de fap!

quote:
Op donderdag 27 oktober 2011 20:29 schreef PimD het volgende:
Je roept volgens mij maar wat. Opmaken in percentages heeft niks te maken met positionering.

Positioneren met percentages heeft niets te maken met positioneren?

Anonieme tievesclown

donderdag 27 oktober 2011 @ 20:34:02 #114

KomtTijd...

Opmaken in % heeft niets te maken met de problemen waar je tegenaan loopt dat je site niet flexibel is.

zcflevo.nl

donderdag 27 oktober 2011 @ 20:37:20 #115

Crimyclown

Sapper de fap!

Probleem is dat ik wanneer ik alles een absolute geef de container ook een vaste hoogte moet hebben. Maar dit is niet op een snelle manier op te lossen?

Nvm, gooi de hele zooi wel om. Denk dat dat sneller is.

Anonieme tievesclown

donderdag 27 oktober 2011 @ 20:38:46 #116

KomtTijd...

De snelle manier is om het gewoon gelijk goed te doen.

zcflevo.nl

donderdag 27 oktober 2011 @ 20:39:04 #117

PimD

Nee.

Gewoon een tabel gebruiken dus!

Bleuh.

donderdag 27 oktober 2011 @ 21:37:58 #118

boem-dikkie

Jedi Mind Baby!

Ik ben even kwijt hoe het komt dat mijn 'wrapper' div zichzelf niet langer maakt zodra de content daarbinnen langer wordt.

wrapper heeft gewoon een min-height van 300px en een height: auto;

Zou toch moeten werken?

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

donderdag 27 oktober 2011 @ 22:13:54 #119

KomtTijd...

Waarschijnlijk is al je content gefloat of absoluut gepositioneerd.

Doe 'm even overflow: hidden geven. (of in dat laatste geval: even de posts hierboven lezen)

zcflevo.nl

vrijdag 28 oktober 2011 @ 12:24:35 #120

Alfje

Hoi

Ik heb op een site een linkje naar een telefoonnummer <a href="tel:06xxxxxx">06-xxxxxxx</a>.
Ik weet dat het mogelijk is om aparte css te maken voor een handheld. Mijn vraag is of ik die css kan instellen voor enkel linkjes die een href met tel: hebben zonder deze elementen een aparte class of id mee te geven.

Ik denk zelf eigenlijk dat het niet kan, ik zou in ieder geval niet weten hoe. Wellicht dat er met javascript wel wat gedaan kan worden door alle linkjes te bekijken en degene met tel: als prefix van de href een class mee te geven, maar mischien is er een optie om dit gelijk binnen css te doen die ik niet ken.

vrijdag 28 oktober 2011 @ 12:58:52 #121

Catch22-

Ben je Blind?!

quote:
Op vrijdag 28 oktober 2011 12:24 schreef Alfje het volgende:
Ik heb op een site een linkje naar een telefoonnummer <a href="tel:06xxxxxx">06-xxxxxxx</a>.
Ik weet dat het mogelijk is om aparte css te maken voor een handheld. Mijn vraag is of ik die css kan instellen voor enkel linkjes die een href met tel: hebben zonder deze elementen een aparte class of id mee te geven.

Ik denk zelf eigenlijk dat het niet kan, ik zou in ieder geval niet weten hoe. Wellicht dat er met javascript wel wat gedaan kan worden door alle linkjes te bekijken en degene met tel: als prefix van de href een class mee te geven, maar mischien is er een optie om dit gelijk binnen css te doen die ik niet ken.

http://www.howtocreate.co.uk/tutorials/css/mediatypes
@media handheld {
#foo { position: static; }
}
Weet niet hoe goed dit werkt though. Of een telefoon dit oppakt.

quote:
Op donderdag 27 oktober 2011 21:37 schreef boem-dikkie het volgende:
Ik ben even kwijt hoe het komt dat mijn 'wrapper' div zichzelf niet langer maakt zodra de content daarbinnen langer wordt.

wrapper heeft gewoon een min-height van 300px en een height: auto;

Zou toch moeten werken?

Hij moet niet langer worden? Dan inderdaad een overflow hidden. Moet je echter wel een height definieren. Wat je nu hebt, is een halve min-height hack.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 28 oktober 2011 @ 15:51:08 #123

KomtTijd...

algemeen:
- wat is het nut van de extra div om het menu?
- waarom geef je al je UL's een classname?
- waarom maak je willekeurig allerlei elementen position:relative?

En wat staat er precies door elkaar? want een list zonder enige vorm van opmaak bestaat al gewoon uit elementen die netjes onder elkaar staan. En ik zie niets in je CSS wat dat zou kunnen veranderen.

en tot slot:
http://www.w3schools.com/cssref/pr_list-style.asp

zcflevo.nl

vrijdag 28 oktober 2011 @ 16:01:09 #124

boem-dikkie

Jedi Mind Baby!

quote:
Op vrijdag 28 oktober 2011 12:58 schreef Catch22- het volgende:

[..]

http://www.howtocreate.co.uk/tutorials/css/mediatypes
@media handheld {
#foo { position: static; }
}
Weet niet hoe goed dit werkt though. Of een telefoon dit oppakt.

[..]

Hij moet niet langer worden? Dan inderdaad een overflow hidden. Moet je echter wel een height definieren. Wat je nu hebt, is een halve min-height hack.

Dan doe ik altijd een halve min-height hack.

Zeg maar min-height is gewoon 300, en height: auto, want zodra hij dan langer wordt dan 300 neemt height: auto het over en past hij de height aan naar hoelang hij wordt.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

vrijdag 28 oktober 2011 @ 16:06:17 #125

KomtTijd...

Wat is er in hemelsnaam "hack" aan een min-height?

height:auto is trouwens de standaard waarde van een div dus die hoef je niet te specificeren.

zcflevo.nl

vrijdag 28 oktober 2011 @ 16:06:36 #126

Catch22-

Ben je Blind?!

quote:
Op vrijdag 28 oktober 2011 16:06 schreef KomtTijd... het volgende:
Wat is er in hemelsnaam "hack" aan een min-height?

height:auto is trouwens de standaard waarde van een div dus die hoef je niet te specificeren.

http://www.dustindiaz.com/min-height-fast-hack/

Voor browser-compatibility issues is dat wel handig.

Maar min-height impliceert al dat als hij minimaal die hoogte heeft en anders meeschaalt, dat is default behaviour.

Als je hem wél en height geeft geen overflow-hidden, schaalt hij overigens ook gewoon mee als het goed is.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 28 oktober 2011 @ 16:07:53 #127

KomtTijd...

quote:
Op vrijdag 28 oktober 2011 16:06 schreef Catch22- het volgende:
http://www.dustindiaz.com/min-height-fast-hack/

Maar min-height impliceert al dat als hij minimaal die hoogte heeft en anders meeschaalt, dat is default behaviour.

Als je hem wél en height geeft geen overflow-hidden, schaalt hij overigens ook gewoon mee als het goed is.

Als je 'm een height geeft (behalve "auto") schaalt'ie juist níét mee. Ongeacht de overflow. Daarmee bepaal je alleen wat er gebeurt als de content groter is dan de div. En overflow op iets anders dan visible (=default) zetten triggert eveneens dat het element weer meeschaalt met childs die gefloat zijn.

zcflevo.nl

vrijdag 28 oktober 2011 @ 16:11:18 #128

boem-dikkie

Jedi Mind Baby!

Hij schaalt dus niet mee, zal morgen eens overflow: hidden; proberen.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

vrijdag 28 oktober 2011 @ 16:12:03 #129

Catch22-

Ben je Blind?!

moet hij nu wel of niet schalen?

Als hij niet moet schalen, geef je een height met overflow:hidden aan. Moet hij wel schalen, geef je hem een min-height

@KomtTijd je hebt gelijk. Heb zelf dusdanig vaste patronen ontwikkeld dat daarbuiten denken wat lastig gaat soms

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 28 oktober 2011 @ 16:40:54 #130

boem-dikkie

Jedi Mind Baby!

quote:
Op vrijdag 28 oktober 2011 16:12 schreef Catch22- het volgende:
moet hij nu wel of niet schalen?

Als hij niet moet schalen, geef je een height met overflow:hidden aan. Moet hij wel schalen, geef je hem een min-height

@KomtTijd je hebt gelijk. Heb zelf dusdanig vaste patronen ontwikkeld dat daarbuiten denken wat lastig gaat soms

Haha. Mijn wrapper duwt als het ware de footer naar beneden. Daarom zit er ook een min-height aan de wrapper, zodat als er weinig content in staat de lay-out in ieder geval goed is. Wat er nu gebeurt is dat hij zodra de content groter is dan de wrapper, hij buiten de wrapper valt, de footer op zijn plek blijft en de content vervolgens onder de footer uit komt.

Ik wil dus dat de content 'in' de wrapper blijft zitten zodat de wrapper als de pagina langer wordt door content alsnog de footer naar beneden blijft drukken.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

vrijdag 28 oktober 2011 @ 16:42:44 #131

Catch22-

Ben je Blind?!

Geen height (of minheight) opgeven en je content een float meegeven

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 28 oktober 2011 @ 16:45:48 #132

KomtTijd...

quote:
Op vrijdag 28 oktober 2011 16:40 schreef boem-dikkie het volgende:

[..]

Haha. Mijn wrapper duwt als het ware de footer naar beneden. Daarom zit er ook een min-height aan de wrapper, zodat als er weinig content in staat de lay-out in ieder geval goed is. Wat er nu gebeurt is dat hij zodra de content groter is dan de wrapper, hij buiten de wrapper valt, de footer op zijn plek blijft en de content vervolgens onder de footer uit komt.

Ik wil dus dat de content 'in' de wrapper blijft zitten zodat de wrapper als de pagina langer wordt door content alsnog de footer naar beneden blijft drukken.

En de elementen ín de wrapper zijn gefloat?

zcflevo.nl

vrijdag 28 oktober 2011 @ 16:51:38 #133

boem-dikkie

Jedi Mind Baby!

Elementen in de wrapper zijn inderdaad gefloat.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

vrijdag 28 oktober 2011 @ 16:55:20 #134

KomtTijd...

Dan moet je inderdaad van de wrapper de overflow propertie op iets niet-standaards zetten (bijv. hidden).
Of je moet onder de gefloate elementen een extra element plaatsen dat zelf niet gefloat is, met clear:both. Maar dan moet je dus je HTML aanpassen.

zcflevo.nl

vrijdag 28 oktober 2011 @ 16:57:08 #135

Catch22-

Ben je Blind?!

als die wrapper float en zijn elementen ook, schaalt die wrapper toch gewoon mee? Of let ik niet goed op?

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 28 oktober 2011 @ 17:07:57 #136

boem-dikkie

Jedi Mind Baby!

quote:
Op vrijdag 28 oktober 2011 16:55 schreef KomtTijd... het volgende:
Dan moet je inderdaad van de wrapper de overflow propertie op iets niet-standaards zetten (bijv. hidden).
Of je moet onder de gefloate elementen een extra element plaatsen dat zelf niet gefloat is, met clear:both. Maar dan moet je dus je HTML aanpassen.

Ik denk dat ik dat maar doe, wellicht handiger.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

vrijdag 28 oktober 2011 @ 17:09:30 #137

KomtTijd...

http://www.w3.org/TR/CSS21/visuren.html#bfc-next-to-float

Hier, leesvoer.

zcflevo.nl

vrijdag 28 oktober 2011 @ 18:19:20 #138

PimD

Nee.

quote:
Op vrijdag 28 oktober 2011 12:24 schreef Alfje het volgende:
Ik heb op een site een linkje naar een telefoonnummer <a href="tel:06xxxxxx">06-xxxxxxx</a>.
Ik weet dat het mogelijk is om aparte css te maken voor een handheld. Mijn vraag is of ik die css kan instellen voor enkel linkjes die een href met tel: hebben zonder deze elementen een aparte class of id mee te geven.

1
2
3

a:link[href^=tel:]{
-- je l33te css-code
}

Zou moeten werken in alle moderne browsers. Specifieke CSS uitleveren kun je idd met een mediaquery doen, of met een tool als Modernizr checken of je op een touch-device zit.

Bleuh.

vrijdag 28 oktober 2011 @ 22:48:39 #140

KomtTijd...

1
2
3
4
5

1
2
3
4
5
6
7

#menu li {
    background: #744F03;
    border: 1px solid black; /* <-- deze volgorde is correct overigens */
    width: 20px;
    height: 20px;
    list-style-type: none;
}

dit zou genoeg moeten zijn?

zcflevo.nl

zaterdag 29 oktober 2011 @ 08:48:31 #141

Chandler

weet iemand waar ik een plugin kan vinden voor jquery zoals deze:

http://vaasje.amstel.nl/contact/ (klik even op 'Klik hier om te kijken of het antwoord op je vraag bij de veelgestelde vragen staat.') dan zie je een faq, dat zoek ik ook! maar kan het niet vinden

Just say hi!

zaterdag 29 oktober 2011 @ 08:53:23 #142

PimD

Nee.

Zoek even op 'jquery accordion' - zat voorbeelden te vinden. Volgens mij zit het ook standaard in de jQuery UI library.

Bleuh.

zaterdag 29 oktober 2011 @ 10:23:40 #143

Scorpie

Abject en infaam!

quote:
Op zaterdag 29 oktober 2011 08:53 schreef PimD het volgende:
Zoek even op 'jquery accordion' - zat voorbeelden te vinden. Volgens mij zit het ook standaard in de jQuery UI library.

Correct, dit is de jQuery UI versie volgens mij

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

woensdag 2 november 2011 @ 23:43:25 #144

cablegunmaster

Redacted

Ik heb een klein css probleempje met 2 knoppen.

Het gaat hier om een
<input type>
<button type>
Deze 2 verschillen geen moer van css.
maar toch willen ze net iets anders weergeven.

Hoe kan ik dit oplossen?

Betreffende pagina:
http://www.clickenweb.nl/(...)aantal=20000&prijs=1

Redacted

woensdag 2 november 2011 @ 23:49:48 #145

Light

Lettertype en lettergrootte instellen, die zijn verschillend.

fokstok.nl

donderdag 3 november 2011 @ 09:11:19 #146

Walter81

quote:
Op woensdag 2 november 2011 23:43 schreef cablegunmaster het volgende:
Ik heb een klein css probleempje met 2 knoppen.

Het gaat hier om een
<input type>
<button type>
Deze 2 verschillen geen moer van css.
maar toch willen ze net iets anders weergeven.

Hoe kan ik dit oplossen?

Betreffende pagina:
http://www.clickenweb.nl/(...)aantal=20000&prijs=1

Input en Button in css beiden dezelfde eigenschappen geven (zelfde font, zelfde fontgrootte)

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

donderdag 3 november 2011 @ 09:21:06 #147

Catch22-

Ben je Blind?!

1
2
3
4

input[type='submit'], button {
border:none;
background:transparent; //of je eigen kleur
}

in mozilla moet je ook nog een shadow oid uitzetten, daar moet je voor googlen

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

maandag 7 november 2011 @ 09:06:49 #148

MrNiles

zijn er goede site die je kunnen helpen met de opbouw van je site,
dus de opmaak van alle blokken?
kan het wel zelf uitvogelen, maar het is vaak wel leerzaam om te zien hoe het opgebouwt wordt

maandag 7 november 2011 @ 10:25:03 #149

KomtTijd...

Vrijwel iedere website kan dat.

rechtermuis->bron weergeven.

(alleen FOK! is misschien géén goed voorbeeld)

zcflevo.nl

maandag 7 november 2011 @ 10:30:08 #150

MrNiles

quote:
Op maandag 7 november 2011 10:25 schreef KomtTijd... het volgende:
Vrijwel iedere website kan dat.

rechtermuis->bron weergeven.

(alleen FOK! is misschien géén goed voorbeeld)

ik bedoel eigenlijk een site die je helpt met het bouwen van je opmaak

maandag 7 november 2011 @ 10:33:02 #151

Scorpie

Abject en infaam!

quote:
Op maandag 7 november 2011 10:30 schreef MrNiles het volgende:

[..]

ik bedoel eigenlijk een site die je helpt met het bouwen van je opmaak

Daar heb je design bureau`s voor.

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

maandag 7 november 2011 @ 11:33:53 #152

Walter81

quote:
Op maandag 7 november 2011 09:06 schreef MrNiles het volgende:
zijn er goede site die je kunnen helpen met de opbouw van je site,
dus de opmaak van alle blokken?
kan het wel zelf uitvogelen, maar het is vaak wel leerzaam om te zien hoe het opgebouwt wordt

Probeer eerst eens een opmaak in blokken met pen en papier te maken. En dan in Photoshop. En dat dan 1-op-1 nabouwen in HTML.

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

maandag 7 november 2011 @ 14:03:54 #153

DaFan

Beter met Firebug dan toch? Kan je ook elementen aanklikken en bekijken wat de code is

maandag 7 november 2011 @ 14:07:18 #154

Catch22-

Ben je Blind?!

waarom zou je het willen? Je moet een basiskennis ontwikkelen van HTML. Welke elementen zijn er, wat kan je er mee en waar zijn ze voor?

Dan ga je CSS leren. Welke properties zijn er, wat doen ze, hoe gebruik je ze?

Dan maak je layout en die ga je uitwerken.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

maandag 7 november 2011 @ 15:42:43 #155

MrNiles

quote:
Op maandag 7 november 2011 14:07 schreef Catch22- het volgende:
waarom zou je het willen? Je moet een basiskennis ontwikkelen van HTML. Welke elementen zijn er, wat kan je er mee en waar zijn ze voor?

Dan ga je CSS leren. Welke properties zijn er, wat doen ze, hoe gebruik je ze?

Dan maak je layout en die ga je uitwerken.

ik zal beter m'n best doen

ander vraagje dan...js
ik heb een pop-up calender gevonden die ik graag wil gebruiken

maar natuurlijk wil ik weer iets wat er niet inzit..
Graag zou ik willen dat je van een calender alleen de maandagen kan kiezen,
dus op de 1 of andere manier moet de rest van de dagen niet "klik"-baar zijn.

Hopelijk kan iemand me een passende oplossing geven
Ik gebruik het volgende script (zo van een site geplukt, )

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.

een compleet ander script mag ook als dat makkelijker aan te passen zou zijn

maandag 7 november 2011 @ 19:35:00 #156

MrNiles

niemand een idee?
jammer...

een andere dan.
met onderstaande code krijg ik in FF een omschrijving en dan op de volgende regel een invulveld.
In IE krijg ik voor het eerste invulveld een omschrijving, dan een extra regel en dan pas op een volgende regel het invulveld. IE krijgt dus een extra regel ergens vandaan...
Bij het tweede invulveld gaat het wel goed.
Waar haalt IE die extra regel vandaan?

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.

maandag 7 november 2011 @ 19:42:43 #157

Tegan

quote:
Op maandag 7 november 2011 09:06 schreef MrNiles het volgende:
zijn er goede site die je kunnen helpen met de opbouw van je site,
dus de opmaak van alle blokken?
kan het wel zelf uitvogelen, maar het is vaak wel leerzaam om te zien hoe het opgebouwt wordt

http://www.garysimon.net/webdesign_tutorial/2

dinsdag 8 november 2011 @ 11:49:26 #158

Catch22-

Ben je Blind?!

quote:
Op maandag 7 november 2011 19:35 schreef MrNiles het volgende:
niemand een idee?
jammer...

een andere dan.
met onderstaande code krijg ik in FF een omschrijving en dan op de volgende regel een invulveld.
In IE krijg ik voor het eerste invulveld een omschrijving, dan een extra regel en dan pas op een volgende regel het invulveld. IE krijgt dus een extra regel ergens vandaan...
Bij het tweede invulveld gaat het wel goed.
Waar haalt IE die extra regel vandaan?

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.

ik hou er niet van; maar als je een datepicker wil, gebruik je de jQueryUI datepicker.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 8 november 2011 @ 12:00:10 #159

MrNiles

quote:
Op dinsdag 8 november 2011 11:49 schreef Catch22- het volgende:

[..]

ik hou er niet van; maar als je een datepicker wil, gebruik je de jQueryUI datepicker.

het gaat niet om de datum picker,
die heb ik
het gaat om de extra witregel die ik in IE heb..en die ik niet wil zien

dinsdag 8 november 2011 @ 13:14:34 #160

KomtTijd...

Misschien maakt IE van een label een block-element? Je weet maar nooit...

En hou eens op je code in spoilers te posten, voor code is er gewoon de [code] tag.

zcflevo.nl

dinsdag 8 november 2011 @ 13:19:36 #161

mschol

quote:
Op maandag 7 november 2011 19:35 schreef MrNiles het volgende:
niemand een idee?
jammer...

een andere dan.
met onderstaande code krijg ik in FF een omschrijving en dan op de volgende regel een invulveld.
In IE krijg ik voor het eerste invulveld een omschrijving, dan een extra regel en dan pas op een volgende regel het invulveld. IE krijgt dus een extra regel ergens vandaan...
Bij het tweede invulveld gaat het wel goed.
Waar haalt IE die extra regel vandaan?

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.

moet/kan de input niet binnen de label tag vallen?
zo dus:

1
2
3
4
5

<p>
<label for="datum">Datum: <br />
<input type="text" name="datum" id="datum" />
</label>
</p>

die extra witregel komt wss van <label> af denk ik namelijk

dinsdag 8 november 2011 @ 13:27:46 #162

mstx

2x1/2 = 1/2 x 1/2

quote:
Op dinsdag 8 november 2011 13:19 schreef mschol het volgende:

[..]

moet/kan de input niet binnen de label tag vallen?
zo dus:
[ code verwijderd ]

die extra witregel komt wss van <label> af denk ik namelijk

Nee dat moet niet.
Ik denk ook dat het komt doordat de <label> op de een of andere manier een block element wordt.
Je HTML is trouwens ook niet valid als je <table><form></table></form> doet, en een <form> kan niet direct binnen de <table> staan.

Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾

dinsdag 8 november 2011 @ 13:38:12 #163

KomtTijd...

quote:
Op dinsdag 8 november 2011 13:19 schreef mschol het volgende:

[..]

moet/kan de input niet binnen de label tag vallen?
zo dus:
[ code verwijderd ]

Als je dat doet hoef je geen for="" te gebruiken.

zcflevo.nl

dinsdag 8 november 2011 @ 14:30:48 #164

KomtTijd...

Ik heb even een OP gemaakt, post hem even hier zodat een moderator hem in de echte OP kan zetten.
______________________________________________________________________________

[html, css, js] Voor Dummies

Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript _{(niet te verwarren met programmeertaal Java)} is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic

Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (

), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.

zcflevo.nl

dinsdag 8 november 2011 @ 14:31:19 #165

Bart

Slecht voor de gezondheid

Staat erin

.

I have the cape. I make the fucking Whoosh noise.
Op donderdag 12 juli 2012 19:56 schreef Lithia het volgende:
Ik durf hier niets over te zeggen. Bart is koning hier.

dinsdag 8 november 2011 @ 14:31:59 #166

Catch22-

Ben je Blind?!

waarom is dit een html, css, js topic als er ook een js topic is?

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 8 november 2011 @ 14:36:54 #167

DannyDeko

:)

quote:
Op dinsdag 8 november 2011 14:31 schreef Catch22- het volgende:
waarom is dit een html, css, js topic als er ook een js topic is?

En waarom is er geen Java topic ? Kan namelijk wel even wat hulp gebruiken..

dinsdag 8 november 2011 @ 14:38:51 #168

KomtTijd...

quote:
Op dinsdag 8 november 2011 14:31 schreef Catch22- het volgende:
waarom is dit een html, css, js topic als er ook een js topic is?

Omdat het allemaal met elkaar te maken heeft en vaak in elkaar overloopt. Denk ik.

quote:
Op dinsdag 8 november 2011 14:36 schreef DannyDeko het volgende:

[..]

En waarom is er geen Java topic ? Kan namelijk wel even wat hulp gebruiken..

http://zoeken.fok.nl/zoek(...)tatus%5B%5D=centraal

zcflevo.nl

dinsdag 8 november 2011 @ 14:38:57 #169

Scorpie

Abject en infaam!

quote:
Op dinsdag 8 november 2011 14:31 schreef Catch22- het volgende:
waarom is dit een html, css, js topic als er ook een js topic is?

Waar is het JS topic?

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

dinsdag 8 november 2011 @ 14:39:56 #170

KomtTijd...

quote:
Op dinsdag 8 november 2011 14:38 schreef Scorpie het volgende:

[..]

Waar is het JS topic?

Zie OP

zcflevo.nl

dinsdag 8 november 2011 @ 14:40:47 #171

Catch22-

Ben je Blind?!

quote:
Op dinsdag 8 november 2011 14:38 schreef KomtTijd... het volgende:

[..]

Omdat het allemaal met elkaar te maken heeft en vaak in elkaar overloopt. Denk ik.

ja dat snap ik, maar 2 topics voor JS?

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 8 november 2011 @ 14:42:59 #172

DannyDeko

:)

quote:
Op dinsdag 8 november 2011 14:38 schreef KomtTijd... het volgende:

[..]

http://zoeken.fok.nl/zoek(...)tatus%5B%5D=centraal

Is geen lopend java topic te vinden hoor.

dinsdag 8 november 2011 @ 14:44:18 #173

Catch22-

Ben je Blind?!

Dan open je er 1

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 8 november 2011 @ 15:33:02 #174

DannyDeko

:)

Ik gooi het toch maar even hier neer misschien dat iemand het weet:

Het scenario:
Indien 'first' groter is dan 'second' en 'third' dan moet 'mostExpensive' de waarde van 'first' dus overnemen.

Hoe doe ik dat? Ik ben nog een hele erge beginner en google is ondertussen m'n vriend niet meer.

1
2
3
4
5
6

if (first > second && first > third) {
             first = mostExpensive;}

        double discount = (mostExpensive * DISCOUNT_PERCENTAGE) - mostExpensive;
        out.printf("Discount:%.2f\n" ,
                discount);

dinsdag 8 november 2011 @ 15:38:16 #175

Catch22-

Ben je Blind?!

doe eens mostexpensive =first;

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 8 november 2011 @ 15:48:35 #176

DannyDeko

:)

quote:
Op dinsdag 8 november 2011 15:38 schreef Catch22- het volgende:
doe eens mostexpensive =first;

Zelfde verhaal.

Ik denk eigenlijk dat ik eerst mostExpensive moet definieren zoiets als dit:
mostExpensive = first
if (first > second && first > third)

Want ik blijf nu een error houden die blijft zeggen dat mostExpensive niet als variable resolved kan worden.

dinsdag 8 november 2011 @ 15:50:41 #177

mstx

2x1/2 = 1/2 x 1/2

quote:
Op dinsdag 8 november 2011 15:48 schreef DannyDeko het volgende:
Want ik blijf nu een error houden die blijft zeggen dat mostExpensive niet als variable resolved kan worden.

Bedoel je dat die nog niet gedefinieerd is?

Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾

dinsdag 8 november 2011 @ 15:51:56 #178

Scorpie

Abject en infaam!

Als je nergens mostExpensive hebt gedeclareerd dan klopt dat. Java verwacht dat alle variablen expliciet gedefinieerd worden met een type;

String foo = "bar";
Boolean mostExpensive = false;
Integer numberOfCollections = 0;

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

dinsdag 8 november 2011 @ 15:56:56 #179

DannyDeko

:)

quote:
Op dinsdag 8 november 2011 15:50 schreef mstx het volgende:

[..]

Bedoel je dat die nog niet gedefinieerd is?

quote:
Op dinsdag 8 november 2011 15:51 schreef Scorpie het volgende:
Als je nergens mostExpensive hebt gedeclareerd dan klopt dat. Java verwacht dat alle variablen expliciet gedefinieerd worden met een type;

String foo = "bar";
Boolean mostExpensive = false;
Integer numberOfCollections = 0;

Klopt, is ie niet.

Ik gooi hier even de gehele code neer zoals die wel werkt. Maar waar de waarde voor mostExpensive door mij is gegeven en niet is gevonden door first > second && first > third.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

package Electronics;

import java.util.Scanner;
import java.io.PrintStream;

public class Electronics {
    static final double DISCOUNT_PERCENTAGE = 1.15;
    PrintStream out;

    Electronics() {
        out = new PrintStream(System.out);
    }

    void start() {

        Scanner in = new Scanner(System.in);

        out.printf("Enter the price of the first article:");
        double first = in.nextDouble();

        out.printf("Enter the price of the second article:");
        double second = in.nextDouble();

        out.printf("Enter the price of the third article:");
        double third = in.nextDouble();

    //    if ((first > second) && (first > third))

        double mostExpensive = 200;

        double discount = (mostExpensive * DISCOUNT_PERCENTAGE) - mostExpensive;
        out.printf("Discount:%.2f\n" ,
                discount);

        double total = first - discount + second + third;
        out.printf("Total:%.2f\n" ,
                total);





    }

    public static void main(String[] args) {
        new Electronics().start();

    }

}

dinsdag 8 november 2011 @ 15:57:40 #180

Catch22-

Ben je Blind?!

Dude... zoek een starter/dummyguide op alsjeblieft, anders ga je jezelf van kant maken.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 8 november 2011 @ 16:00:53 #181

DannyDeko

:)

quote:
Op dinsdag 8 november 2011 15:57 schreef Catch22- het volgende:
Dude... zoek een starter/dummyguide op alsjeblieft, anders ga je jezelf van kant maken.

... Alles wat daar staat is zoals het mij geleerd is. Enige wat ik dus niet voor elkaar krijs om een waarde te genereren via een condition.

dinsdag 8 november 2011 @ 16:11:57 #182

Catch22-

Ben je Blind?!

moet je niet doen; je moet voor die conditie de var definieren en een waarde geven.

En dan te bedenken dat ik nog nooit iets met Java heb gedaan.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 8 november 2011 @ 16:13:08 #183

Scorpie

Abject en infaam!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

<?php
package Electronics;
import java.util.Scanner;
import java.io.PrintStream;

public class Electronics {
    static final double DISCOUNT_PERCENTAGE = 1.15;
    PrintStream out;

    Electronics() {
      out = new PrintStream(System.out);
    }

    void start() {
      Scanner in = new Scanner(System.in);
      out.printf("Enter the price of the first article:");
      double first = in.nextDouble();
      out.printf("Enter the price of the second article:");
      double second = in.nextDouble();
      out.printf("Enter the price of the third article:");
      double third = in.nextDouble();

      double[] numbers = [first, second, third];
      double mostExpensive = findLargest(numbers);

      double discount = (mostExpensive * DISCOUNT_PERCENTAGE) - mostExpensive;
      out.printf("Discount:%.2f\n" , discount);
      double total = first - discount + second + third;
      out.printf("Total:%.2f\n" , total);
    }

    private double findLargest(double[] data){
      double highest = 0;
      for(int i=0; i< data.length; i++){
        if(data[i] > highest){
          highest = data[i];
        }
      }
      return highest;
    }

    public static void main(String[] args) {
        new Electronics().start();

    }
}
?>

Zoiets? Niet getest.

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

dinsdag 8 november 2011 @ 16:14:41 #184

Scorpie

Abject en infaam!

Daarnaast moet je echt een Java beginners guide lezen. Ik had te weinig tijd, anders had ik die hele class herschreven namelijk.

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

dinsdag 8 november 2011 @ 16:15:11 #185

KomtTijd...

Jongens WTF?

Dit is geen JAVA-topic!

zcflevo.nl

dinsdag 8 november 2011 @ 16:15:56 #186

Scorpie

Abject en infaam!

quote:
Op dinsdag 8 november 2011 16:15 schreef KomtTijd... het volgende:
Jongens WTF?

Dit is geen JAVA-topic!

Chill. We gaan niet meer offtopic.

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

dinsdag 8 november 2011 @ 16:18:33 #187

Bart

Slecht voor de gezondheid

Rustig jongens, rustig

.
Maar het is misschien wel handig om voor offtopic dingen een eigen topic te openen

.

I have the cape. I make the fucking Whoosh noise.
Op donderdag 12 juli 2012 19:56 schreef Lithia het volgende:
Ik durf hier niets over te zeggen. Bart is koning hier.

dinsdag 8 november 2011 @ 16:23:47 #188

Scorpie

Abject en infaam!

quote:
Op dinsdag 8 november 2011 16:18 schreef Bart het volgende:
Rustig jongens, rustig .
Maar het is misschien wel handig om voor offtopic dingen een eigen topic te openen .

PAK HEM BART! PAK HEM!

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

dinsdag 8 november 2011 @ 16:26:02 #189

boem-dikkie

Jedi Mind Baby!

JEZUS WELKE MONGOOL POST ER NOU JAVA VRAGEN IN EEN TOPIC DIE DAAR HELEMAAL NIET OVER GAAT, WAT EEN IDIOOT.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

dinsdag 8 november 2011 @ 16:26:27 #190

Catch22-

Ben je Blind?!

hallon hoe gaat t

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 8 november 2011 @ 16:30:20 #191

DannyDeko

:)

quote:
Op dinsdag 8 november 2011 16:26 schreef boem-dikkie het volgende:
JEZUS WELKE MONGOOL POST ER NOU JAVA VRAGEN IN EEN TOPIC DIE DAAR HELEMAAL NIET OVER GAAT, WAT EEN IDIOOT.

Bedankt voor de moeite in ieder geval Scorpie, zal het zo even testen

dinsdag 8 november 2011 @ 16:32:04 #192

KomtTijd...

Pfft dan niet joh. Kunnen we de TT ook wel gelijk veranderen in [willekeurige programmeer-SC] ofzo.

zcflevo.nl

dinsdag 8 november 2011 @ 16:33:41 #193

Scorpie

Abject en infaam!

quote:
Op dinsdag 8 november 2011 16:32 schreef KomtTijd... het volgende:
Pfft dan niet joh. Kunnen we de TT ook wel gelijk veranderen in [willekeurige programmeer-SC] ofzo.

Doen al die HTML/CSS nichten zo huilie ? Wij Javanen zijn die-hard old skool bastards zonder gevoel!

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

dinsdag 8 november 2011 @ 16:35:51 #194

boem-dikkie

Jedi Mind Baby!

quote:
Op dinsdag 8 november 2011 16:32 schreef KomtTijd... het volgende:
Pfft dan niet joh. Kunnen we de TT ook wel gelijk veranderen in [willekeurige programmeer-SC] ofzo.

Haha ik snap je punt vond alleen dat er wat overtrokken gereageerd werd.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

dinsdag 8 november 2011 @ 17:54:51 #195

MrNiles

quote:
Op dinsdag 8 november 2011 13:27 schreef mstx het volgende:

[..]

Nee dat moet niet.
Ik denk ook dat het komt doordat de <label> op de een of andere manier een block element wordt.
Je HTML is trouwens ook niet valid als je <table><form></table></form> doet, en een <form> kan niet direct binnen de <table> staan.

close

ik begon dus een table zonder verder tr en td te gebruiken...

table weggehaalt...fixed

woensdag 9 november 2011 @ 11:43:50 #196

Crientj

Ik heb een pagina die zowel horizontaal als verticaal is uitgelijnd, maar er zit een image in met een background-repeat: repeat-x;.
Op het moment dat ik m verticaal ga centreren verdwijnt die repeat-x. Hoe kan ik dit omzeilen en alsnog de repeat-x terughalen?

1
2
3
4
5
6
7
8
9

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

body {
    background-color: #000;
}

#box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -500px;
    margin-left: -500px;
}

#background {
    background-image: url(background.jpg);
    background-repeat: repeat-x;
    height: 423px;
    width: 100%;
    margin-top: 225px;
    margin-left: -15px;
}

#content {
    text-align: center;
    padding-top: 35px;
}

woensdag 9 november 2011 @ 11:53:32 #197

Catch22-

Ben je Blind?!

wat een rare positionering? left en top aangeven én margins? Hoe centreer je hem?

Je moet die box een breedte geven en een margin:auto;

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

woensdag 9 november 2011 @ 11:54:39 #198

Crientj

Ik volgde maar een tutorial; daar zeiden ze dat

Die 50% zorgt er namelijk voor dat ie helemaal rechtsonder komt te staan, en met de negatieve margin haal je m weer terug.

[ Bericht 30% gewijzigd door Crientj op 09-11-2011 11:55:44 (;() ]

woensdag 9 november 2011 @ 12:04:22 #199

Crientj

Nou ja, laat maar zitten ofzo

Is ook geen ramp als ie er zo uitziet.

woensdag 9 november 2011 @ 12:05:29 #200

KomtTijd...

En heb je al eens bedacht wat er gebeurt als iemand zijn browser kleiner heeft dan 1000 pixels breed of hoog?

zcflevo.nl

woensdag 9 november 2011 @ 14:38:58 #201

Walter81

quote:
Op maandag 7 november 2011 15:42 schreef MrNiles het volgende:

[..]

ik zal beter m'n best doen

ander vraagje dan...js
ik heb een pop-up calender gevonden die ik graag wil gebruiken

maar natuurlijk wil ik weer iets wat er niet inzit..
Graag zou ik willen dat je van een calender alleen de maandagen kan kiezen,
dus op de 1 of andere manier moet de rest van de dagen niet "klik"-baar zijn.

Hopelijk kan iemand me een passende oplossing geven
Ik gebruik het volgende script (zo van een site geplukt, )

een compleet ander script mag ook als dat makkelijker aan te passen zou zijn

De bron uit die pagina heb ik eens bekeken,
Daar staat een stukje javascript in.
Probeer eens het volgende aan te passen (zie mijn commentaar bij de aanvullingen thv regel 39.
Ik heb niet getest of het werkt , maar je kan het proberen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

En de volgende functie toevoegen:

1
2
3

function ds_template_day2(d, m, y) {
return '<td class="ds_cell">' + d + '</td>'; //ZONDER DE ONCLICK_FUNCTUE
}

Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.

woensdag 9 november 2011 @ 15:32:17 #202

MrNiles

hoe kan ik deze functie

1
2
3
4
5
6
7

    $(function() {
        $( "#datepicker" ).datepicker({
            showWeek: true,
            firstDay: 1
        });
    });
    </script>

combineren met deze

1
2
3
4
5
6

$("#datepicker").datepicker({
beforeShowDay: function(date){
var day = date.getDay();
return [(day != 0)];
}
});

woensdag 9 november 2011 @ 15:34:35 #203

Catch22-

Ben je Blind?!

1
2
3
4
5
6
7
8

$( "#datepicker" ).datepicker({
            showWeek: true,
            firstDay: 1,
beforeShowDay: function(date){
var day = date.getDay();
return [(day != 0)];
}
        });

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

woensdag 9 november 2011 @ 15:53:57 #204

MrNiles

quote:
Op woensdag 9 november 2011 15:34 schreef Catch22- het volgende:

[ code verwijderd ]

thanks...ik ken echt niets in js
maar dat het zo simpel kon zijn door een ,
ik was al moeilijk aan het doen met )};

ik ga een keer een tutor lezen

maar voor nu ben ik ff geholpen...leuke shit dat jQuery

woensdag 9 november 2011 @ 17:02:27 #205

Tegan

quote:
Op dinsdag 8 november 2011 14:36 schreef DannyDeko het volgende:

[..]

En waarom is er geen Java topic ? Kan namelijk wel even wat hulp gebruiken..

quote:
Op dinsdag 8 november 2011 14:42 schreef DannyDeko het volgende:

[..]

Is geen lopend java topic te vinden hoor.

quote:
Op dinsdag 8 november 2011 14:44 schreef Catch22- het volgende:
Dan open je er 1

quote:
Op dinsdag 8 november 2011 15:33 schreef DannyDeko het volgende:
Ik gooi het toch maar even hier neer misschien dat iemand het weet:

Wat een mentaliteit.

woensdag 9 november 2011 @ 17:05:15 #206

Catch22-

Ben je Blind?!

quote:
Op woensdag 9 november 2011 15:53 schreef MrNiles het volgende:

[..]

thanks...ik ken echt niets in js
maar dat het zo simpel kon zijn door een ,
ik was al moeilijk aan het doen met )};

ik ga een keer een tutor lezen
maar voor nu ben ik ff geholpen...leuke shit dat jQuery

Klopt

je hebt properties met jQuery plugins, aan de plugins hang je een string "bla", een integer 1, een bool true, of een function() {}.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

woensdag 9 november 2011 @ 23:00:18 #207

boem-dikkie

Jedi Mind Baby!

Weet iemand hier waarom font-family: Helvetica; in Chrome en Firefox gewoon normaal is en hij in Internet Explorer opeens italic is?

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

woensdag 9 november 2011 @ 23:39:18 #208

KomtTijd...

Misschien vonden ze dat er nog niet genoeg bugs in hun browser zaten?

zcflevo.nl

donderdag 10 november 2011 @ 05:50:18 #210

PimD

Nee.

Hopen? Bidden op je blote knietjes bedoel je

Bleuh.

donderdag 10 november 2011 @ 08:17:55 #211

boem-dikkie

Jedi Mind Baby!

De website ziet er prima uit in Internet Explorer behalve dat alles Italic is. Wat het niet eigenlijk weer niet zo prima maakt.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

donderdag 10 november 2011 @ 09:22:11 #212

Catch22-

Ben je Blind?!

quote:
Op woensdag 9 november 2011 23:42 schreef Dimens het volgende:

[..]

Wel waar, altijd moet ik maar hopen dat het goed werkt in Internet Explorer als ik een website maak.

Dan moet je wat beter aan je opzet werken. Ik heb echt nog maar zelden IE issues. Heel soms even een breedte iets anders zetten oid.

IE9 hoef ik nooit wat voor te doen, IE8 eigenlijk ook bijna nooit, IE7 soms wat extra margins om dingen goed te zetten.

IE6 kijk ik niet eens meer in

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 10 november 2011 @ 09:47:56 #213

boem-dikkie

Jedi Mind Baby!

Ik ook bijna niet met de recente IE. Alleen als op 'compatibility-view' druk naast de URL-balk. Maar weet niet zo goed wat dat inhoudt. Laat hij dan de oudere versie zien?

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

donderdag 10 november 2011 @ 09:51:31 #214

Catch22-

Ben je Blind?!

Heb je IE9?

want de compatibility view van IE9 naar 8 en 7 is inaccuraat. Als je onder windows 7 werkt moet je XP Mode even installeren, daar kan je dan IE8 draaien en dan kan je 8 en 7 wel goed testen.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 10 november 2011 @ 09:52:35 #215

boem-dikkie

Jedi Mind Baby!

Thanks voor de tip, ik weet niet wat voor IE, ik gebruik het nooit op testen na.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

donderdag 10 november 2011 @ 10:34:44 #217

MrNiles

wat is een mooie site met goede jQuery voorbeelden?

donderdag 10 november 2011 @ 10:35:24 #218

Scorpie

Abject en infaam!

quote:
Op donderdag 10 november 2011 10:34 schreef MrNiles het volgende:
wat is een mooie site met goede jQuery voorbeelden?

Bedoel je voorbeelden als in tuts of plugins?

Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.

donderdag 10 november 2011 @ 10:37:55 #219

Catch22-

Ben je Blind?!

quote:
Op donderdag 10 november 2011 10:29 schreef Dimens het volgende:

[..]

Ik ben nog niet zo goed in het maken van een website, ik ken de truukjes dus nog niet zo goed. Laatst ook weer een website gemaakt, zag er prima uit. Chrome deed hij het perfect, Firefox geen enkel probleem, Safari prima maar toen ik hem ging openen met Internet Explorer, was heel het navigatie menu van links naar het midden verplaatst en zag het er niet meer uit.

dat is een bitch inderdaad, door ervaring weet je wat je wel en niet moet doen om zulke problemen te voorkomen.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 10 november 2011 @ 10:43:23 #220

MrNiles

quote:
Op donderdag 10 november 2011 10:35 schreef Scorpie het volgende:

[..]

Bedoel je voorbeelden als in tuts of plugins?

beide..maar liever echt toepassingen (plugins dus)

donderdag 10 november 2011 @ 10:44:22 #221

Catch22-

Ben je Blind?!

www.jQueryUI.com ?

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 10 november 2011 @ 10:47:30 #222

MrNiles

quote:
Op woensdag 9 november 2011 14:38 schreef Walter81 het volgende:

[..]

De bron uit die pagina heb ik eens bekeken,
Daar staat een stukje javascript in.
Probeer eens het volgende aan te passen (zie mijn commentaar bij de aanvullingen thv regel 39.
Ik heb niet getest of het werkt , maar je kan het proberen.
[ code verwijderd ]

En de volgende functie toevoegen:
[ code verwijderd ]

bedankt nog voor je input..maar ik heb een andere datepicker (google jquery datepicker) gevonden waarin op een andere site kant en klaar werd uitgelegt hoe je datum of complete dagen kan uitzetten, http://hotgluemedia.com/b(...)day-from-datepicker/

donderdag 10 november 2011 @ 10:48:33 #223

Catch22-

Ben je Blind?!

zit in jQuery UI en dat is een erg goede.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 10 november 2011 @ 10:49:59 #224

MrNiles

quote:
Op donderdag 10 november 2011 10:44 schreef Catch22- het volgende:
www.jQueryUI.com ?

niet echt bruikbare toepassingen
wel goede voorbeelden..als ik bijv een blokje kan slepen dan wil ik graag zien hoe andere dit toepassen in een site...om ideeen op te doen
dit is een hele mooie
http://dragoninteractive.com

donderdag 10 november 2011 @ 10:54:23 #225

boem-dikkie

Jedi Mind Baby!

Ik heb het geleerd door gewoon toepassingen te verzinnen en deze zelf proberen te maken a.d.h van de jQuery documentatie.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

donderdag 10 november 2011 @ 10:55:46 #226

Catch22-

Ben je Blind?!

ik zorg dat ik weet wat er mogelijk is en pas dat toe als het nodig is...

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 10 november 2011 @ 11:02:20 #227

MrNiles

maar als je niet weet wat ermee kan..is het nogal lastig te verzinnen

zoiets zocht ik..
http://visionwidget.com/t(...)mples-tutorials.html
kent iemand nog leuke sites

donderdag 10 november 2011 @ 11:04:32 #228

boem-dikkie

Jedi Mind Baby!

quote:
Op donderdag 10 november 2011 11:02 schreef MrNiles het volgende:
maar als je niet weet wat ermee kan..is het nogal lastig te verzinnen

Daarvoor is natuurlijk de documentatie.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

donderdag 10 november 2011 @ 11:06:27 #229

Treces

Hier had uw tekst kunnen staan

quote:
Op donderdag 10 november 2011 11:02 schreef MrNiles het volgende:
maar als je niet weet wat ermee kan..is het nogal lastig te verzinnen

zoiets zocht ik..
http://visionwidget.com/t(...)mples-tutorials.html
kent iemand nog leuke sites

Google op "Best jQuery examples", dan vindt je er genoeg.

donderdag 10 november 2011 @ 11:16:13 #230

ursel

"Het Is Hier Fantastisch!

quote:
Op donderdag 10 november 2011 11:02 schreef MrNiles het volgende:
maar als je niet weet wat ermee kan..is het nogal lastig te verzinnen

zoiets zocht ik..
http://visionwidget.com/t(...)mples-tutorials.html
kent iemand nog leuke sites

Zitten wel aantal mooie tussen.

vrijdag 11 november 2011 @ 12:54:07 #231

RenRen-

Volgens mij heb ik een heel simpel probleem, maar ik kom er niet uit.

Ik heb een table.

1
2
3
4
5
6

<table class="signuptable" width="366">
        <tr>
            <td>First name *</td>
            <td><input type="text" name="First name" /></td>
        </tr>
</table>

Zoals je kunt zien heeft de table een class omdat iedere td (of tr als dat zou lukken) een margin-top moet krijgen van 10. En ik krijg het gewoon niet voor elkaar. De volgende dingen heb ik al geprobeerd (Mét en zonder extra spaties tussen table en .signuptable:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

table.signuptable td{
    margin-top:10px;
}
table.signuptable{
    margin-top:10px;
}
table.signuptable tr{
    margin-top:10px;
}
.signuptable tr{
    margin-top:10px;
}
.signuptable td{
    margin-top:10px;
}

Het enige wat iets doet is .signuptable en die een margin-top geven, maar dan krijgt de hele tabel een margin.
Ik zie volgens mij iets heel logisch over het hoofd, maar wát. Iemand enig idee?

vrijdag 11 november 2011 @ 12:56:04 #232

KomtTijd...

cell-spacing border-spacing zie je over het hoofd.

Of padding gebruiken.

zcflevo.nl

vrijdag 11 november 2011 @ 12:57:42 #233

RenRen-

quote:
Op vrijdag 11 november 2011 12:56 schreef KomtTijd... het volgende:
cell-spacing borderspacing zie je over het hoofd.

Of padding gebruiken.

Die mag ik niet gebruiken, wel gelijk even op nul gezet.

Even met padding proberen, dankje

vrijdag 11 november 2011 @ 12:58:07 #234

RenRen-

.signuptable td met padding-top werkt, dankje

vrijdag 11 november 2011 @ 13:00:08 #235

Catch22-

Ben je Blind?!

margins op td's werken idd.

2 tips:
- Width aangeven met css en niet inline
- zet cellpadding="0" cellspacing="0" in je table definitie en zet eventuele paddings handmatig.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 13:03:35 #236

KomtTijd...

Als je het helemaal sjiek wilt doen werk je natuurlijk met labels en zonder table.

zcflevo.nl

vrijdag 11 november 2011 @ 13:04:32 #237

Catch22-

Ben je Blind?!

ik gebruik voor zulke dingen altijd tables, niets mis mee. Labels invoegen zou wel netjes zijn.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 13:06:44 #238

KomtTijd...

Wordt ook nog wel veel gedaan omdat het voor forms vaak toch wel makkelijker is ja. En SEO op een form is meestal ook dikke onzin.

zcflevo.nl

vrijdag 11 november 2011 @ 13:19:04 #239

RenRen-

quote:
Op vrijdag 11 november 2011 13:00 schreef Catch22- het volgende:
margins op td's werken idd.

2 tips:
- Width aangeven met css en niet inline
- zet cellpadding="0" cellspacing="0" in je table definitie en zet eventuele paddings handmatig.

Punt is dat ik dan nóg meer classes moet geven, dat vind ik niet zo nuttig.
Cellpadding ed had ik al gedaan, dankje voor de tip

quote:
Op vrijdag 11 november 2011 13:04 schreef Catch22- het volgende:
ik gebruik voor zulke dingen altijd tables, niets mis mee. Labels invoegen zou wel netjes zijn.

Als het goed is wordt dit toch een no-follow, het is een tweede registreerpagina. Maar goed, dar ga ik volgens mij niet over

Dus ik zie wel.

vrijdag 11 november 2011 @ 13:20:37 #240

Catch22-

Ben je Blind?!

niks mis met meerdere classes.... Het is makkelijker om deze table (en eventuele tables met dezelfde eigenschappen) van een class te voorzien.

Ennuh, geen tables voor SEO? Volgens mij maakt het geen klap uit of je het in een table zet of niet... En het kan juist een pré zijn als je tabletdata bij een formulier niet wordt geindexeerd.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 13:24:22 #241

RenRen-

De table heeft al wel een class... maar dan moeten al die TD's weer een class krijgen om hun breedte mee te krijgen.

Het is bijna klaar, 6 weken werk, eindelijk, ik hoef het niet meer te zien /euforie/

vrijdag 11 november 2011 @ 13:25:05 #242

Catch22-

Ben je Blind?!

Uhm, je kan dan toch gewoon .registerform td doen?

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 13:26:34 #243

RenRen-

quote:
Op vrijdag 11 november 2011 13:25 schreef Catch22- het volgende:
Uhm, je kan dan toch gewoon .registerform td doen?

Zou kunnen als inderdaaad alle TD's dezelfde breedte zouden hebben. Ugh. Gedoe. Ik snap je gedachtengang hoor! Maar in dit geval niet even practisch.

Nu mijn forms een breedte meegeven. Als ze mee willen werken vandaag.

vrijdag 11 november 2011 @ 13:27:10 #244

KomtTijd...

quote:
Op vrijdag 11 november 2011 13:24 schreef RenRen- het volgende:
De table heeft al wel een class... maar dan moeten al die TD's weer een class krijgen om hun breedte mee te krijgen.

Het is bijna klaar, 6 weken werk, eindelijk, ik hoef het niet meer te zien /euforie/

Neejoh, gewoon td:first-child

zcflevo.nl

vrijdag 11 november 2011 @ 13:27:15 #245

Catch22-

Ben je Blind?!

voor de padding kan het in ieder geval. Met CSS3 kan je ook de eerste TD van een TR selecteren (:first-child )

Je zou in ieder geval de labels moeten toepassen (met for="" erbij), dus kan je die een breedte geven

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 13:30:11 #246

RenRen-

quote:
Op vrijdag 11 november 2011 13:27 schreef KomtTijd... het volgende:

[..]

Neejoh, gewoon td:first-child

Ja dat mag je me nog een keer uitleggen, het werkt nooit, wat inhoudt; snap er niets van.

quote:
Op vrijdag 11 november 2011 13:27 schreef Catch22- het volgende:
voor de padding kan het in ieder geval. Met CSS3 kan je ook de eerste TD van een TR selecteren (:first-child )

Je zou in ieder geval de labels moeten toepassen (met for="" erbij), dus kan je die een breedte geven

Met die padding ook gebruikt, super

Als ik weer tijd heb even inlezen in die labels, klinkt wel handig.

vrijdag 11 november 2011 @ 13:30:58 #247

Catch22-

Ben je Blind?!

Het zorgt er o.a. voor dat als je op het label klikt, de input wordt geselecteerd. Erg handig imo

quote:
Op vrijdag 11 november 2011 13:30 schreef RenRen- het volgende:

[..]

Ja dat mag je me nog een keer uitleggen, het werkt nooit, wat inhoudt; snap er niets van.

http://www.quirksmode.org/css/nthchild.html
http://www.quirksmode.org/css/firstchild.html

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 13:33:25 #248

RenRen-

quote:
Op vrijdag 11 november 2011 13:30 schreef Catch22- het volgende:
Het zorgt er o.a. voor dat als je op het label klikt, de input wordt geselecteerd. Erg handig imo

[..]

http://www.quirksmode.org/css/nthchild.html
http://www.quirksmode.org/css/firstchild.html

Klinkt heel handig, zie het nu ook ja. Vooral bij Radio Buttons. Bedankt voor de linkjes

.
Pagina is bijna af. Dan nog 1 pagina.

vrijdag 11 november 2011 @ 13:35:03 #249

Catch22-

Ben je Blind?!

Let wel op de browser-compatibility, IE implementeert het niet (optimaal)

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 13:36:01 #250

KomtTijd...

quote:
Op vrijdag 11 november 2011 13:35 schreef Catch22- het volgende:
Let wel op de browser-compatibility, IE implementeert het niet (optimaal)

First- en last-child in ieder geval wel hoor!
althans op zijn minst vanaf IE8.

zcflevo.nl

vrijdag 11 november 2011 @ 13:39:23 #251

Catch22-

Ben je Blind?!

Ik los zulke issues vaak met jQuery op.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

$(function(){
  var browser = $.browser;
  var browserVersion = parseInt(browser.version);
  var htmlRootElement = $("html");
  if(browser.msie) {
    if(browserVersion == 9) {
      htmlRootElement.addClass("ie9");
    }
    if(browserVersion == 8) {
      htmlRootElement.addClass("ie8");
    }
    if(browserVersion == 7) {
      htmlRootElement.addClass("ie7");
    }
  }
});

Zulke scripts maak ik ook voor .first, .last, .odd e.d.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 13:40:54 #252

boem-dikkie

Jedi Mind Baby!

Labels.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

vrijdag 11 november 2011 @ 13:45:12 #253

KomtTijd...

http://www.w3.org/Style/Examples/007/evenodd

OMG! Nooit meer {cylce values="odd,even"}

zcflevo.nl

vrijdag 11 november 2011 @ 13:46:36 #254

Catch22-

Ben je Blind?!

http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx

Niet handig als je IE7 moet supporten

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 13:49:23 #255

KomtTijd...

De achtergrondkleur die ik de odd-rijen meegeef is een RGBA kleur, dus IE7 gebruikers zien het verschil toch niet

zcflevo.nl

PR/Manusje van alles vrijdag 11 november 2011 @ 13:49:53 #256

Surveillance-Fiets

Toezicht is gezond!

quote:
Op vrijdag 11 november 2011 13:49 schreef KomtTijd... het volgende:
De achtergrondkleur die ik de odd-rijen meegeef is een RGBA kleur, dus IE7 gebruikers zien het verschil toch niet

IE7 gebruikers.

Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! ©yvonne
Beste nieuwsbericht ooit op de FOK!frontpage!

vrijdag 11 november 2011 @ 13:55:34 #257

QM84

Het Orakel

quote:
Op vrijdag 11 november 2011 13:39 schreef Catch22- het volgende:
Ik los zulke issues vaak met jQuery op.
[ code verwijderd ]

Zulke scripts maak ik ook voor .first, .last, .odd e.d.

Waarom met JS en niet gewoon met conditional comments? Die werken gegarandeerd altijd voor IE. JS kan je uitzetten..

dat dus.

vrijdag 11 november 2011 @ 13:57:34 #258

KomtTijd...

Laatst iemand via de mail: Er zit geen duidelijke scheiding tussen de forum-reacties, dat is lastig!
teruggemaild: Die zit er wel, ga maar een fatsoenlijke browser gebruiken

Heerlijk als je die vrijheid hebt als developer

zcflevo.nl

vrijdag 11 november 2011 @ 13:58:29 #259

Catch22-

Ben je Blind?!

quote:
Op vrijdag 11 november 2011 13:49 schreef KomtTijd... het volgende:
De achtergrondkleur die ik de odd-rijen meegeef is een RGBA kleur, dus IE7 gebruikers zien het verschil toch niet

Waarom zou je dat doen?

quote:
Op vrijdag 11 november 2011 13:55 schreef QM84 het volgende:

[..]

Waarom met JS en niet gewoon met conditional comments? Die werken gegarandeerd altijd voor IE. JS kan je uitzetten..

onoverzichtelijke bron. Die styles geef ik wel aan in een CSS die met een conditional comment wordt geinclude

quote:
Op vrijdag 11 november 2011 13:49 schreef Surveillance-Fiets het volgende:

[..]

IE7 gebruikers.

Wie betaalt bepaalt he

quote:
Op vrijdag 11 november 2011 13:57 schreef KomtTijd... het volgende:
Laatst iemand via de mail: Er zit geen duidelijke scheiding tussen de forum-reacties, dat is lastig!
teruggemaild: Die zit er wel, ga maar een fatsoenlijke browser gebruiken

Heerlijk als je die vrijheid hebt als developer [ afbeelding ]

Mja, ik zie dat niet echt als een professionele houding... Als ik iets maak, moet het ook in 95%+ van de gebruikte browsers werken. En zulke 'foutjes' zijn meestal het gevolg van een verkeerde aanpak en niet van browserincompetence.

Maar het is natuurlijk nogal een verschil of je voor jezelf kleine projectjes maakt, of dat je voor een baas (en dus klanten) werkt.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 14:00:15 #260

KomtTijd...

quote:
Op vrijdag 11 november 2011 13:58 schreef Catch22- het volgende:

[..]

Waarom zou je dat doen?

[..]

onoverzichtelijke bron. Die styles geef ik wel aan in een CSS die met een conditional comment wordt geinclude

[..]

Wie betaalt bepaalt he

omdat RGBA(0,0,0,0.1) way makkelijker is dan met photoshop op zoek gaan naar een kleur die net een tintje donkerder is dan je achtergrond

zcflevo.nl

vrijdag 11 november 2011 @ 14:02:18 #261

Catch22-

Ben je Blind?!

Dat klopt, maar dat kan je ook met opacity en een filter voor IE.

welke ik heel stoer met LESS mixins fix

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 14:03:54 #262

KomtTijd...

quote:
Op vrijdag 11 november 2011 13:58 schreef Catch22- het volgende:

[..]

Mja, ik zie dat niet echt als een professionele houding... Als ik iets maak, moet het ook in 95%+ van de gebruikte browsers werken. En zulke 'foutjes' zijn meestal het gevolg van een verkeerde aanpak en niet van browserincompetence.

Maar het is natuurlijk nogal een verschil of je voor jezelf kleine projectjes maakt, of dat je voor een baas (en dus klanten) werkt.

Helemaal mee eens, maar in dit geval ben ik zelf zowel de baas als de klant, ergo: lui

Die forumtemplate gaat nog wel veranderen trouwens, maar ik moest 'm updaten van een oude naar een nieuwe layout en heb toen even heel snel wat kleurtjes bij elkaar gegrabbeld. En voor dingen als een wisselend achtergrondkleurtje voor de oneven rijen, daarvan vind ik dat fossielen die een fossiele browser gebruiken ook prima zonder kunnen.

quote:
Op vrijdag 11 november 2011 14:02 schreef Catch22- het volgende:
Dat klopt, maar dat kan je ook met opacity en een filter voor IE.

welke ik heel stoer met LESS mixins fix

Nee want dan wordt ook de inhoud transparant. Met een opacity van 0.1 is de boel dan echt niet meer leesbaar.

zcflevo.nl

vrijdag 11 november 2011 @ 14:10:32 #263

Catch22-

Ben je Blind?!

quote:
Op vrijdag 11 november 2011 14:03 schreef KomtTijd... het volgende:

[..]

Helemaal mee eens, maar in dit geval ben ik zelf zowel de baas als de klant, ergo: lui
Die forumtemplate gaat nog wel veranderen trouwens, maar ik moest 'm updaten van een oude naar een nieuwe layout en heb toen even heel snel wat kleurtjes bij elkaar gegrabbeld. En voor dingen als een wisselend achtergrondkleurtje voor de oneven rijen, daarvan vind ik dat fossielen die een fossiele browser gebruiken ook prima zonder kunnen.

Ie7 is al fossiel bij jou?

quote:
Nee want dan wordt ook de inhoud transparant. Met een opacity van 0.1 is de boel dan echt niet meer leesbaar.

Klopt. Maar ik heb meestal een echt afwijkende kleur voor odd-rows

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 14:12:41 #264

KomtTijd...

Nice.

En ja IE7 is al fossiel bij mij. IE is alweer 2 versies verder. per browser 2 versies onderhouden vind ik eigenlijk wel genoeg. Zeker als het gaat om een achtergrondkleurtje, functioneel zorg ik wel dat alles ook in IE7 werkt.

zcflevo.nl

vrijdag 11 november 2011 @ 15:11:51 #265

RenRen-

Nog een vraag.

Als ik 3 divjes naast elkaar heb, met een container daaromheen. De container neemt de hoogte van de langste div (100% geloof ik). De twee kortste divs moeten ook die hoogte aannemen. Hoe bereik ik dat? Want 100% doet geen drol.

(center is hier de div met de variabele hoogte) Dus

1
2
3
4
5

1
2
3
4
5
6
7
8
9
10
11
12
13
14

#container{
height:100%;
}
#left{
height:100%;
float:left;
}
#right{
height:100%;
float:left;
}
center{
float:left;
}

[ Bericht 5% gewijzigd door RenRen- op 11-11-2011 15:13:17 (Paar dingies vergeten.) ]

vrijdag 11 november 2011 @ 15:21:06 #266

KomtTijd...

"Faux columns" is je google-term

zcflevo.nl

vrijdag 11 november 2011 @ 15:24:43 #267

Tijn

Powered by MS Paint

quote:
Op vrijdag 11 november 2011 14:10 schreef Catch22- het volgende:

[..]

Ie7 is al fossiel bij jou?

Bij wie niet dan? IE7 is echt het absolute minimum waar ik voor develop en veruit de oudste browser waar ik überhaupt nog aandacht aan schenk.

Verberg de nieuwsticker

vrijdag 11 november 2011 @ 15:25:30 #268

RenRen-

quote:
Op vrijdag 11 november 2011 15:21 schreef KomtTijd... het volgende:
"Faux columns" is je google-term

Wat ik dan krijg is dat je een achtergrondafbeelding erin moet gooien van 800 hoog, als je hem 800 hoog wilt hebben, maar wat nou als de content variabel is? Moet ik dan een achtergrondafbeelding van 1px doen, die y-repeat en dan op 100%?

vrijdag 11 november 2011 @ 15:29:21 #269

Catch22-

Ben je Blind?!

quote:
Op vrijdag 11 november 2011 15:24 schreef Tijn het volgende:

[..]

Bij wie niet dan? IE7 is echt het absolute minimum waar ik voor develop en veruit de oudste browser waar ik überhaupt nog aandacht aan schenk.

Sja, klanten die het vragen, krijgen het ook (Betalen er ook voor immers)

quote:
Op vrijdag 11 november 2011 15:25 schreef RenRen- het volgende:

[..]

Wat ik dan krijg is dat je een achtergrondafbeelding erin moet gooien van 800 hoog, als je hem 800 hoog wilt hebben, maar wat nou als de content variabel is? Moet ik dan een achtergrondafbeelding van 1px doen, die y-repeat en dan op 100%?

gelijk hoogte waarbij ze echt van gelijke hoogte zijn is met CSS niet echt te doen.

Ik schrijf altijd een script als dat nodig is.

1	$("#container div").each(function() { $(this).height($(this).parent().height(); });

Zoiets.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 15:29:40 #270

KomtTijd...

quote:
Op vrijdag 11 november 2011 15:25 schreef RenRen- het volgende:

[..]

Wat ik dan krijg is dat je een achtergrondafbeelding erin moet gooien van 800 hoog, als je hem 800 hoog wilt hebben, maar wat nou als de content variabel is? Moet ik dan een achtergrondafbeelding van 1px doen, die y-repeat en dan op 100%?

Juist!
Al is die 100% niet nodig.

Alleen als je ook nog met ronde hoeken wilt gaan werken is faux columns wel lastig, want border-radius werkt dan niet meer.

zcflevo.nl

vrijdag 11 november 2011 @ 15:31:43 #271

RenRen-

quote:
Op vrijdag 11 november 2011 15:29 schreef Catch22- het volgende:
[..]

gelijk hoogte waarbij ze echt van gelijke hoogte zijn is met CSS niet echt te doen.

Ik schrijf altijd een script als dat nodig is.
[ code verwijderd ]

Zoiets.

Die snap ik niet... Nog even KT.. zijn maniertje proberen.

quote:
Op vrijdag 11 november 2011 15:29 schreef KomtTijd... het volgende:

[..]

Juist!
Al is die 100% niet nodig.

Alleen als je ook nog met ronde hoeken wilt gaan werken is faux columns wel lastig, want border-radius werkt dan niet meer.

Die heb ik niet, dus dat valt mee. het is wel echt nodig, want dubbel lijntje... Eeeeven proberen.

vrijdag 11 november 2011 @ 15:34:29 #272

KomtTijd...

quote:
Op vrijdag 11 november 2011 15:29 schreef Catch22- het volgende:

[..]

gelijk hoogte waarbij ze echt van gelijke hoogte zijn is met CSS niet echt te doen.

Ik schrijf altijd een script als dat nodig is.
[ code verwijderd ]

Zoiets.

Hmm ik denk dat dat tegenwoordig haast een betere oplossing is. De fallback is hooguit dat de kolommen niet even hoog zijn, wat meestal ook niet echt een probleem is.

zcflevo.nl

vrijdag 11 november 2011 @ 15:36:59 #273

Catch22-

Ben je Blind?!

sja, of opmaak met JS doen (heeft niet mijn voorkeur) of extra DOMobjecten toevoegen...

Met Js weet ik vrijwel zeker dat het werkt. Wel even uitkijken met paddings en inner/outerheight mocht je die oplossing proberen.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 15:37:33 #274

RenRen-

quote:
Op vrijdag 11 november 2011 15:29 schreef KomtTijd... het volgende:

[..]

Juist!
Al is die 100% niet nodig.

Alleen als je ook nog met ronde hoeken wilt gaan werken is faux columns wel lastig, want border-radius werkt dan niet meer.

Ik krijg het niet voor elkaar... Moet ik even uitbesteden denk ik...

vrijdag 11 november 2011 @ 15:45:28 #275

Catch22-

Ben je Blind?!

waarom wil je die hoogte? kan je geen repeterende achtergrond instellen die de achtergrond van die 2 kleinere kolommen faked?

en dat je die dan op de container instelt.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 15:48:25 #276

Tijn

Powered by MS Paint

quote:
Op vrijdag 11 november 2011 15:29 schreef Catch22- het volgende:

[..]

Sja, klanten die het vragen, krijgen het ook (Betalen er ook voor immers)

Oh natuurlijk, als IE7 specifiek wordt gevraagd, dan krijgen ze het ook. Maar die vraag krijg ik eigenlijk niet vaak.

Verberg de nieuwsticker

vrijdag 11 november 2011 @ 15:51:23 #277

RenRen-

quote:
Op vrijdag 11 november 2011 15:45 schreef Catch22- het volgende:
waarom wil je die hoogte? kan je geen repeterende achtergrond instellen die de achtergrond van die 2 kleinere kolommen faked?

en dat je die dan op de container instelt.

Omdat ik een linkerdiv heb met een rechterborder, center met links/rechts border, rechts met een linkerborder. Die moeten dubbele lijntjes naboodsen. Ik mag steeds geen achtergrondafbeelding gebruiken, is slordig. >: Dus ik zoek andere oplossingen. Maar ik denk dat het neerkomt op een achtergrondafbeelding.

vrijdag 11 november 2011 @ 16:00:54 #278

Catch22-

Ben je Blind?!

Die center wordt in principe het hoogst toch?

als de container links en rechts een border heeft en de center ook links/rechts, heb je je situatie toch?

Ik zou echter gewoon even een jQuery scriptje bouwen. Wat ik postte zou al moeten werken.

http://jsbin.com/onulog/3/edit#source

linksboven op render drukken

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://code.jquery.com/jquery-1.7.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>

<style>
  article, aside, figure, footer, header, hgroup,
  menu, nav, section { display: block; }
  #container {
    float:left;
  }
  #container div {
    float:left;
    width:100px;
  }
  #left { border-left:1px solid red; }
  #center { border-left:1px solid red; border-right:1px solid red; }
  #right { border-right:1px solid red; }
</style>
  <script type="text/javascript">
    $(document).ready(function() {
      $("#container div").each(function() { $(this).height($(this).parent().height()); });
                                          });
  </script>
</head>
<body>
  <div id="container">
    <div id="left"><h2>menu</h2>
      1. ja<br />
      2. Nee<br />
      3. Ja
    </div>
  <div id="center">
    <h1>Ja hallo</h1>
     <p>
        Echt mooi!
    </p>
        <p>
        Echt mooi!
    </p>
        <p>
        Echt mooi!
    </p>
        <p>
        Echt mooi!
    </p>
    <p>
        Echt mooi!
    </p>
  </div>
  <div id="right"><h2>menu</h2>
      1. ja<br />
      2. Nee<br />
    3. Ja<br />
      1. ja<br />
      2. Nee<br />
      3. Ja</div>
  </div>
</body>
</html>

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 16:19:17 #279

RenRen-

quote:
Op vrijdag 11 november 2011 16:00 schreef Catch22- het volgende:
Die center wordt in principe het hoogst toch?

als de container links en rechts een border heeft en de center ook links/rechts, heb je je situatie toch?

Ik zou echter gewoon even een jQuery scriptje bouwen. Wat ik postte zou al moeten werken.

http://jsbin.com/onulog/3/edit#source

linksboven op render drukken
[ code verwijderd ]

Ik ga er strakjes even naar kijken, ben even naar iets anders aan het kijken (en ik ben niet zo goed in jQuery, dus moet er even de tijd voor nemen).
En die situatie die ik probeer werkt dus niet, om de een of andere reden pakt de container zijn 100% al niet, waardoor de linker en de rechter 100% ook niet pakken. De container klapt namelijk in, wat raar is, want er staat content in...

vrijdag 11 november 2011 @ 16:23:11 #280

Catch22-

Ben je Blind?!

je moet de container ook floaten, anders gaat t niet goed

als je daar een margin auto op hebt, moet je de divs ff wrappen

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 11 november 2011 @ 17:00:23 #281

QM84

Het Orakel

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

<!doctype html>
<html lang="nl">
<head>
    <title>TEST</title>
    <style>
    #wrapper {
      margin: 0 auto;
      overflow: hidden;
    }
    .col {
      float: left;
      width: 33%;
      padding-bottom: 100000px;
      margin-bottom: -100000px;
    }
    #col_left {
      border-left: 1px solid red;
      background-color: #cacaca;
    }
    #col_middle {
      border-left: 1px solid green;
      border-right: 1px solid yellow;
      background-color: #ececec;
    }
    #col_right {
      border-right: 1px solid pink;
      background-color: #343434;
    }
  </style>
</head>

<body>

<div id="wrapper">

    <div id="col_left" class="col">
    content
  </div>
  <div id="col_middle" class="col">
    content
  </div>
  <div id="col_right" class="col">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vehicula dignissim sem, eu pulvinar turpis facilisis rhoncus. Nam vitae massa eu sem ornare pretium at nec felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla eu venenatis magna. Maecenas lacinia faucibus risus, a aliquam lacus auctor et. In cursus tempus rhoncus. Morbi nec luctus leo. Etiam risus nibh, viverra sit amet euismod non, lobortis a nibh. Vestibulum bibendum accumsan sapien, id sagittis purus sodales a. Nullam at lectus ipsum.
  </div>

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

werkt ook.. Is wel vrij smerig en eigenlijk af te raden. Maar dat is het hele idee van geforceerd meerdere kolommen op gelijke hoogte willen hebben ook

dat dus.

vrijdag 11 november 2011 @ 17:51:12 #282

KomtTijd...

quote:
Op vrijdag 11 november 2011 15:51 schreef RenRen- het volgende:

[..]

Omdat ik een linkerdiv heb met een rechterborder, center met links/rechts border, rechts met een linkerborder. Die moeten dubbele lijntjes naboodsen. Ik mag steeds geen achtergrondafbeelding gebruiken, is slordig. >: Dus ik zoek andere oplossingen. Maar ik denk dat het neerkomt op een achtergrondafbeelding.

Dat is juist een schoolvoorbeeldje voor faux columns. Gewoon een afbeeling met alleen 1 of 2 pixels erin, repeat-y, hopsakee.

Ik vind die oplossing van QM84 ook nog wel wat hebben trouwens.

zcflevo.nl

maandag 14 november 2011 @ 17:08:56 #284

KomtTijd...

Defineer "heel raar"?
Screenshotje misschien?

-edit-
Er staat een hoop "position:" in, waar je verder niets mee doet. Kan voor ellende zorgen. Strip je CSS eens tot het minimum van wat je nodig hebt om alleen de structuur goed te krijgen.

[ Bericht 67% gewijzigd door KomtTijd... op 14-11-2011 17:24:34 ]

zcflevo.nl

maandag 14 november 2011 @ 17:21:44 #285

Catch22-

Ben je Blind?!

indien ie probleem: breedtes en/of paddings.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

maandag 14 november 2011 @ 17:52:51 #286

Light

quote:
Op maandag 14 november 2011 16:47 schreef Dimens het volgende:
Ik kom er niet uit waarom het volgende niet werkt in Internet explorer 8 en alles daar onder. Het menu links werkt perfect in browsers als Chrome, Firefox en Safari en staan perfect onder het logo. Echter, wanneer ik hem in Internet Explorer open, dan gaat het menu ineens heel raar staan en ik snap gewoonweg niet waarom.

De code:
[ code verwijderd ]

[ code verwijderd ]

Iemand die mij kan vertellen wat ik fout doe?

Welk doctype gebruik je?

quote:
Op maandag 14 november 2011 17:08 schreef KomtTijd... het volgende:

Er staat een hoop "position:" in, waar je verder niets mee doet. Kan voor ellende zorgen. Strip je CSS eens tot het minimum van wat je nodig hebt om alleen de structuur goed te krijgen.

En dat.

fokstok.nl

maandag 14 november 2011 @ 17:53:44 #287

Treces

Hier had uw tekst kunnen staan

jQuery wil bij mij niet echt lekker werken. Zo heb ik een pagina met afbeeldingen, bij een hover komt er tekst te staan die ik met jQuery verticaal probeer te centreren. Bij de eerste keer laden staat deze te ver naar onderen, echter bij een refresh (F5) staat deze wel weer gecentreerd.

Zo ook met een kaart (Google Maps API), bij eerste keer laden geeft hij de foute coordinaten weer, en wordt de kaart half geladen, bij een refresh staat alles goed.

Eerste keer:

Na refresh:

Iemand dit ook eerder gehad?

maandag 14 november 2011 @ 18:50:11 #288

PimD

Nee.

Waarom lijn je die tekst uit met Javascript...? Kan toch gewoon met CSS (weliswaar een beetje klooien met display:table-cell e.d).

Bleuh.

maandag 14 november 2011 @ 19:23:11 #289

Treces

Hier had uw tekst kunnen staan

quote:
Op maandag 14 november 2011 18:50 schreef PimD het volgende:
Waarom lijn je die tekst uit met Javascript...? Kan toch gewoon met CSS (weliswaar een beetje klooien met display:table-cell e.d).

Precies om die reden, hoop gezeik met positions, en displays waar ik geen zin in had. En dit is de quick en dirty manier.

Overigens is het opgelost door de tabs-oproep ($(element).tabs();) op het einde van mijn javascript-script te doen. Kaartje doet het nu ook!

maandag 14 november 2011 @ 19:40:16 #292

PimD

Nee.

Heb je de list-style op none gezet enzo? Daar wil IE nog wel eens moeilijk over doen. Pleur anders een kale HTML + CSS online (niet in dit topic, maar op een server waar we dan bij kunnen).

Bleuh.

maandag 14 november 2011 @ 19:45:05 #294

PimD

Nee.

Zodat wij kunnen kijken waar het mis gaat? Heb je ook list-style-position e.d. op outside gezet?

Bleuh.

maandag 14 november 2011 @ 20:55:48 #296

boem-dikkie

Jedi Mind Baby!

Waarom gebruik je positions? Doe gewoon op je logo een float: left, op je banner ook en op je menu ook.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

maandag 14 november 2011 @ 20:56:26 #297

boem-dikkie

Jedi Mind Baby!

quote:
Op maandag 14 november 2011 19:44 schreef Dimens het volgende:

[..]

Dat heb ik inderdaad gedaan, dat je voor de list geen bolletjes te zien krijgt. Daarna padding-left op 0 gezet zodat hij niet de automatische padding toevoegt aan de list.

Hoe bedoel je met kale html + css online zetten?

Je HTML/CSS ergens online neerzetten zodat wij het probleem 'live' kunnen zien.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

maandag 14 november 2011 @ 21:33:26 #299

boem-dikkie

Jedi Mind Baby!

Voeg dit eens toe aan je CSS:

1
2
3

ul#menu{
margin: 0;
}

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

maandag 14 november 2011 @ 21:36:18 #301

boem-dikkie

Jedi Mind Baby!

quote:
Op maandag 14 november 2011 21:35 schreef Dimens het volgende:

[..]

Het werkt nog steeds niet, ik heb nog steeds last dat IE het menu een stuk naar rechts duwt.

Vaag, bij mij werkt het.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

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

» digital corner

» development

» digital corner

» development