display:block; op de a elementen binnen die list. Want normaal is het display:inline en dat is voor tekstelementen wat een li dus is.quote:Op dinsdag 17 juli 2012 20:07 schreef kutkloon7 het volgende:
Nog een vraagje. Ik probeer altijd, zover dat mogelijk is, xhtml strict te valideren. Maar ik heb nu zo'n fancy dropdown menu met CSS gemaakt, en ik wil natuurlijk dat de hele knop klikbaar is in plaats van alleen de tekst, dus ik heb de li tag binnen de link gezet:
[ code verwijderd ]
ipv:
[ code verwijderd ]
Maar dit is natuurlijk niet xhtml valide. Wat raden jullie aan? Schijt hebben aan de validator, of de link met CSS zo opmaken dat ie precies in de list past?
Ik weet niet of dat laatste de moeite waard is, zoveel heb je volgens mij nou ook weer niet aan helemaal valide code.
Je bent een held! Was ik zelf nooit op gekomenquote:Op dinsdag 17 juli 2012 20:39 schreef Mirel het volgende:
[..]
display:block; op de a elementen binnen die list. Want normaal is het display:inline en dat is voor tekstelementen wat een li dus is.
quote:Op dinsdag 17 juli 2012 22:28 schreef Catch22- het volgende:
N00bvragen zijn niet erg. Als je maar duidelijk code post met een duidelijke vraag& wat doet met de opmerkingen
1 2 3 4 5 6 7 8 9 | <html> <head> <style> body { background: url('image.png'); } </style> </head> <body> </body> </html> |
Ik heb zelf niet echt ervaring met CSS3, maar misschien kan dit je verder helpen?quote:Op dinsdag 17 juli 2012 23:52 schreef DaveGrohl het volgende:
heeft 1 van jullie ervaring met animeren (fade in) van een css background (image)
het zou moeten kunnen met jquery danwel css3 -transition ( volgens mij)
stel ik heb:
[ code verwijderd ]
wat zou er dan moeten gebeuren om een fade in van die background te bewerkstelligen?
ik heb wat 'net niet' oplossing gevonden, zoals de div infaden e.d. maar ik wil perse alleen de css image. of is dat niet mogelijk?
thanks!
1 2 3 4 5 | <script> $(document).ready(function() { $('#white').fadeOut(2000); }); </script> |
Dat dus.quote:Op woensdag 18 juli 2012 00:17 schreef Dalando het volgende:
Je kan een DIV gebruiken als underlay, met daarin een afbeelding die je infade-int?
Ja, dan ben je genaaid.quote:Op woensdag 18 juli 2012 09:36 schreef Catch22- het volgende:
Heb dat ook wel eens gehad. Opgelost met een absoluut gepositioneerde div linksboven met een <img /> erin die infade... Wel klote als je de browser resized...
Gebeurt helemaal niets? Behalve dat er 'hoi' staat?quote:
quote:
Trouwens, als je nog een scrollbar erbij wilt, moet je even #inhoud overflow-y: scroll; meegeven.quote:Op woensdag 18 juli 2012 18:26 schreef DaveGrohl het volgende:
[..]Die doet wel wat ik wil. Kan me herinneren, dat ik zoiets werkend had, maar op andere problemen stuitte. Ga weer even speuren. Thanks!!
Thanks, ja had ik gezien. Begin nu ook te twijfelen of ik 't wel ga implementeren. 't Is voor een hobbieprojectje. Mijn grootste probleem blijft toch het mooi laden van een fullscreen css background image. Vind het persoonlijk lelijk als het beeld opbouwt ipv het er meteen staat.quote:Op woensdag 18 juli 2012 18:35 schreef Catch22- het volgende:
Was een webkit voorbeeld. Pas wel op met fadeeffecten. Ze zijn meestal irritanter dan mooi
1 2 3 4 5 6 7 | alert(oud); alert(chosen); if (oud === chosen){ alert('ja'); }else { alert('nee'); } |
In eerste inzicht wel.quote:Op donderdag 19 juli 2012 10:24 schreef KomtTijd... het volgende:
...dan is oud blijkbaar niet gelijk aan chosen.
1 2 | alert("["+oud+"]"); alert("["+chosen+"]"); |
heb je wel een styledefinitie?quote:Op woensdag 25 juli 2012 14:04 schreef Snoepje5 het volgende:
Bij IE worden mijn h3 titels allemaal vééls te dik en bold weergegeven dan in firefox, chrome, opera etc. Hoe kun je dit voorkomen met een code oid? Kan niks vinden op internet.
Wat een slechte browser overigens dat IE.. dat er nog steeds mensen gebruik van maken zeg..
Probeer eensquote:Op woensdag 25 juli 2012 14:04 schreef Snoepje5 het volgende:
Bij IE worden mijn h3 titels allemaal vééls te dik en bold weergegeven dan in firefox, chrome, opera etc. Hoe kun je dit voorkomen met een code oid? Kan niks vinden op internet.
Wat een slechte browser overigens dat IE.. dat er nog steeds mensen gebruik van maken zeg..
1 | font-weight:500; |
Nee, maar als ik jouw 500 vervang door simpelweg bold dan blijkt het wel te werken.. :Squote:Op woensdag 25 juli 2012 16:04 schreef lkb9000 het volgende:
[..]
Probeer eens
[ code verwijderd ]
toe te voegen.
Ah dan had IE dus niet door dat ie bold moest pakken, en nu wel, yay!quote:Op woensdag 25 juli 2012 20:07 schreef Snoepje5 het volgende:
[..]
Nee, maar als ik jouw 500 vervang door simpelweg bold dan blijkt het wel te werken.. :S
Terwijl de tekst toch al bold was..
Dan maar gewoon font-weight:bold; gebruiken in de h3 css
Bij 'widget-header' als het zo mooi heet in mijn css.quote:Op donderdag 26 juli 2012 00:10 schreef lkb9000 het volgende:
[..]
Ah dan had IE dus niet door dat ie bold moest pakken, en nu wel, yay!
Waar had je zelf aangegeven dat de tekst bold moest zijn?
Hoe werkt dat in IE dan?quote:Op donderdag 26 juli 2012 09:30 schreef Catch22- het volgende:
Daarom je inspector gebruiken
font-weight met een getal werkt in IE niet altijd even jofel
windowstoets + pijltjestoets (indien win7))quote:Op donderdag 26 juli 2012 10:13 schreef Catch22- het volgende:
Nee. Is hij niet gewoon heel klein ofzo? (rechtermuisklik in de taakbalk en dan maximaliseren ofzo, of windowstoets + pijltjestoets (indien win7))
Dat zie ik ja..quote:Op donderdag 26 juli 2012 09:58 schreef Catch22- het volgende:
F12 idd.
Onderschat de kracht van inspectors/debuggers niet. Anders kan je beter stoppen met webdevelopment, want dan maak je het jezelf onmogelijk moeilijk.
Als iets niet werkt, zoek dat even uit waarom het niet werkt, dan weet je het gelijk voor de volgende keer.
Ja, ik heb wel wat dat in elkaar overlapt. Dat bij inspect tweemaal een kleur doorgestreept staat ofzo.quote:Op donderdag 26 juli 2012 10:22 schreef KomtTijd... het volgende:
Dan is je specificity niet goed. Als je !important nodig hebt in je default stylesheet doe je vrijwel zeker iets verkeerd.
Nee, dat kan niet met HTML.quote:Op vrijdag 27 juli 2012 16:41 schreef Snoepje5 het volgende:
Kan ik met html geld van elkaar aftrekken?
In mijn voorbeeld zou dat {{ product.price }} - 30¤ moeten zijn. Google me gek, maar kan niks vinden.
Ja: http://www.scriptingmaste(...)rming-basic-math.aspquote:Op vrijdag 27 juli 2012 16:52 schreef Snoepje5 het volgende:
[..]
K*t, waarmee dan wel, javascript oid?
PHP is het makkelijkstequote:Op vrijdag 27 juli 2012 16:52 schreef Snoepje5 het volgende:
[..]
K*t, waarmee dan wel, javascript oid?
1 2 3 4 5 6 7 | <?php $input = "80"; $value = $input - 30; $output= $value." euro"; echo $output; //Output: 50 euro ?> |
watvoor template engine is dat? Als het smarty is kan het wel ongeveer zoquote:Op vrijdag 27 juli 2012 16:41 schreef Snoepje5 het volgende:
Kan ik met html geld van elkaar aftrekken?
In mijn voorbeeld zou dat {{ product.price }} - 30¤ moeten zijn. Google me gek, maar kan niks vinden.
Daar heb je je backend voor.quote:Op vrijdag 27 juli 2012 16:52 schreef Snoepje5 het volgende:
[..]
K*t, waarmee dan wel, javascript oid?
Twig, kan het ook meequote:Op vrijdag 27 juli 2012 17:47 schreef KomtTijd... het volgende:
[..]
watvoor template engine is dat? Als het smarty is kan het wel ongeveer zo
In principe wel natuurlijk, maar vaak is het een functie uit een CMS of module die je liever niet wilt hacken, terwijl templates er juist zijn om te customizen.quote:Op vrijdag 27 juli 2012 19:31 schreef PimD het volgende:
Dat is toch logica die je in je back-end wilt hebben, en niet in je opmaak lijkt me.
Je bedoelt zoals bij een checkout de prijs omzetten in een andere currency via javascript, om vervolgens die waarde weer door te geven aan een betaalmodule, waardoor je als je een beetje Javascript en Firebug gebruikt je pizza`s voor 0.01 cent kan kopen? Klinkt als een goede technische implementatie.quote:Op vrijdag 27 juli 2012 21:09 schreef KomtTijd... het volgende:
[..]
In principe wel natuurlijk, maar vaak is het een functie uit een CMS of module die je liever niet wilt hacken, terwijl templates er juist zijn om te customizen.
Mijn studievereniging had op een dergelijke manier (denk ik, ik weet niet precies hoe die site in elkaar zat, daarna hebben ze hem veranderd) een keer een hele shitload aan pizza's binnengehaaldquote:Op zondag 29 juli 2012 13:28 schreef Scorpie het volgende:
[..]
Je bedoelt zoals bij een checkout de prijs omzetten in een andere currency via javascript, om vervolgens die waarde weer door te geven aan een betaalmodule, waardoor je als je een beetje Javascript en Firebug gebruikt je pizza`s voor 0.01 cent kan kopen? Klinkt als een goede technische implementatie.
Quirks modus wordt alleen gerenderd als je geen geldig doctype hebt, of als je dat als gebruiker specifiek aangeeft dat je dat wilt.quote:Op donderdag 2 augustus 2012 21:22 schreef kutkloon7 het volgende:
Ik ben benieuwd naar jullie mening over een klein (theoretisch) dingetje. Ik heb een klein site-opzetje gebouwd, waar het vooral draait om de opmaak (of eigenlijk nog niet eens de opmaak, maar meer de opzet van de opmaak, dus vooral positionering en functionaliteit van het drop down menu).
Nou werkt het op zich prima in de laatste versies van firefox, opera, chrome, safari, IE, alleen als ik de laatste in quirks mode open (via de developer tools) werkt het drop down menu niet (voor de rest is de opmaak in oudere IE versies ook vrij lelijk, maar de functionaliteit is er).
Is dit erg? Voor deze site op zich maakt het me eigenlijk niet zoveel uit, het is een site voor een dispuut van een studentenvereniging die volgens mij niet erg veel gebruikt gaat worden, maar ik vroeg me gewoon af hoe belangrijk het is voor een site om ook te werken in bijvoorbeeld quirks mode (voor wat serieuzere sites, bijvoorbeeld overheidssites).
je moet het inderdaad alleen gebruiken voor berekeningen e.d, niet om op te slaan ,dat moet je echt aan de achterkant berekenenquote:Op zondag 29 juli 2012 13:28 schreef Scorpie het volgende:
[..]
Je bedoelt zoals bij een checkout de prijs omzetten in een andere currency via javascript, om vervolgens die waarde weer door te geven aan een betaalmodule, waardoor je als je een beetje Javascript en Firebug gebruikt je pizza`s voor 0.01 cent kan kopen? Klinkt als een goede technische implementatie.
dit dus.quote:Op vrijdag 3 augustus 2012 11:26 schreef QM84 het volgende:
[..]
Quirks modus wordt alleen gerenderd als je geen geldig doctype hebt, of als je dat als gebruiker specifiek aangeeft dat je dat wilt.
Aangezien jij, ga ik even vanuit, netjes een doctype gebruikt, wordt de site alleen in quirksmode gerenderd als de gebruiker daar expliciet voor kiest. Dan verdient deze ook niet anders dan een niet-werkende site voorgeschoteld te krijgen.
De Quirksmode in de inspector is toegevoegd, om te kijken hoe oude sites (die standaard in die modus gerenderd worden) zouden renderen als het wel volgens de standaarden zou gaan.
Mooi, dit was me niet even helemaal duidelijk, ik dacht dat oudere browsers het ook zo renderden.quote:Op vrijdag 3 augustus 2012 11:26 schreef QM84 het volgende:
[..]
Quirks modus wordt alleen gerenderd als je geen geldig doctype hebt, of als je dat als gebruiker specifiek aangeeft dat je dat wilt.
Aangezien jij, ga ik even vanuit, netjes een doctype gebruikt, wordt de site alleen in quirksmode gerenderd als de gebruiker daar expliciet voor kiest. Dan verdient deze ook niet anders dan een niet-werkende site voorgeschoteld te krijgen.
De Quirksmode in de inspector is toegevoegd, om te kijken hoe oude sites (die standaard in die modus gerenderd worden) zouden renderen als het wel volgens de standaarden zou gaan.
Misschien even de header.php (neem aan dat die zo heet) en dan nét voor de benaming van die toolbar een <br> plakken?quote:Op maandag 6 augustus 2012 11:33 schreef -J-D- het volgende:
Ik heb een probleem met CSS, mede omdat ik te weinig kennis er van heb.
[ afbeelding ]
Ik heb het logo in het menu geplaatst door dat bij de eigenschappen van het menu-item in Joomla in te vullen. Zoals jullie zit het logo echter niet mooi. Ik zou het graag in het midden van die grijze balk willen hebben, zodat het logo een stukje boven de grijze balk en een stukje onder de grijze balk uitsteekt.
Bij de eigenschappen in Joomla kan ik geen uitlijning van het plaatje aangeven.
Ik heb hierover veel gegoogled (op termen als image in menu align e.d.) maar ik zoek blijkbaar verkeerd.
Heeft een van jullie een tip hoe ik de CSS-file die hieronder staat kan aanpassen om dit te bereiken?
CSS-file
Website
Mijn dank is groot voor het meedenken!
quote:Op maandag 6 augustus 2012 11:33 schreef -J-D- het volgende:
Ik heb een probleem met CSS, mede omdat ik te weinig kennis er van heb.
[ afbeelding ]
Ik heb het logo in het menu geplaatst door dat bij de eigenschappen van het menu-item in Joomla in te vullen. Zoals jullie zit het logo echter niet mooi. Ik zou het graag in het midden van die grijze balk willen hebben, zodat het logo een stukje boven de grijze balk en een stukje onder de grijze balk uitsteekt.
Bij de eigenschappen in Joomla kan ik geen uitlijning van het plaatje aangeven.
Ik heb hierover veel gegoogled (op termen als image in menu align e.d.) maar ik zoek blijkbaar verkeerd.
Heeft een van jullie een tip hoe ik de CSS-file die hieronder staat kan aanpassen om dit te bereiken?
CSS-file
Website
Mijn dank is groot voor het meedenken!
1 2 3 | .menu img { margin-top:-30px; } |
Ik heb dat geprobeerd bij .topmenu aangezien ik geen .menu zag. Helaas werkte dat niet.quote:
Je kan die er gewoon ergens bij plaatsen in de css, .menu bestaat wel degelijk volgens mn chrome dev tools. En het moet sowieso op zichzelf staan aangezien het .menu img is ipv alleen .menuquote:Op maandag 6 augustus 2012 19:09 schreef -J-D- het volgende:
[..]
Ik heb dat geprobeerd bij .topmenu aangezien ik geen .menu zag. Helaas werkte dat niet.
Had ik het op een andere plaats in de CSS-bestand moeten plaatsen?
Een <br> werkte helaas ook niet.
Je hebt helemaal gelijk!quote:Op maandag 6 augustus 2012 20:28 schreef lkb9000 het volgende:
[..]
Je kan die er gewoon ergens bij plaatsen in de css, .menu bestaat wel degelijk volgens mn chrome dev tools. En het moet sowieso op zichzelf staan aangezien het .menu img is ipv alleen .menu
En het werkt als ik het toevoeg via Chrome
Ik ben begonnen met HTML3 en CSS1 in 1997. Ik leer nog steeds bijna dagelijks nieuwe dingen.quote:Op maandag 6 augustus 2012 21:28 schreef Quotidien het volgende:
Hoelang hebben jullie erover gedaan HTML en CSS te leren?
Gewoon uit nieuwsgierigheid.
Zo leren veel tutorials het mensen helaas wel aan.quote:Op maandag 6 augustus 2012 23:31 schreef Tijn het volgende:
Wees blij dat je in elk geval bijna geen opmaak in de attributen meer tegenkomt
<h1 color="blue"> enzo
Wat maakt niet uit?quote:Op maandag 6 augustus 2012 23:51 schreef robin007bond het volgende:
[..]
Maakt niet uit hoor
Maar dat kun je veel beter apart in css doen.
Het was geen stomme vraag maar een stomme opmerking.quote:Op maandag 6 augustus 2012 23:55 schreef robin007bond het volgende:
[..]
Ik dacht dat je jouw bericht had bewerkt, omdat je het een stomme vraag vond o.i.d.
Er zijn toch niet serieus tutorials die anno 2012 dit soort onzin uit de steentijd aanleren? Ik bedoel, je gaat toch ook niet meer mensen uitleggen wat de <font> tag is?quote:Op maandag 6 augustus 2012 23:44 schreef robin007bond het volgende:
[..]
Zo leren veel tutorials het mensen helaas wel aan.
Net als:
<body bgcolor="green">
</body>
Wat is er mis met de <font> tag dan? Je moet toch je font kunnen bepalen?quote:Op maandag 6 augustus 2012 23:58 schreef Tijn het volgende:
[..]
Er zijn toch niet serieus tutorials die anno 2012 dit soort onzin uit de steentijd aanleren? Ik bedoel, je gaat toch ook niet meer mensen uitleggen wat de <font> tag is?
Dat is lang geleden, dat ik dat voor het laatst gezien heb.quote:Op maandag 6 augustus 2012 23:31 schreef Tijn het volgende:
Wees blij dat je in elk geval bijna geen opmaak in de attributen meer tegenkomt
<h1 color="blue"> enzo
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |