[html, css, js] topicid++

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  woensdag 26 juni 2013 @ 14:48:41 #76
118585 Crutch
Filantroop || Taalzwengel
pi_128280850
quote:
0s.gif Op woensdag 26 juni 2013 14:46 schreef wietwiet het volgende:

[..]

CSS:

.lichaam {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
}
b {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
}
.listwp a:link
{
text-decoration: none;
color: #0000EE;
}
.listwp a:visited
{
text-decoration: none;
color: #0000EE;
}
.listwp a:hover
{
text-decoration: underline;
color: #E37810;
}
.listwp a:active
{
text-decoration: underline;
color: #D50000;
}
Je zoekt naar een anchor (a) in een anchor.
Je moeder is een hamster
  woensdag 26 juni 2013 @ 14:49:36 #77
398285 wietwiet
Flinke sessie
pi_128280883
quote:
0s.gif Op woensdag 26 juni 2013 14:48 schreef Crutch het volgende:

[..]

Je zoekt naar een anchor (a) in een anchor.
Hoe kan ik dit oplossen?
I don't care, I love it
  woensdag 26 juni 2013 @ 14:50:07 #78
118585 Crutch
Filantroop || Taalzwengel
pi_128280904
quote:
0s.gif Op woensdag 26 juni 2013 14:49 schreef wietwiet het volgende:

[..]

Hoe kan ik dit oplossen?
Alle a'tjes verwijderen
Je moeder is een hamster
pi_128280907
a.listwp:active ?
zcflevo.nl
  woensdag 26 juni 2013 @ 14:50:12 #80
91039 mstx
2x1/2 = 1/2 x 1/2
pi_128280908
quote:
0s.gif Op woensdag 26 juni 2013 14:49 schreef wietwiet het volgende:

[..]

Hoe kan ik dit oplossen?
a.listwp:link
of gewoon
.listwp:link
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.
👾
  woensdag 26 juni 2013 @ 14:50:30 #81
118585 Crutch
Filantroop || Taalzwengel
pi_128280918
- oeps -
Je moeder is een hamster
pi_128280940
quote:
0s.gif Op woensdag 26 juni 2013 14:37 schreef wietwiet het volgende:

[..]

er zit geen fout in de css want de class listwp werkt wel in een andere list
Mag ik deze nog even quoten? :')
zcflevo.nl
  woensdag 26 juni 2013 @ 14:51:18 #83
398285 wietwiet
Flinke sessie
pi_128280955
quote:
7s.gif Op woensdag 26 juni 2013 14:50 schreef KomtTijd... het volgende:

[..]

Mag ik deze nog even quoten? :')
ahaha
I don't care, I love it
  woensdag 26 juni 2013 @ 14:51:32 #84
118585 Crutch
Filantroop || Taalzwengel
pi_128280963
quote:
7s.gif Op woensdag 26 juni 2013 14:50 schreef KomtTijd... het volgende:

[..]

Mag ik deze nog even quoten? :')
Dat mag.
Jij sowieso.
Je moeder is een hamster
  woensdag 26 juni 2013 @ 14:52:40 #85
398285 wietwiet
Flinke sessie
pi_128281022
Thanx allemaal, het is gelukt :)
I don't care, I love it
pi_128603886
Gewoon omdat het grappig is, en omdat het (deels) over javascript gaat.

Wat By @garybernhardt
Wat By @garybernhardt
fokstok.nl
pi_128643898
Niet voor op het werk:


body door Exey Panteleev

:P
  maandag 8 juli 2013 @ 00:11:19 #88
400989 Seagal
Master of Aikido
pi_128706898
Van de week moet ik een site online gooien, dus ik dacht laat ik hem ook maar even in Internet Explorer bekijken. In 7 t/m 9 werkt hij prima, maar tot mijn grote schrik worden in versie 10 willekeurig sommige afbeeldingen niet geladen. Pas na een paar keer refreshen krijg ik alle afbeeldingen te zien.

