DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Wat doe ik verkeerd?
Ik wil gewoon een border in CSS om mijn image doen. Dit probleem heb ik ook weer gegoogled, maar kom er niet uit.
HTML
<center>
<img id="xxx" />
<img src="C:\Users\xxxx\Desktop\html\aboutme\xxxxx.jpg" height="300px" />
</center>
#xxx{
border: solid grey;
border-width: 15px;
}
Heb al geprobeerd met of zonder center etc, maar werkt niet. De border komt gewoon links onder mijn image te staan (buiten mijn image). Als ik hem bewerk in HTML krijg ik wel een border. Maar wil graag weten wat ik verkeerd doe en waarom het mij niet lukt in CSS.
Kunnen jullie mij helpen?
[ Bericht 70% gewijzigd door Pino0 op 04-05-2016 00:14:42 ]
Ik wil gewoon een border in CSS om mijn image doen. Dit probleem heb ik ook weer gegoogled, maar kom er niet uit.
HTML
<center>
<img id="xxx" />
<img src="C:\Users\xxxx\Desktop\html\aboutme\xxxxx.jpg" height="300px" />
</center>
#xxx{
border: solid grey;
border-width: 15px;
}
Heb al geprobeerd met of zonder center etc, maar werkt niet. De border komt gewoon links onder mijn image te staan (buiten mijn image). Als ik hem bewerk in HTML krijg ik wel een border. Maar wil graag weten wat ik verkeerd doe en waarom het mij niet lukt in CSS.
Kunnen jullie mij helpen?
[ Bericht 70% gewijzigd door Pino0 op 04-05-2016 00:14:42 ]
Begin eens met wat html en css 101 artikelen. Je hebt totaal geen basis en doet maar wat
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?
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?
Het begint al met het feit dat je twee images op de pagina zet. Een met een id die je gebruikt in je stylesheet en eentje die daadwerkelijk naar een afbeeldingsbestand verwijst.
Je moet die twee elementen combineren.
Je moet die twee elementen combineren.
AngularJS? Nah , ReactJSquote:Op zaterdag 19 december 2015 11:04 schreef pussywillow het volgende:
[..]
Ik denk dat je wel een paar weken verder bent voor je het echt onder de knie hebt. Als je gewend bent om gewoon old school DOM elementen te manipuleren dan moet je jezelf eigenlijk een andere manier van denken aanleren. Dit plaatje somt het wel mooi op
[ afbeelding ]
Redacted
Waarom selecteert dit stukje JS niet "afbeelding/Naam.jpg"?
| 1 | var img = document.getElementById("1 img").src; |
| 1 2 3 4 | <div class="content" id="1"> <h1>Naam</h1> <img src="Afbeelding/Naam.jpg"> </div> |
Omdat getElementById een element pakt op basis van de ID. Het is dus geen selector, je kunt geen children mee geven. In jouw voorbeeld wordt er dus gezocht naar een element met de id '1 img', en niet naar een img die een child is van #1. Wat jij wilt is document.getElementById('1').querySelector('img').
Overigens mag een ID nooit beginnen met een nummer.
Overigens mag een ID nooit beginnen met een nummer.
Bleuh.
Of gewoon meteen querySelector("#1 img"), scheelt ook weer een dom inspectie.
“Specialization is for insects”.—Robert Heinlein
Dat hoeft niet per se sneller te zijn. getElementById is enorm snel en als je daarbinnen zoekt hoeft hij niet het hele document te doorzoeken. Niet dat je er in de praktijk veel van merkt, maar toch.quote:Op dinsdag 10 mei 2016 08:49 schreef n8n het volgende:
Of gewoon meteen querySelector("#1 img"), scheelt ook weer een dom inspectie.
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.
👾
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.
👾
Als je toch gaat micro-optimaliseren kun je er waarschijnlijk beter getElementById('1').getElementsByTagName('img')[0] van maken.
Met 1 query heb je nooit de null.querySelector error, het is ook explicieter wat je wilt en dom queries kosten nog een fractie van een ms tegenwoordig.
“Specialization is for insects”.—Robert Heinlein
Hebben beiden hun voors en tegens. Angular2 met typescript en ionic werkt wel mooiquote:
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?
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?
*zwaai*
Ik zoek een manier om dit te doen; ik heb links een element met een background image en rechts een nav. Als ik over de a'tjes in de nav hover wil ik eigenlijk dat de background image links verandert.
CSS
HTML
Niet heel relevante code nu eigenlijk, maar ik dacht misschien weten jullie een handige manier om een element (die background image/.hero) te beinvloeden door te hoveren over de nav.
Ben niet zo goed in JS, maar ik denk dat dat de enige manier is eigenlijk, dus dat is dan maar zo
Ik zoek een manier om dit te doen; ik heb links een element met een background image en rechts een nav. Als ik over de a'tjes in de nav hover wil ik eigenlijk dat de background image links verandert.
CSS
| 1 2 3 4 5 6 7 8 | .hero { width: 50%; height: 100%; position: fixed; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 30%), url(../photo2.jpg); background-size: cover; background-position: center 30%; } |
HTML
| 1 2 3 4 5 6 7 8 9 | <div class="projects"> <ul> <li><a href="">MIJN CASE 1</a></li> <li><a href="">MIJN CASE 2</a></li> <li><a href="">MIJN CASE 3</a></li> <li><a href="">MIJN CASE 4</a></li> <li><a href="">MIJN CASE 5</a></li> </ul> </div> |
Niet heel relevante code nu eigenlijk, maar ik dacht misschien weten jullie een handige manier om een element (die background image/.hero) te beinvloeden door te hoveren over de nav.
Ben niet zo goed in JS, maar ik denk dat dat de enige manier is eigenlijk, dus dat is dan maar zo
Kun je die achtergrond niet veranderen metquote:Op dinsdag 10 mei 2016 16:42 schreef ikbenrond het volgende:
*zwaai*
Ik zoek een manier om dit te doen; ik heb links een element met een background image en rechts een nav. Als ik over de a'tjes in de nav hover wil ik eigenlijk dat de background image links verandert.
CSS
[ code verwijderd ]
HTML
[ code verwijderd ]
Niet heel relevante code nu eigenlijk, maar ik dacht misschien weten jullie een handige manier om een element (die background image/.hero) te beinvloeden door te hoveren over de nav.
Ben niet zo goed in JS, maar ik denk dat dat de enige manier is eigenlijk, dus dat is dan maar zo
| 1 2 3 | .hero:hover{ //nieuwe background code } |
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Jawoll, maar elke a in de nav moet een andere afbeelding krijgen. Of kan dat dan nog?quote:
[..]
Kun je die achtergrond niet veranderen met
[ code verwijderd ]
Had niet helemaal goed gelezen dat je de achtergrond van een ander element wou veranderen i.p.v. de link zelf.quote:
[..]
Jawoll, maar elke a in de nav moet een andere afbeelding krijgen. Of kan dat dan nog?
Is dit een beetje wat je zoekt?
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Waarom blijft deze code bij 'nummer' telkens '1' inserten ("<div id=nummer1>" dus), ook al klik ik meerdere keren op het addfield-divje? De var staat declared buiten de click-functie, dus die zou toch niet moeten resetten? Bovendien zou de "nummer =+ 1;" er toch 2 van moeten maken, zelfs als 'ie gereset wordt? Hij moet dus gereset worden binnen de click-functie, maar daar wordt de var helemaal niet meer gedeclared! Dat kan toch niet?
| 1 2 3 4 5 6 7 8 9 10 11 12 | <script> $(document).ready(function() { var nummer = 1; $("#addfield").click(function() { nummer =+ 1; var field = document.createElement('div'); field.setAttribute("id", "nummer"+nummer); document.getElementById('teksten').appendChild(field); }); }); </script> |
verander =+1 eens in +=1 of beter nog nummer++;quote:
Waarom blijft deze code bij 'nummer' telkens '1' inserten ("<div id=nummer1>" dus), ook al klik ik meerdere keren op het addfield-divje? De var staat declared buiten de click-functie, dus die zou toch niet moeten resetten? Bovendien zou de "nummer =+ 1;" er toch 2 van moeten maken, zelfs als 'ie gereset wordt? Hij moet dus gereset worden binnen de click-functie, maar daar wordt de var helemaal niet meer gedeclared! Dat kan toch niet?
[ code verwijderd ]
Drop drop drop drop drop drop drop!!!! DROP!!! drop drop drop drop !!
Shit, enorme faal van mij. Goed gespot! Thanks.quote:Op zaterdag 14 mei 2016 15:51 schreef JeSuisDroppie het volgende:
[..]
verander =+1 eens in +=1 of beter nog nummer++;
Ik vind +=1 duidelijker dan ++ eerlijk gezegd.quote:
[..]
verander =+1 eens in +=1 of beter nog nummer++;
Kwestie van persoonlijke voorkeur imo, maar snap waar je op doelt.quote:Op zaterdag 14 mei 2016 18:28 schreef Tijn het volgende:
[..]
Ik vind +=1 duidelijker dan ++ eerlijk gezegd.
Drop drop drop drop drop drop drop!!!! DROP!!! drop drop drop drop !!
++ is wel common practicequote:
[..]
Ik vind +=1 duidelijker dan ++ eerlijk gezegd.
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?
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?
+=1 is zo'n rare eend in de bijt..quote:
[..]
Ik vind +=1 duidelijker dan ++ eerlijk gezegd.
alsof + gelijk aan 1 is.. (of dat + resulteert in 1)
Crockford raadt het af: http://javascript.crockford.com/code.htmlquote:
quote:Confusing Pluses and Minuses
Be careful to not follow a + with + or ++. This pattern can be confusing. Insert parens between them to make your intention clear.
total = subtotal + +myInput.value;
is better written as
total = subtotal + (+myInput.value);
so that the + + is not misread as ++. Avoid ++.
