[html, css, js] topicid++

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
  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
  woensdag 24 juli 2013 @ 10:43:31 #125
84244 Scorpie
Abject en infaam!
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.
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.
actieve topics nieuwe topics
abonnement Unibet Coolblue
[html, css, js] topicid++
Index

» digital corner

» development

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