Iemand enig idee waar dat aan kan liggen?
I love getting out on the streets and helping people.
pi_128711560
Oh je plaatjes doen het niet. Ja dan moet je gewoon x y z blabla en dan is het opgelost!

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.
zcflevo.nl
pi_128749156
M'n webfont wordt niet weergegeven in IE8 en ik zie zo snel niet waar het aan ligt, dit zou normaal gesproken toch gewoon moeten werken? In alle andere browsers werkt het wel...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18		@font-face {
            font-family: 'FuturaMedium';
            src: url('fonts/Futura-Medium-webfont.eot');
            src: url('fonts/Futura-Medium-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/Futura-Medium-webfont.woff') format('woff'),
            url('fonts/Futura-Medium-webfont.ttf') format('truetype'),
            url('fonts/Futura-Medium-webfont.svg#FuturaMedium') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        h1 {
            font-family: 'FuturaMedium', Arial, sans-serif;
            font-weight: normal;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 0.1em;
        }

https://dl.dropboxusercontent.com/u/11840256/webfont/fonts.html
pi_128938230
Ik probeer via jquery een draggable list te maken met elementen die vast staan.
Ik heb de .draggable({cancel:"selector"}) geprobeerd, en uiteindelijk maar .not()
Helaas werkt het nog niet, heeft iemand een idee waarom niet?
Tevens will ik een gedropped element op een bepaalde positie tussen andere elements plaatsen ipv .append().

http://jsfiddle.net/4JZBZ/

[ Bericht 14% gewijzigd door Darkomen op 14-07-2013 16:43:00 ]
pi_128962041
quote:
0s.gif Op dinsdag 9 juli 2013 09:41 schreef FigureBirdStars het volgende:
M'n webfont wordt niet weergegeven in IE8 en ik zie zo snel niet waar het aan ligt, dit zou normaal gesproken toch gewoon moeten werken? In alle andere browsers werkt het wel...
[ code verwijderd ]

https://dl.dropboxusercontent.com/u/11840256/webfont/fonts.html
Je zou eens naar de x-ua-compatible meta tag moeten kijken.
  maandag 15 juli 2013 @ 08:44:08 #93
56176 Catch22-
Ben je Blind?!
pi_128962313
quote:
0s.gif Op zondag 14 juli 2013 16:16 schreef Darkomen het volgende:
Ik probeer via jquery een draggable list te maken met elementen die vast staan.
Ik heb de .draggable({cancel:"selector"}) geprobeerd, en uiteindelijk maar .not()
Helaas werkt het nog niet, heeft iemand een idee waarom niet?
Tevens will ik een gedropped element op een bepaalde positie tussen andere elements plaatsen ipv .append().

http://jsfiddle.net/4JZBZ/
zet een class op de draggable elementen. Gebruik een sortable om de volgorde vast te houden.
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?
pi_128996462
quote:
1s.gif Op maandag 15 juli 2013 08:44 schreef Catch22- het volgende:

[..]

zet een class op de draggable elementen. Gebruik een sortable om de volgorde vast te houden.
Gister helaas geen tijd gehad om te testen, maar een class zetten helpt niet dat heb ik in iedergeval geprobeerd.
  dinsdag 16 juli 2013 @ 10:33:07 #95
56176 Catch22-
Ben je Blind?!
pi_128998366
quote:
0s.gif Op dinsdag 16 juli 2013 08:54 schreef Darkomen het volgende:

[..]

Gister helaas geen tijd gehad om te testen, maar een class zetten helpt niet dat heb ik in iedergeval geprobeerd.
je hebt een set van bepaalde elementen die draggable moeten zijn? Dan kan je toch gewoon
1$(".parent .should-be-draggable").draggable(); 
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?
  woensdag 17 juli 2013 @ 16:27:14 #96
27454 InTrePidIvity
Looks like it's broken...
pi_129048655
Ik heb een blok waar rechtsonderin een hoekje moet zitten als achtergrond. Dat hoekje staat er nu wel, maar ik wil het 10px van de kant (zowel onder als rechts) hebben. Hoe krijg ik dat voor elkaar? De padding op 10px zetten werkt niet :(



1#results article.w2 { max-width:540px; max-height:350px; box-shadow:0px 2px 10px #666; font-size: 0.8em; line-height: 1.5em; background:url(/images/expand.png) no-repeat right bottom rgba(255,255,255,0.9); }
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_129049113
...en dan zeker compatible met oude browsers? Dan niet. Of je moet er een extra element voor gebruiken.

Anders gewoon met background-position.
zcflevo.nl
  woensdag 17 juli 2013 @ 16:57:10 #98
91039 mstx
2x1/2 = 1/2 x 1/2
pi_129050213
Of gewoon wat witruimte in het plaatje zelf maken.
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.
👾
  woensdag 17 juli 2013 @ 16:59:37 #99
27454 InTrePidIvity
Looks like it's broken...
pi_129050340
quote:
14s.gif Op woensdag 17 juli 2013 16:57 schreef mstx het volgende:
Of gewoon wat witruimte in het plaatje zelf maken.
Dat is ook geen optie omdat hetzelfde plaatje op een andere plek wordt gebruikt (waar het wel goed gaat met de padding 8)7 ).

Nouja, even verder knutselen maar.
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  donderdag 18 juli 2013 @ 16:08:38 #100
50298 QM84
Het Orakel
pi_129088002
Of zet het plaatje in een pseudo-element (:after) en vervolgens absoluut 10px van de rechterkant en bottom.
dat dus.
  donderdag 18 juli 2013 @ 17:06:27 #101
299167 stefanhaan
Bloeddorstige wasbeer
pi_129090927
quote:
3s.gif Op donderdag 18 juli 2013 16:08 schreef QM84 het volgende:
Of zet het plaatje in een pseudo-element (:after) en vervolgens absoluut 10px van de rechterkant en bottom.
Dit.

Zo krijg je ook dit voor elkaar op FOK
It was an opportunity to honour our memories and to make room for new ones
pi_129196484
quote:
11s.gif Op dinsdag 16 juli 2013 10:33 schreef Catch22- het volgende:

[..]

je hebt een set van bepaalde elementen die draggable moeten zijn? Dan kan je toch gewoon
[ code verwijderd ]

doen?
Dit is het uiteindelijk geworden

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67		var hoverEleme = false;
$jQ("#awardArchive li, #userAwards li")
    .bind('mousedown mouseup', function(e){
        if($jQ(this).hasClass('cancelDragg')!==true){
            if (e.type=="mousedown") {
                lastClick = e.timeStamp; 
            } else {
                diffClick = e.timeStamp - lastClick;
                if ( diffClick < clickDelay ) {
                    $jQ(this).toggleClass(selectedClass);
                }
            }
        }
    })
    .draggable({
        cancel: ".cancelDragg",
        revertDuration: 10,
        containment: '.awardBoxes',
        start: function(e, ui) {
            ui.helper.addClass(selectedClass);
        },
        stop: function(e, ui) {
            $jQ('.' + selectedClass).css({ top:0, left:0 });
        },
        drag: function(e, ui) {
            $jQ('.' + selectedClass).css({
                top : ui.position.top,
                left: ui.position.left
            });
        }
    })
    .droppable({
        over: function(event, ui) {
           hoverEleme = this;
        }
    });    
    
    
$jQ("#userAwards, #awardArchive").droppable({
        over: function(event, ui) {
            if($jQ(this).children().length==0){
                hoverEleme = this;
            }
        },
        drop: function(e, ui) {
            if(hoverEleme){
                if(hoverEleme.nodeName=='UL'){
                    $jQ('.' + selectedClass)
                     .appendTo(hoverEleme)
                     .add(ui.draggable) 
                     .removeClass(selectedClass)
                     .css('top','')
                     .css('left','');
                     hoverEleme = false;
                }
                else{
                    $jQ('.' + selectedClass)
                     .insertAfter(hoverEleme)
                     .add(ui.draggable) 
                     .removeClass(selectedClass)
                     .css('top','')
                     .css('left','');
                     hoverEleme = false;
                }
            }
        }
    });
pi_129254025
Ik ben bezig met <AREA SHAPE="poly" COORDS=> voor een website wat prima werkt alleen ik krijg de tekst maar niet goed langs de plaatjes terwijl de hyperlinks goed werken.

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		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Lamaro</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <base href="http://www.lamaro.nl/" />
    
    <link rel="stylesheet" type="text/css" href="global.css" />
</head>
<body>
    <div id="siteBody">
        <div id="siteTitle">
            <h1>Welkom op de site van Lamaro</h1>
            <span>Klik op onderstaande links om verder te gaan</span>
        </div>
        
        <div id="priogengroupText">
            <h2>Priogen Group</h2> 
            The Priogen Group is een<br /> 
            onafhankelijke energie leverancier.<br /> 
            De kernactiviteiten bestaan uit<br />
            het zoeken, verhandelen en<br />
            optimaliseren van energie<br />
            en aardgas in Europa.
        </div>

    <div id="libertyairText">
            <h2>Liberty Air</h2>
            Met Liberty Air heeft u de keuze uit meer<br /> 
            dan 3.500 Europese bestemmingen om zo<br />
            dicht mogelijk bij uw bestemming te landen!
        </div>

</body>
</html>

Ieder stukje tekst wordt aangegeven met <div id="Text"> maar ik zie nergens hoe de positie wordt bepaalt, kijk ik er over heen?
pi_129254318
Grotendeels gewoon door de flow van de pagina. En voor de rest in je CSS bestand.
zcflevo.nl
pi_129254400
Dacht al aan CSS, ga daar is kijken, thnx voor het op weg helpen.
Gevonden, zat in de CSS file.

[ Bericht 21% gewijzigd door stoeltafel op 23-07-2013 14:34:21 ]
pi_129256866
Ik werk in het programma TopStyle 5.0 om html/css te editen.

Nu verandert CSS in het programma als ik de posities aanpas alleen wordt dit niet gevoerd in het html bestand. Hoe kan dit? Alle verwijzingen kloppen alleen krijg ik een bepaalde tekst naar niet rechts ipv links. In de editor staat het wel goed onder CSS. Het gaat sixoText die in CSS goed staat maar niet mee verandert in HTML.


css positie is goed zoals te zien op de foto


html pakt steeds de oude positie van 45px terwijl ik duidelijk 800px heb aangegeven voor de tekst Opening Skydeck.

[ Bericht 17% gewijzigd door stoeltafel op 23-07-2013 15:51:36 ]
pi_129257688
Wat zou er (volgens jou) in je HTML moeten gebeuren dan?
zcflevo.nl
pi_129257891
Dat de positie naar rechts verandert. De positie stond in CSS op 45px en daar heb ik 800px van gemaakt met de bedoeling het stuk tekst naar rechts te veranderen.

sixoText in de HTML verwijst naar CSS die ik heb aangepast. CSS lijkt goed, zie het eerste plaatje maar de HTML pakt dit niet op. Snap niet wat er mis gaat, ja zie het wel maar snap niet waarom.
pi_129257952
cache, syntax fout, specificity, kan zoveel zijn... wat zegt firebug?
zcflevo.nl
pi_129258150
Even gekeken in firebug en als ik daar de positie verander van 45 naar 845 dan werkt het direct? Begin er steeds minder van te snappen. Firefox kan het dus wel goed veranderen. Even verder op onderzoek.

index.html blijft maar op 45px staan
global.css staat op 820x

Ga nu kijken waar het nog meer kan zijn.
pi_129258354
...waar komt die 45 px vandaan?
zcflevo.nl
pi_129258392
Van global.css dat was de eerste positie van sixoText.
sixoText stond eerst links van de site maar is later weg gehaald.
Nu moet sixoText naar rechts worden verplaatst.

Ga even een nieuwe Text proberen toe te voegen. Misschien werkt dat wel.
pi_129264633
Paar keer CTRL+F5 spammen?
pi_129264784
Al gedaan en in verschillende browsers ge opent. Morgen voor de zekerheid alles FF wissen.
pi_129281312
Iemand enig idee in welke richting ik moet zoeken om CSS de verandering laten door te voeren.

Heb net dit geprobeerd, left:820px !important; Zodat 820 de oude 45 overslaat maar dit werkt ook niet.
pi_129281781
CSS verzint zelf geen waardes omdat het het leuk vind om je te pesten

Of je zit de verkeerde files aan te passen.
Of er is iets van cache.
Of je programma loopt te kutten.

Probeer het eens zonder je programma edit je css in notepad(++)
  woensdag 24 juli 2013 @ 10:02:11 #117
27454 InTrePidIvity
Looks like it's broken...
pi_129282131
quote:
7s.gif Op donderdag 18 juli 2013 17:06 schreef stefanhaan het volgende:

[..]

Dit.

Zo krijg je ook dit voor elkaar op FOK
[ afbeelding ]
Ik snap hoe het werkt, maar ik krijg het niet voor elkaar :P

Andere vraag: kan je een scrollbar alleen stylen in een bepaalde div, zonder dat je de 'algemene' scrollbar (rechts in je scherm) ook bewerkt?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  woensdag 24 juli 2013 @ 10:02:52 #118
134533 donroyco
dus niet Donroyco
pi_129282149
quote:
0s.gif Op woensdag 24 juli 2013 10:02 schreef InTrePidIvity het volgende:

[..]

Ik snap hoe het werkt, maar ik krijg het niet voor elkaar :P

Andere vraag: kan je een scrollbar alleen stylen in een bepaalde div, zonder dat je de 'algemene' scrollbar (rechts in je scherm) ook bewerkt?
Een scrollbar stylen ;( Ja, het is mogelijk. Nee, begin er niet aan.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 24 juli 2013 @ 10:03:31 #119
299167 stefanhaan
Bloeddorstige wasbeer
pi_129282168
quote:
0s.gif Op woensdag 24 juli 2013 10:02 schreef InTrePidIvity het volgende:

[..]

Ik snap hoe het werkt, maar ik krijg het niet voor elkaar :P

Andere vraag: kan je een scrollbar alleen stylen in een bepaalde div, zonder dat je de 'algemene' scrollbar (rechts in je scherm) ook bewerkt?
Net als normaal als je wil dat iets voor die div geld.

#div .testStyle

1
2
3
4
5
6
7
8
9
10
11
12
13
14		/* Scroll Bar */
#contentHolder ::-webkit-scrollbar {
    width: 12px;
}
 
#contentHolder ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(106, 66, 3, 1);
}
 
#contentHolder ::-webkit-scrollbar-thumb {
    background-color: rgba(175, 110, 7, 1);
    border: 1px solid #6a4203;
}
It was an opportunity to honour our memories and to make room for new ones
  woensdag 24 juli 2013 @ 10:04:11 #120
12221 Tijn
Powered by MS Paint
pi_129282180
quote:
7s.gif Op woensdag 24 juli 2013 10:02 schreef donroyco het volgende:

[..]

Een scrollbar stylen ;( Ja, het is mogelijk. Nee, begin er niet aan.
Ik krijg dat verzoek ook all the time ;(
Verberg de nieuwsticker
  woensdag 24 juli 2013 @ 10:06:42 #121
299167 stefanhaan
Bloeddorstige wasbeer
pi_129282256
quote:
0s.gif Op woensdag 24 juli 2013 10:02 schreef InTrePidIvity het volgende:

[..]

Ik snap hoe het werkt, maar ik krijg het niet voor elkaar :P
Voor het weergeven van afbeeldingen via :after

1
2
3
4
5
6		.postholder_bot.ownPost:after {
    content: url('images/bann_own.png');
    position: absolute;
    top: 6px;
    left: 76px;
}
It was an opportunity to honour our memories and to make room for new ones
  woensdag 24 juli 2013 @ 10:16:31 #122
27454 InTrePidIvity
Looks like it's broken...
pi_129282453
quote:
7s.gif Op woensdag 24 juli 2013 10:02 schreef donroyco het volgende:

[..]

Een scrollbar stylen ;( Ja, het is mogelijk. Nee, begin er niet aan.
quote:
7s.gif Op woensdag 24 juli 2013 10:02 schreef donroyco het volgende:

[..]

Een scrollbar stylen ;( Ja, het is mogelijk. Nee, begin er niet aan.
Inhoud vs. design maakt het helaas onmogelijk om zonder scrollbar te werken, dus dan liever een gestylde dan de standaard Chrome-scrollbar. Die van IE (9+) ziet er verrassend genoeg trouwens standaard al best netjes uit.



quote:
7s.gif Op woensdag 24 juli 2013 10:03 schreef stefanhaan het volgende:

[..]

Net als normaal als je wil dat iets voor die div geld.

#div .testStyle
[ code verwijderd ]

Dankjewel :)

quote:
7s.gif Op woensdag 24 juli 2013 10:06 schreef stefanhaan het volgende:

[..]

Voor het weergeven van afbeeldingen via :after
[ code verwijderd ]

En nogmaals dankjewel, ik ga het nog maar een keer proberen dan :)
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_129282660
ja en voor een auto heb je banden nodig, bekent ook niet dat het er beter op wordt als je zelf een profieltje ontwerpt.
zcflevo.nl
  woensdag 24 juli 2013 @ 10:29:46 #124
12221 Tijn
Powered by MS Paint
pi_129282745
quote:
0s.gif Op woensdag 24 juli 2013 10:16 schreef InTrePidIvity het volgende:

[..]

Inhoud vs. design maakt het helaas onmogelijk om zonder scrollbar te werken, dus dan liever een gestylde dan de standaard Chrome-scrollbar.
Het probleem is dat je niet echt de scrollbar van een ander uiterlijk voorziet, maar zelf een mechanisme maakt dat als scrollbar moet fungeren. En dat werkt half zo goed niet als een echte scrollbar.
Verberg de nieuwsticker
pi_129283093
quote:
14s.gif Op woensdag 24 juli 2013 10:26 schreef KomtTijd... het volgende:
ja en voor een auto heb je banden nodig, bekent ook niet dat het er beter op wordt als je zelf een profieltje ontwerpt.
Hehe.
  woensdag 24 juli 2013 @ 11:14:00 #126
27454 InTrePidIvity
Looks like it's broken...
pi_129283885
quote:
2s.gif Op woensdag 24 juli 2013 10:29 schreef Tijn het volgende:

[..]

Het probleem is dat je niet echt de scrollbar van een ander uiterlijk voorziet, maar zelf een mechanisme maakt dat als scrollbar moet fungeren. En dat werkt half zo goed niet als een echte scrollbar.
Opbouwende kritiek ^O^
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_129284033
quote:
0s.gif Op woensdag 24 juli 2013 09:46 schreef Darkomen het volgende:
CSS verzint zelf geen waardes omdat het het leuk vind om je te pesten

Of je zit de verkeerde files aan te passen.
Of er is iets van cache.
Of je programma loopt te kutten.

Probeer het eens zonder je programma edit je css in notepad(++)
Gelukt, getest in http://jsfiddle.net en geupload. TopStyle 5.0 deed vaag met de weergave maar probleem is opgelost, eindelijk. Nu is kijken of ik mensen hier kan helpen :)
pi_129285428
Mooi zo.
pi_129286131
quote:
14s.gif Op woensdag 24 juli 2013 11:14 schreef InTrePidIvity het volgende:

[..]

Opbouwende kritiek ^O^
je hebt gelijk.

ik moet op mijn werk zoiets gebruiken. Maar zelfs met een breed ondersteunde jquery plugin blijft het matig werken en is het moeilijk irritant om te implementeren.
zcflevo.nl
  zaterdag 27 juli 2013 @ 13:17:33 #130
306371 zerokil
psvunited
pi_129402524
Heeft iemand een standaard formpje waar als je bij de 1ste blok een keuze maakt dat het 2de blok veranderd..
Dus dat je 1ste keuze invloed zal hebben op het 2 de blok keuze selectie.
  zondag 28 juli 2013 @ 16:46:00 #131
319705 pascal08
dr. prof.
pi_129436448
quote:
0s.gif Op zaterdag 27 juli 2013 13:17 schreef zerokil het volgende:
Heeft iemand een standaard formpje waar als je bij de 1ste blok een keuze maakt dat het 2de blok veranderd..
Dus dat je 1ste keuze invloed zal hebben op het 2 de blok keuze selectie.
Chained select?
  zondag 28 juli 2013 @ 16:52:00 #132
319705 pascal08
dr. prof.
pi_129436580
Ik ben onlangs een beetje aan het testen geslagen met jsperf.com

Ik wilde graag weten welke selectors nou het snelste zijn, dus ik maakte 7 tests. Ik had verwacht dat test 1 het langzaamste zou zijn en dat bleek ook zo te zijn. Echter was ik wel verbaasd dat test 5 als winnaar uit de bus kwam. Ik had eerder verwacht dat test 3 het snelste zou zijn, omdat die het meest specifiek is. Komt dit misschien omdat er te weinig HTML elementen zijn voor een representatief resultaat?



  FOK!-Schrikkelbaas zondag 28 juli 2013 @ 16:53:17 #133
862 Arcee
Look closer
pi_129436619
TT is onjuist. Moet zijn: [html, css, js] topicid+=19641 :Y)
Never in the entire history of calming down did anyone ever calm down after being told to calm down.
  zondag 28 juli 2013 @ 16:54:24 #134
56176 Catch22-
Ben je Blind?!
pi_129436637
Je moet sowieso geen grotere nauwkeurigheid aangeven dan nodig.

Hoe minder selectors hoe beter
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?
  zondag 28 juli 2013 @ 16:59:02 #135
319705 pascal08
dr. prof.
pi_129436732
quote:
0s.gif Op zondag 28 juli 2013 16:54 schreef Catch22- het volgende:
Je moet sowieso geen grotere nauwkeurigheid aangeven dan nodig.

Hoe minder selectors hoe beter
Hmm, ok, dat verklaart waarom test 5 het snelste klaar is. ^O^

Ik zie ook jQuery sneller is als je tags gebruikt in plaats van classes. :)

pi_129437433
je bedoelt een Id. Das ook logisch aangezien een Id de meest specifieke selector is en gewoon met getElementById afgehandeld kan worden.
zcflevo.nl
  zondag 28 juli 2013 @ 22:54:06 #137
319705 pascal08
dr. prof.
pi_129450847
quote:
1s.gif Op zondag 28 juli 2013 17:28 schreef KomtTijd... het volgende:
je bedoelt een Id. Das ook logisch aangezien een Id de meest specifieke selector is en gewoon met getElementById afgehandeld kan worden.
Ja, dat bedoelde ik. :)

Weet jij toevallig hoe ik het volgende zichtbare list-item na die met de class "selected" kan vinden? Next(), nextUntil(), nextAll() werken alleen als het siblings zijn en closest() werkt ook niet, want die zoekt alleen omhoog in de hiërarchie.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		<div>
    <ul>
        <li style="display:none;"></li>
        <li style="display:none;"></li>
        <li class="selected"></li>
    </ul>
    <ul>
        <li style="display:none;"></li>
        <li></li>
        <li style="display:none;"></li>
    </ul>
    <ul>
        <li></li>
        <li style="display:none;"></li>
        <li style="display:none;"></li>
    </ul>
</div>
pi_129454322
Zul je zelf wat voor moeten scripten denk ik.
zcflevo.nl
  maandag 29 juli 2013 @ 00:17:33 #139
12221 Tijn
Powered by MS Paint
pi_129454611
Ik zou een selectie van alle zichtbare list items maken ($('li:visible')), dan de index van het geselecteerde item opvragen (met .index()) en dan het volgende element van je set aanwijzen (met .eq()).
Verberg de nieuwsticker
  maandag 29 juli 2013 @ 01:51:05 #140
319705 pascal08
dr. prof.
pi_129457321
quote:
2s.gif Op maandag 29 juli 2013 00:17 schreef Tijn het volgende:
Ik zou een selectie van alle zichtbare list items maken ($('li:visible')), dan de index van het geselecteerde item opvragen (met .index()) en dan het volgende element van je set aanwijzen (met .eq()).
Dat ik daar niet aan gedacht heb. :') 8)7

Ik had inmiddels al een oplossing van meer dan 2 regels. :)

EDIT:

Ik heb 't nu voor elkaar gekregen met een enkele regel. Volgens deze jsperf is 'ie sneller dan de index-methode, maar qua leesbaarheid zou ik toch voor de multiline code gaan. Jij? :P



[ Bericht 9% gewijzigd door pascal08 op 29-07-2013 02:22:59 ]
  maandag 29 juli 2013 @ 08:19:48 #141
12221 Tijn
Powered by MS Paint
pi_129459916
Het zou sneller moeten zijn met een echte CSS-selector:

1
2
3
4		$('li').removeClass('selected')
       .filter(':visible')
       .eq(index + 1)
       .addClass('selected');

Ik ben benieuwd of het uitmaakt.
Verberg de nieuwsticker
pi_129461011
quote:
0s.gif Op maandag 29 juli 2013 01:51 schreef pascal08 het volgende:

[..]

Dat ik daar niet aan gedacht heb. :') 8)7

Ik had inmiddels al een oplossing van meer dan 2 regels. :)

EDIT:

Ik heb 't nu voor elkaar gekregen met een enkele regel. Volgens deze jsperf is 'ie sneller dan de index-methode, maar qua leesbaarheid zou ik toch voor de multiline code gaan. Jij? :P

[ afbeelding ]
Maakt .selected de li onzichtbaar want zo lijkt het of dezelfde li weer geselecteerd wordt.
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  maandag 29 juli 2013 @ 09:49:48 #143
56176 Catch22-
Ben je Blind?!
pi_129461073
1$("li").find(".selected").get(0).removeClass("selected").next("li").addClass("selected")
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?
pi_129475979
Hoi,

Een vraagje: hoe maak je een verticale navigatie menu waarbij op een link kan klikken die zichzelf dan expand. Zoals deze hier:


Alvast bedankt voor uw antwoord :).

Gr,

superky

[ Bericht 1% gewijzigd door superky op 29-07-2013 20:33:59 ]
pi_129476940
met een computer doe je dat.
zcflevo.nl
pi_129477518
quote:
14s.gif Op maandag 29 juli 2013 18:29 schreef KomtTijd... het volgende:
met een computer doe je dat.
Ik heb mijn navigatie al horizontaal staan en ik kan mijn submenu laten expanden door hover te gebruiken, maar dit wil ik natuurlijk niet. Ik wil het graag hebben zoals op de bovenstaande afbeelding staat afgebeeld. Mijn vraag is kan ik dit met html en css doen of heb ik hiervoor een scriptaal (bijv. JavaScript) nodig?
pi_129477560
dan heb je javascript nodig ja.
zcflevo.nl
  maandag 29 juli 2013 @ 18:50:09 #148
91039 mstx
2x1/2 = 1/2 x 1/2
pi_129477586
Bedoel je nou een horizontaal menu of een verticale (zoals op die afbeelding)? :? Als je hem wil laten uitschuiven met een klik moet je javascript gebruiken.

Zoiets:
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		<ul id="menu">
    <li>
        <a href="#">Menu 1</a>
        <ul>
            <li><a href="#">Sub 1.1</a></li>
            <li><a href="#">Sub 1.2</a></li>
            <li><a href="#">Sub 1.3</a></li>
        </ul>
    </li>
    <li>
        <a href="#">Menu 2</a>
        <ul>
            <li><a href="#">Sub 2.1</a></li>
            <li><a href="#">Sub 2.2</a></li>
            <li><a href="#">Sub 2.3</a></li>
        </ul>
    </li>
    <li>
        <a href="#">Menu 3</a>
        <ul>
            <li><a href="#">Sub 3.1</a></li>
            <li><a href="#">Sub 3.2</a></li>
            <li><a href="#">Sub 3.3</a></li>
        </ul>
    </li>
</ul>

<script type="text/javascript">
$(document).ready(function(){
    $('#menu>li>a').click(function(){
            $(this).parent().find('ul').toggle();
        });
});
</script>


[ Bericht 85% gewijzigd door mstx op 29-07-2013 18:57:41 ]
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.
👾
pi_129481484
quote:
0s.gif Op maandag 29 juli 2013 18:50 schreef mstx het volgende:
Bedoel je nou een horizontaal menu of een verticale (zoals op die afbeelding)? :? Als je hem wil laten uitschuiven met een klik moet je javascript gebruiken.

Zoiets:
[ code verwijderd ]

Oh xD verticaal bedoel ik natuurlijk ja. Sorry voor de miscommunicatie..
pi_129483883
Of je animeert gewoon de max-height met CSS bij hover:

1
2
3
4
5
6
7
8
9		li > ul {
max-height:0;
transition:max-height 500ms ease-out;
}

li:hover > ul{
max-height:999em;
transition:max-height 500ms ease-in;
}

Als je het dan met perse met Javascript wilt doen, doe het dan ook goed en bouw een delay e.d. in zodat het menu pas openklapt als je minimaal een aantal milliseconden er boven hangt met je muis e.d. Maar een hoop aan elkaar gechainde jQuery-methods mag natuurlijk ook ;)
Nee.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] topicid++
Index

» digital corner

» development

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