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.
Dat kun je verhelpen door:quote:Op dinsdag 13 oktober 2009 12:06 schreef LeeHarveyOswald het volgende:
Ah, en de zwevende balk "trilt" bij het scrollen op mn blackberry, is dat te verhelpen?Alvast dank!
- Een andere browser te proberen.
- Een snellere telefoon te kopen.
Andere websites doen het wel goed...quote:Op dinsdag 13 oktober 2009 12:18 schreef Dhr.Donder het volgende:
[..]
Dat kun je verhelpen door:
- Een andere browser te proberen.
Zakelijke telefoon. En ik geloof niet dat er veel telefoons zijn die sneller zijn dan de BB bold 9000 ...quote:- Een snellere telefoon te kopen.
Dan trek die websites eens open en kijk wat ze anders doen.quote:
[..]
Andere websites doen het wel goed...
En zorg dat je nette code hebt. Tags afsluiten, niet onnodig veel stijl-elementen toevoegen, zo min mogelijk plaatjes, enz.
Iemand? Zit echt vast..quote:
Ik klop hier nog maar een keer aan. Laatste keer, hopelijk. Als je op de pagina van een video kijkt, zijn alle div's niet opgevuld in de achtergrond. Dit gebeurt sowieso in IE 7.
http://www.youtubehd.nl/2009/10/8-bit-trip/
Ik heb nu enkel bovenstaande CSS, <div id = 'top'> <p>blaat </p></div> en <div id ='content'> <p>lorem ipsum verhaal </p></div>, dat zou toch nog te doen moeten zijnquote:Op dinsdag 13 oktober 2009 12:28 schreef Dhr.Donder het volgende:
[..]
Dan trek die websites eens open en kijk wat ze anders doen.
En zorg dat je nette code hebt. Tags afsluiten, niet onnodig veel stijl-elementen toevoegen, zo min mogelijk plaatjes, enz.
Sowieso je margins en padding resetten. En verder blijft ie in Chrome mooi bovenaan plakken. Wrapper erom met een breedte van 480px. (Dat is geloof ik de breedte van de iPhone.)quote:
Hij moet het op alle mobiele platformen mooi gaan doenquote:Op dinsdag 13 oktober 2009 14:21 schreef Banzaiaap het volgende:
[..]
Sowieso je margins en padding resetten. En verder blijft ie in Chrome mooi bovenaan plakken. Wrapper erom met een breedte van 480px. (Dat is geloof ik de breedte van de iPhone.)
...zodat je ze later allemaal weer toe kan voegenquote:
[..]
Sowieso je margins en padding resetten. En verder blijft ie in Chrome mooi bovenaan plakken. Wrapper erom met een breedte van 480px. (Dat is geloof ik de breedte van de iPhone.)
Sorry 'k blijf tegenstander van datsoort resets. Margins gewoon aangeven waar je ze nodig hebt en verder niet.
Ja dat zeg ik toch ook. Maar om dat te kunnen doen, moet je ze eerst wel allemaal even resetten. Die standaard margins zijn in elke browser anders en geven je later alleen maar meer problemen.quote:
[..]
...zodat je ze later allemaal weer toe kan voegen
Sorry 'k blijf tegenstander van datsoort resets. Margins gewoon aangeven waar je ze nodig hebt en verder niet.
En vervolgens ga je ze dus alsnog allemaal aanpassenquote:Op dinsdag 13 oktober 2009 14:31 schreef Dhr.Donder het volgende:
...zodat je ze later allemaal weer toe kan voegen
Sorry 'k blijf tegenstander van datsoort resets. Margins gewoon aangeven waar je ze nodig hebt en verder niet.
Je wilt immers nergens gokken op de rendering van een willekeurige browser.
In 99% van de gevallen wil ik juist GRAAG gokken op de rendering van een willekeurige browser.quote:
[..]
En vervolgens ga je ze dus alsnog allemaal aanpassen
Stel, ik doe een CSS reset, alle margins en paddings naar 0.
Vervolgens komt iemand anders op het idee ergens op een pagina een unordered list te gebruiken.
Hangt'ie gelijk bij mij aan de lijn want dan ziet het er niet uit.
Als ik nou geen wilde reset had gedaan, maar gewoon alleen dat menutje wat ook een unordered-list gebruikt gestijld had, was er niets aan het handje geweest.
Die standaard stijlen zitten er niets voor niets in. Waar je het anders wilt veranderen, maar waar je (nog) niets mee doet, gewoon laten staan.
Ben het nog steeds niet met je eens, maar dat mag De meningen zijn er overal over verdeeld, al is het redelijk gangbaar om te resetten tegenwoordig.
De meningen zijn er overal over verdeeld, al is het redelijk gangbaar om te resetten tegenwoordig.
Ik heb ondertussen redelijk wat sites in elkaar gezet, en 'k heb nog nooit zo'n css reset gebruikt. Als er een element is waar de standaardstyles niet goed zijn, pas ik gewoon die betreffende styles aan.quote:
Ben het nog steeds niet met je eens, maar dat mag
Sowieso ontgaat mij het nut van eerst alles op 0 zetten en er daarna een andere waarde aan toekennen.
Wat ik tegenwoordig wel vaak doe, is het aanpassen van de line-height, omdat sommige browsers de tekst anders wel heel dicht op elkaar zetten.
Ik heb er ook aardig wat in elkaar gezet, en ik doe het wel. Dus echt een graadmeter is het niet Dat partijen als Yahoo! (die heel veel geld besteden aan onderzoek naar front-end technieken) en bijvoorbeeld een Eric Meyer dat wel doen is dat misschien wel. Maar goed, het blijft een persoonlijke voorkeur.
Voor mij is het voordeel dat je het nergens vergeet omdat het toevallig goed uit komt. Een andere browser doet dat dan net niet, en dat wil ik niet.
Dat partijen als Yahoo! (die heel veel geld besteden aan onderzoek naar front-end technieken) en bijvoorbeeld een Eric Meyer dat wel doen is dat misschien wel. Maar goed, het blijft een persoonlijke voorkeur.Voor mij is het voordeel dat je het nergens vergeet omdat het toevallig goed uit komt. Een andere browser doet dat dan net niet, en dat wil ik niet.
om niet in een eindeloze discussie te verzanden maar weer even ontopic
Waarschijnlijk ook even overflow:hidden gebruiken?quote:
Voor al die divs?quote:Op dinsdag 13 oktober 2009 22:57 schreef Dhr.Donder het volgende:
om niet in een eindeloze discussie te verzanden maar weer even ontopic
[..]
Waarschijnlijk ook even overflow:hidden gebruiken?
Hehehe, de nieuwe website van de W3C valideert niet met hun eigen CSS validator 
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.w3.org%2F
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.w3.org%2F
Werkt niet.quote:
[..]
Dr is maar één manier om er achter te komen!
quote:
| 1 |
Als ik daar de url absoluut maak werkt het bij mij wel, misschien wordt het plaatje gewoon niet gevonden?
Ik heb een enorm simpele vraag, maar zoiets heb ik nu ik zo nadenk nooit geprobeerd, dusja 
Op http://www.mirelmasic.nl/minus heb ik nu nog slechts een header staan. In de header wil ik een minus in het midden hebben als menubalk. (google maar naar minus logo)
Nou weet ik wel hoe ik die in het midden krijg op de X as, maar niet op de Y. Hoe krijg je dat handig voor elkaar?
*ik weet dat ik de header in principe kan opmaken met 'border 10px blabla', maar op die manier komt de rand naar buiten, en dat wil ik niet. ookal kan ik de breedte 780px maken ipv 800, ik heb het liever netjes. Als er een manier is om binnen een element de border te maken ipv d'r buiten, dan hoor ik het graag
Op http://www.mirelmasic.nl/minus heb ik nu nog slechts een header staan. In de header wil ik een minus in het midden hebben als menubalk. (google maar naar minus logo)
Nou weet ik wel hoe ik die in het midden krijg op de X as, maar niet op de Y. Hoe krijg je dat handig voor elkaar?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | margin: 0px; padding: 0px; } .container { margin: 50px auto; width: 800px; } .header { background-image: url(/minus/images/header.gif); width: 800px; height: 300px; } .menu { background: #000000; height: 30px; width: 500px; margin: 0 auto; } |
*ik weet dat ik de header in principe kan opmaken met 'border 10px blabla', maar op die manier komt de rand naar buiten, en dat wil ik niet. ookal kan ik de breedte 780px maken ipv 800, ik heb het liever netjes. Als er een manier is om binnen een element de border te maken ipv d'r buiten, dan hoor ik het graag
When all else fails, you always have delusion.
Als de hoogte en breedte van de header altijd vast zijn kan je de margins van .menu gewoon op vaste waarden instellen toch?
In dat geval zul je het antwoord niet graag horen. http://www.w3.org/TR/CSS2/box.htmlquote:
Als er een manier is om binnen een element de border te maken ipv d'r buiten, dan hoor ik het graag
Waarom zou dat anders niet kunnen dan?quote:
Als de hoogte en breedte van de header altijd vast zijn kan je de margins van .menu gewoon op vaste waarden instellen toch?
Ik weet niet of het in dit topic moet maar ik neem aan van wel.
Ik ben momenteel bezig met mijn portfolio aan te passen en aangezien ik het dan gelijk goed wil doen wil het w3c correct maken.
Maar nu heb ik links die niet in dezelfde pagina moeten openen, ze moeten dus een nieuw tabblad openen.
Zover ik weet doe je dit normaal met:
Nu zegt de validatie dat dit fout is, ik mag geen target="_blank" gebruiken. Dus nu haal ik dit weg en ga ik kijken hoe het dan wel zou moeten op google, en dan zegt w3schools toch dat het met _blank moet, terwijl dit niet correct is.
Het gaat trouwens om: http://www.2nd-studio.net/tes/t (alleen de index ben ik aan het optimaliseren, de rest komt later wel ) Het gaat om de links rechtsonderin, die naar facebook en hyves gaan.
Ik ben momenteel bezig met mijn portfolio aan te passen en aangezien ik het dan gelijk goed wil doen wil het w3c correct maken.
Maar nu heb ik links die niet in dezelfde pagina moeten openen, ze moeten dus een nieuw tabblad openen.
Zover ik weet doe je dit normaal met:
| 1 |
Nu zegt de validatie dat dit fout is, ik mag geen target="_blank" gebruiken. Dus nu haal ik dit weg en ga ik kijken hoe het dan wel zou moeten op google, en dan zegt w3schools toch dat het met _blank moet, terwijl dit niet correct is.
Het gaat trouwens om: http://www.2nd-studio.net/tes/t (alleen de index ben ik aan het optimaliseren, de rest komt later wel
) Het gaat om de links rechtsonderin, die naar facebook en hyves gaan.
Ik drink nooit meer! maar ook niet minder.
Ik bedoelde vast in een aantal pixels, beetje slecht verwoordquote:Op vrijdag 16 oktober 2009 10:20 schreef Dhr.Donder het volgende:
[..]
In dat geval zul je het antwoord niet graag horen. http://www.w3.org/TR/CSS2/box.html
[..]
Waarom zou dat anders niet kunnen dan?
Target is deprecated in xhtml, er is geen "juiste" manier meer om dit in html te doen (behalve als je je eigen dtd gaat maken). Kan dus wel met javascript, maar dan werkt het natuurlijk alleen als javascript aanstaatquote:Op vrijdag 16 oktober 2009 10:45 schreef invine het volgende:
Ik weet niet of het in dit topic moet maar ik neem aan van wel.
Ik ben momenteel bezig met mijn portfolio aan te passen en aangezien ik het dan gelijk goed wil doen wil het w3c correct maken.
Maar nu heb ik links die niet in dezelfde pagina moeten openen, ze moeten dus een nieuw tabblad openen.
Zover ik weet doe je dit normaal met:
[ code verwijderd ]
Nu zegt de validatie dat dit fout is, ik mag geen target="_blank" gebruiken. Dus nu haal ik dit weg en ga ik kijken hoe het dan wel zou moeten op google, en dan zegt w3schools toch dat het met _blank moet, terwijl dit niet correct is.
Het gaat trouwens om: http://www.2nd-studio.net/tes/t (alleen de index ben ik aan het optimaliseren, de rest komt later wel
Ik heb ff een klein vraagje:
Ik had een website gemaakt, maar ik had alles absolute gepositioneerd.
Nu heb ik er een relative DIVje omheen gezet, en ben alles goed aan het positioneren, alleen stuit ik op 1 probleempje.
Er zitten ook wat buttons in de HTML, maar die krijg ik niet goed gepositioneerd.
Als ik namelijk nu control ingedrukt houd en ga scrollen, gaan alle andere elementen gewoon goed mee, maar de buttons veranderen steeds van positie.
Hoe los ik dit op?
Ik had een website gemaakt, maar ik had alles absolute gepositioneerd.
Nu heb ik er een relative DIVje omheen gezet, en ben alles goed aan het positioneren, alleen stuit ik op 1 probleempje.
Er zitten ook wat buttons in de HTML, maar die krijg ik niet goed gepositioneerd.
Als ik namelijk nu control ingedrukt houd en ga scrollen, gaan alle andere elementen gewoon goed mee, maar de buttons veranderen steeds van positie.
Hoe los ik dit op?
Ja zover was ik ook al, maar ik wil geen javascript in mijn sitequote:Op vrijdag 16 oktober 2009 11:35 schreef woopehh het volgende:
[..]
Target is deprecated in xhtml, er is geen "juiste" manier meer om dit in html te doen (behalve als je je eigen dtd gaat maken). Kan dus wel met javascript, maar dan werkt het natuurlijk alleen als javascript aanstaat
dus dan houd ik het maar op target, ik snap ook niet waarom dat niet netjes zo zijn.. Want op w3schools geven ze aan dat het gewoon met target moet.
Ik drink nooit meer! maar ook niet minder.
Omdat mensen liever zelf bepalen wanneer ze een link in een nieuw venster/nieuwe tab openenquote:Op vrijdag 16 oktober 2009 11:51 schreef invine het volgende:
[..]
Ja zover was ik ook al, maar ik wil geen javascript in mijn site
Heb je ergens een voorbeeld online staan?quote:Op vrijdag 16 oktober 2009 11:45 schreef Skonk het volgende:
Ik heb ff een klein vraagje:
Ik had een website gemaakt, maar ik had alles absolute gepositioneerd.
Nu heb ik er een relative DIVje omheen gezet, en ben alles goed aan het positioneren, alleen stuit ik op 1 probleempje.
Er zitten ook wat buttons in de HTML, maar die krijg ik niet goed gepositioneerd.
Als ik namelijk nu control ingedrukt houd en ga scrollen, gaan alle andere elementen gewoon goed mee, maar de buttons veranderen steeds van positie.
Hoe los ik dit op?
Ik kan het wel even online zetten, hoewel het natuurlijk nog niet goed eruit zietquote:Op vrijdag 16 oktober 2009 11:53 schreef woopehh het volgende:
[..]
Heb je ergens een voorbeeld online staan?
[edit]Ik heb het hier even opgezet: http://burrrr.webs.com/School/index.html
[ Bericht 13% gewijzigd door Skonk op 16-10-2009 12:12:31 ]
Wat makkelijker te zien dan als er iets fout zit ofzoquote:Op vrijdag 16 oktober 2009 12:06 schreef Skonk het volgende:
[..]
Ik kan het wel even online zetten, hoewel het natuurlijk nog niet goed eruit ziet
Nou ik heb liever een link die linkt naar een andere website dat die opent in een nieuwe pagina. Als de link te maken heeft met de website die je bezoekt dan vind ik het wel logisch dat je wil dat die het opent in dezelfde pagina.quote:Op vrijdag 16 oktober 2009 11:52 schreef woopehh het volgende:
[..]
Omdat mensen liever zelf bepalen wanneer ze een link in een nieuw venster/nieuwe tab openen
Ik drink nooit meer! maar ook niet minder.
En wat is precies het probleem? Gebeurt niet echt veel aparts hier..quote:Op vrijdag 16 oktober 2009 12:06 schreef Skonk het volgende:
[..]
Ik kan het wel even online zetten, hoewel het natuurlijk nog niet goed eruit ziet
[edit]Ik heb het hier even opgezet: http://burrrr.webs.com/School/index.html
Waarom alles absoluut gepositioneerd trouwens?
Ik vind het ook logisch, maar heb er toch liever zelf controle overquote:Op vrijdag 16 oktober 2009 13:39 schreef invine het volgende:
[..]
Nou ik heb liever een link die linkt naar een andere website dat die opent in een nieuwe pagina. Als de link te maken heeft met de website die je bezoekt dan vind ik het wel logisch dat je wil dat die het opent in dezelfde pagina.
Ik vind het irritant als je een pagina hebt die dan opent in hetzelfde scherm en dan klik je dat weg en ben je ook nog is die andere pagina kwijt.. Dat is pas irritantquote:Op vrijdag 16 oktober 2009 13:49 schreef woopehh het volgende:
[..]
Ik vind het ook logisch, maar heb er toch liever zelf controle over
Ik drink nooit meer! maar ook niet minder.
margin-top deed niets. Maar ik heb in dit geval top en left gebruikt, met een absolute.quote:Op vrijdag 16 oktober 2009 09:20 schreef woopehh het volgende:
Als de hoogte en breedte van de header altijd vast zijn kan je de margins van .menu gewoon op vaste waarden instellen toch?
When all else fails, you always have delusion.
Er is nog een optie waar niemand rekening mee schijnt te houden:quote:Op vrijdag 16 oktober 2009 14:47 schreef invine het volgende:
[..]
Ik vind het irritant als je een pagina hebt die dan opent in hetzelfde scherm en dan klik je dat weg en ben je ook nog is die andere pagina kwijt.. Dat is pas irritant
Schijt hebben aan de W3C-validator.
Mits bewust toegepast een hele goede optie.
Is het mogelijk om met alleen de body tag een balkje te maken die gecentreerd is en oneindig doorloopt naar beneden? Ik krijg hem met repeat-y wel naar beneden, maar de body lijkt me niet gecentered te kunnen worden. Of is het zo dat je een afbeelding binnen een tag wel kan centeren?
Als ik het in een div stop, dan krijg ik die niet ingesteld dat die helemaal doorloopt naar beneden, dat lukt me alleen als ik er maar genoeg tekst in flikker.
http://www.mirelmasic.nl/test/ de linkerkleur is het balkje, de rechterkleur de algemene background color.
In principe wat deze site heeft maar dan zonder de tekst: http://www.bankassociates.de/
Want de site die ik maak heeft niet veel tekst om een div zo naar beneden te trekken.
Als ik het in een div stop, dan krijg ik die niet ingesteld dat die helemaal doorloopt naar beneden, dat lukt me alleen als ik er maar genoeg tekst in flikker.
http://www.mirelmasic.nl/test/ de linkerkleur is het balkje, de rechterkleur de algemene background color.
In principe wat deze site heeft maar dan zonder de tekst: http://www.bankassociates.de/
Want de site die ik maak heeft niet veel tekst om een div zo naar beneden te trekken.
When all else fails, you always have delusion.
Als je 1 kleur gebruikt, hoef je geen plaatjes te gebruiken. En om een balk over de volledige hoogte te krijgen, kun je die balk in een containerdiv zetten. Dan zet je in je css html en body op een min-height: 100% en de containerdiv krijgt een height van 100% (en een ingestelde breedte uiteraard). Margin en padding voor die dingen moet je op nul zetten.quote:
Is het mogelijk om met alleen de body tag een balkje te maken die gecentreerd is en oneindig doorloopt naar beneden? Ik krijg hem met repeat-y wel naar beneden, maar de body lijkt me niet gecentered te kunnen worden. Of is het zo dat je een afbeelding binnen een tag wel kan centeren?
Als ik het in een div stop, dan krijg ik die niet ingesteld dat die helemaal doorloopt naar beneden, dat lukt me alleen als ik er maar genoeg tekst in flikker.
http://www.mirelmasic.nl/test/ de linkerkleur is het balkje, de rechterkleur de algemene background color.
In principe wat deze site heeft maar dan zonder de tekst: http://www.bankassociates.de/
Want de site die ik maak heeft niet veel tekst om een div zo naar beneden te trekken.
Ik had gedaan wat je zei, en dat werkte niet. Op een andere site las ik dat height: 100% alleen werkt als de parent items dat ook hebben. In dit geval had jij gezegd dat die min-height zouden moeten zijn, en de container height.
Ik heb ze allemaal height gemaakt, en het werkt, alleen loopt ie nu wel ineens net zo lang door dat ik iets moet scrollen, en dat komt omdat ik een margin-top heb ingesteld bij m'n header. Da's het gekke.
Site waar ik het over had: http://www.webmasterworld.com/forum83/200.htm
[ Bericht 15% gewijzigd door Mirel op 22-10-2009 23:31:25 ]
Ik heb ze allemaal height gemaakt, en het werkt, alleen loopt ie nu wel ineens net zo lang door dat ik iets moet scrollen, en dat komt omdat ik een margin-top heb ingesteld bij m'n header. Da's het gekke.
Site waar ik het over had: http://www.webmasterworld.com/forum83/200.htm
[ Bericht 15% gewijzigd door Mirel op 22-10-2009 23:31:25 ]
When all else fails, you always have delusion.
Hmm.. vreemd... voor zover ik weet zou min-height gewoon moeten werken. Maar 'k heb het even getest en het lijkt niet te werken met een xhtml-doctype. Wel met een html-doctype. Dat had ik nog niet eerder gezien. En de scrollbalk kan ook nog komen door margin-top op het eerste element in de container.
Ik had bij een andere site die ik deed een div met alleen ingestelde kleur en breedte, en als ik daar heel veel tekst in kreeg, ging hij gewoon uitrekken. Dat was bij http://www.mirelmasic.nl
Nu heb ik iets op http://www.mirelmasic.nl/minus wat dus niet werkt zoals je ziet.
Ik heb wel height: 100% een aantal keren gebruikt.
main is het zwarte:
en de dingen waar ik dat height in moest zetten:
Nu heb ik iets op http://www.mirelmasic.nl/minus wat dus niet werkt zoals je ziet.
Ik heb wel height: 100% een aantal keren gebruikt.
main is het zwarte:
| 1 2 3 4 5 6 | margin-top: 10px; background: #000000; padding: 0px; height: 100%; } |
en de dingen waar ik dat height in moest zetten:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | margin: 0px; padding: 0px; background: #FFFFFF; background-image: url(/minus/images/man.png); background-repeat: no-repeat; background-attachment: fixed; height: 100%; } html { height: 100%; } .container { margin: 0 auto; padding: 0px; width: 800px; height: 100%; background-repeat: repeat-y; } |
When all else fails, you always have delusion.
Zet er een overflow in?
En die container, is dit de div waar de tekst instaat? want die zet zichzelf nu op 100% van de 100% van de body, wat jij wil is nu pak en beet 80%, maar als je dit invult word het niet echt mooier op. 100% height met divs is sowieso lastig!
En die container, is dit de div waar de tekst instaat? want die zet zichzelf nu op 100% van de 100% van de body, wat jij wil is nu pak en beet 80%, maar als je dit invult word het niet echt mooier op. 100% height met divs is sowieso lastig!
Ik drink nooit meer! maar ook niet minder.
Even kijken. De div container bevat:
.header
.header heeft daarin .minus (menu)
vervolgens . main (het zwarte)
in .main zitten paragrafen.
Als ik een overflow instel dan komt de tekst erin maar heb ik geen scrollbalk.
En ik heb 100% staan in de dingen die je in mijn vorige post ziet. Het moet in al die dingen ingesteld worden, als er eentje mist dan werkt het niet.
Als ik .main { verander naar .main div { dan doet ie het wel goed, maar de breedte is dan nog niet ingesteld en die loopt door tot de rand van de tekst. Als ik die instel, gaat het youtube schermpje naar beneden.
Als dit niet gaan werken dan ga ik die 100% heights wegflikkeren
edit: en gedaan, op de gouwe ouwe manier. Per pagina issie maar zo groot als de hoeveelheid tekst. ach ja.
[ Bericht 17% gewijzigd door Mirel op 26-10-2009 21:21:56 ]
.header
.header heeft daarin .minus (menu)
vervolgens . main (het zwarte)
in .main zitten paragrafen.
Als ik een overflow instel dan komt de tekst erin maar heb ik geen scrollbalk.
En ik heb 100% staan in de dingen die je in mijn vorige post ziet. Het moet in al die dingen ingesteld worden, als er eentje mist dan werkt het niet.
Als ik .main { verander naar .main div { dan doet ie het wel goed, maar de breedte is dan nog niet ingesteld en die loopt door tot de rand van de tekst. Als ik die instel, gaat het youtube schermpje naar beneden.
Als dit niet gaan werken dan ga ik die 100% heights wegflikkeren
edit: en gedaan, op de gouwe ouwe manier. Per pagina issie maar zo groot als de hoeveelheid tekst. ach ja.
[ Bericht 17% gewijzigd door Mirel op 26-10-2009 21:21:56 ]
When all else fails, you always have delusion.
Hey boys, nieuwe vraag. Ik wil graag een flash introtje hebben die komt wanneer ik de website naam invul. In principe moet hij dan naar index.html gaan, maar ik wil dus voordat die dat doet, dat hij een flashfilmpje afspeelt. Hoe kan je zoiets maken? Ik kom telkens uit op 'introductie HTML' pagina's als ik het woordje intro bij m'n keywords doe tijdens het googlen. 
Als ik zo moet gokken, komt er vast javascript bij kijken. (en flashintro's zijn lelijk ja, maar het is voor school en er moet ergens flash in, dusja.)
edit: heb dat ook al. Een .htaccess file.
[ Bericht 11% gewijzigd door Mirel op 26-10-2009 23:28:31 ]
Als ik zo moet gokken, komt er vast javascript bij kijken. (en flashintro's zijn lelijk ja, maar het is voor school en er moet ergens flash in, dusja.
)edit: heb dat ook al. Een .htaccess file.
[ Bericht 11% gewijzigd door Mirel op 26-10-2009 23:28:31 ]
When all else fails, you always have delusion.
Ik weet niet of lightbox dingen hier ook mogen?
Probeer het toch, want ik wil dat hij een sildeshow maakt van een paar afbeeldingen (dat je met next & back kan scrollen) maar ik wil dat ik maar 1 thumbnail heb ipv 3 (bij 3 afbeeldingen dus).
Het idee is dus als volgt, je hebt 1 thumbnail en daar klik je op en kan je doorgaan naar de volgende (waar dus geen thumb van zichtbaar is).
Probeer het toch, want ik wil dat hij een sildeshow maakt van een paar afbeeldingen (dat je met next & back kan scrollen) maar ik wil dat ik maar 1 thumbnail heb ipv 3 (bij 3 afbeeldingen dus).
Het idee is dus als volgt, je hebt 1 thumbnail en daar klik je op en kan je doorgaan naar de volgende (waar dus geen thumb van zichtbaar is).
Ik drink nooit meer! maar ook niet minder.
Ik zeg niet dat het een hele mooie oplossing is, maar heeft bij mij ooit wel gewerkt :)
Voor de images die er niet in staan doe je
Je laat dus gewoon de image weg.
(wat je ook kan doen is ze wel allemaal neerzetten en dan verbergen met js, maar of dat nou beter is..)
Voor de images die er niet in staan doe je
| 1 2 3 | in plaats van <a href="imagelink" rel="lightbox[album]"><img src="imgurl" /></a> |
Je laat dus gewoon de image weg.
(wat je ook kan doen is ze wel allemaal neerzetten en dan verbergen met js, maar of dat nou beter is..)
http://www.stekloevropy.ru/josstelling.nl/html/index.html
Kan iemand mij vertellen hoe ik er voor zorg dat de achtergrond ook in IE doorgetrokken wordt? Hij lijkt het voor gezien te houden, zodra hij de onderkant van het venster bereikt heeft. Daar onder valt de achtergrond weg. Werkt prima in FF.
Kan iemand mij vertellen hoe ik er voor zorg dat de achtergrond ook in IE doorgetrokken wordt? Hij lijkt het voor gezien te houden, zodra hij de onderkant van het venster bereikt heeft. Daar onder valt de achtergrond weg. Werkt prima in FF.
Trotse poster van het 37000000ste bericht ^O^
Nee, maakt geen verschilquote:Op dinsdag 27 oktober 2009 17:08 schreef woopehh het volgende:
Helpt het als je dit:
[ code verwijderd ]
toevoegt onder:
[ code verwijderd ]
?
Trotse poster van het 37000000ste bericht ^O^
IE7quote:Op dinsdag 27 oktober 2009 17:21 schreef woopehh het volgende:
In welke versie van IE heb je het dan? (krijg het hier niet namelijk)
Trotse poster van het 37000000ste bericht ^O^
Als ik daar heenga staat er ook geen <br style="clear:both;" /> in? of heb je dat alweer weggehaald?
alweer weg gehaald, maakte geen verschil.quote:Op dinsdag 27 oktober 2009 17:29 schreef woopehh het volgende:
Als ik daar heenga staat er ook geen <br style="clear:both;" /> in? of heb je dat alweer weggehaald?
Lol, locaal aangepast en vervolgens remote gecheckt
Blijkt dus wel degelijk prima te werken. Bedankt!
Trotse poster van het 37000000ste bericht ^O^
Nou, die knoppen blijven bij mij verspringen als ik van resolutie verander.quote:Op vrijdag 16 oktober 2009 13:48 schreef woopehh het volgende:
[..]
En wat is precies het probleem? Gebeurt niet echt veel aparts hier..
Waarom alles absoluut gepositioneerd trouwens?
Maar hoe zou ik het volgens jou moeten positioneren dan? Wat ik begrijp is dat je een box relative moet positioneren, en daar naar toe alles absolute, of zit ik verkeerd?
Als je absoluut wilt positioneren, doe je dat bij voorkeur in een box met position:relative. Dan zijn de randen van die box je uitgangspositie. Anders gelden de randen van het scherm/de pagina als uitgangspositie, en dan krijg je problemen als het scherm in de breedte wordt aangepast.quote:
[..]
Nou, die knoppen blijven bij mij verspringen als ik van resolutie verander.
Maar hoe zou ik het volgens jou moeten positioneren dan? Wat ik begrijp is dat je een box relative moet positioneren, en daar naar toe alles absolute, of zit ik verkeerd?
Ok, dan heb ik het toch goed begrepen.quote:Op woensdag 28 oktober 2009 09:13 schreef Light het volgende:
[..]
Als je absoluut wilt positioneren, doe je dat bij voorkeur in een box met position:relative. Dan zijn de randen van die box je uitgangspositie. Anders gelden de randen van het scherm/de pagina als uitgangspositie, en dan krijg je problemen als het scherm in de breedte wordt aangepast.
Alles blijft ook goed staan in die box, behalve buttons, die blijven ongeveer goed staan, is daar iets aan te doen?
Ah, ik ben er volgens mij achter.
Het zijn niet de buttons die van grootte veranderen, het is dit:
Ik denk dat het komt omdat size="85", dat is een getal en dus niet relatief. Zit ik er ver naast? Weet iemand hoe ik dit kan verbeteren?
Het zijn niet de buttons die van grootte veranderen, het is dit:
| 1 2 3 | <input id="InputDisputeBar" name="InputeDisputeBar" type="text" size="85" value="The statement you have a dispute about."/> <br /> |
Ik denk dat het komt omdat size="85", dat is een getal en dus niet relatief. Zit ik er ver naast? Weet iemand hoe ik dit kan verbeteren?
het werkt, alleen nu bugged die met mijn stylesheet switcherquote:Op dinsdag 27 oktober 2009 16:23 schreef woopehh het volgende:
Ik zeg niet dat het een hele mooie oplossing is, maar heeft bij mij ooit wel gewerkt
Voor de images die er niet in staan doe je
[ code verwijderd ]
Je laat dus gewoon de image weg.
(wat je ook kan doen is ze wel allemaal neerzetten en dan verbergen met js, maar of dat nou beter is..)
Ik drink nooit meer! maar ook niet minder.
Heb je het ergens online staan? Wat makkelijker te zien dan misschienquote:Op woensdag 28 oktober 2009 10:10 schreef invine het volgende:
[..]
het werkt, alleen nu bugged die met mijn stylesheet switcher
Met css de breedte van de inputs instellenquote:Op woensdag 28 oktober 2009 09:21 schreef Skonk het volgende:
Ah, ik ben er volgens mij achter.
Het zijn niet de buttons die van grootte veranderen, het is dit:
[ code verwijderd ]
Ik denk dat het komt omdat size="85", dat is een getal en dus niet relatief. Zit ik er ver naast? Weet iemand hoe ik dit kan verbeteren?
ja hoor, www.2nd-studio.net/test/portfolio/page.php?id=2quote:Op woensdag 28 oktober 2009 10:19 schreef woopehh het volgende:
[..]
Heb je het ergens online staan? Wat makkelijker te zien dan misschien
Ik drink nooit meer! maar ook niet minder.
Ik heb het ingesteld, maar ik heb nog steeds hetzelfde probleem:quote:Op woensdag 28 oktober 2009 10:22 schreef woopehh het volgende:
[..]
Met css de breedte van de inputs instellen
Kijk maar naar die balken, ze verschuiven de hele tijd.
Had je dit eerst ook al? Het gaat namelijk ook niet goed als je die "lege" link weghaaltquote:Op woensdag 28 oktober 2009 10:29 schreef invine het volgende:
[..]
ja hoor, www.2nd-studio.net/test/portfolio/page.php?id=2
Als ik het bij je oude voorbeeld verander werkt het wel goed hier, staat het ergens online met de breedte ingesteld in de css?quote:Op woensdag 28 oktober 2009 10:35 schreef Skonk het volgende:
[..]
Ik heb het ingesteld, maar ik heb nog steeds hetzelfde probleem:
[ afbeelding ]
Kijk maar naar die balken, ze verschuiven de hele tijd.
Ik heb hem opnieuw geupload:quote:Op woensdag 28 oktober 2009 10:41 schreef woopehh het volgende:
[..]
Als ik het bij je oude voorbeeld verander werkt het wel goed hier, staat het ergens online met de breedte ingesteld in de css?
http://burrrr.webs.com/School/index.html
Stel de width nu is in op de input zelf, niet op de div die je eromheen hebt gezetquote:Op woensdag 28 oktober 2009 10:54 schreef Skonk het volgende:
[..]
Ik heb hem opnieuw geupload:
http://burrrr.webs.com/School/index.html
Ik heb het nu zo:quote:Op woensdag 28 oktober 2009 11:00 schreef woopehh het volgende:
[..]
Stel de width nu is in op de input zelf, niet op de div die je eromheen hebt gezet ;)
| 1 2 3 | <input id="DisputeBar" name="DisputeBar" type="text" size="85" width="100" value="The statement you have a dispute about."/> </div> |
En heb het bij de CSS weggehaalt, maar ik zie niet echt een verschil (behalve dan dat de border precies om de input zit). :?
Nee dit kwam pas toen ik die stylesheet switcher erin zetten..quote:Op woensdag 28 oktober 2009 10:38 schreef woopehh het volgende:
[..]
Had je dit eerst ook al? Het gaat namelijk ook niet goed als je die "lege" link weghaalt
Ik drink nooit meer! maar ook niet minder.
quote:Op woensdag 28 oktober 2009 11:24 schreef woopehh het volgende:
In de css, dus iets van
[ code verwijderd ]
perfect! Dat zijn dus die dingen waardoor ik nog een noob ben.
Als je die weghaalt werkt het wel weer normaal? Hier niet namelijkquote:Op woensdag 28 oktober 2009 11:36 schreef invine het volgende:
[..]
Nee dit kwam pas toen ik die stylesheet switcher erin zetten..
Edit:
Ehh je hebt nergens lightbox styling? Dan gaat het niet werken denk ik
Oh dat is het probleem, die heb ik natuurlijk perongeluk vervangen door die andere 2 sheets stom! Dankje
stom! Dankje
Ik drink nooit meer! maar ook niet minder.
Ik voel me echt een enorme noob. want ik krijg een onderdeel van een layout niet naar links gepositioneerd.
De enige manier waarop ik die zijbalk naar links krijg is met position: absolute;, maar dan valt hij over een dropdownmenu heen.
Zonder die absolute komt ie in het midden te staan & valt het menu er netjes overheen.
Kortom; hoe krijg ik die balk naar links toe?
want ik krijg een onderdeel van een layout niet naar links gepositioneerd.De enige manier waarop ik die zijbalk naar links krijg is met position: absolute;, maar dan valt hij over een dropdownmenu heen.
Zonder die absolute komt ie in het midden te staan & valt het menu er netjes overheen.
Kortom; hoe krijg ik die balk naar links toe?
| 1 2 3 4 5 6 7 8 9 10 | background-image: url(Slice/images/Zijkant.gif); background-position: center; position: absolute; z-index: 4; height: 1100px; width: 342px; left: 0px; top: 295px; } |
Gebruik een z-index? Geef je de zijbalk z-index: 1; en je dropdown menu z-index: 2;
Ik drink nooit meer! maar ook niet minder.
Balk heeft 4, menu heeft 5 en nog valt die zijbalk over het menu heen?quote:
Gebruik een z-index? Geef je de zijbalk z-index: 1; en je dropdown menu z-index: 2;
Kwam er ook achter dat als de menuopties zijn uitgeklapt hij het wel doet op het stuk waar de balk niet staat.
Maar het deel dat over de balk moet vallen kan ik niet aanklikken.
http://www.alles-wat.nl/carina/RTVutrecht/index.htmlquote:
Heb je het ergens online staan? Het is me niet echt helemaal duidelijk
Heb ik daaroverheen gekekenquote:Op donderdag 29 oktober 2009 10:44 schreef Crientj het volgende:
[..]
Balk heeft 4, menu heeft 5 en nog valt die zijbalk over het menu heen?
Kwam er ook achter dat als de menuopties zijn uitgeklapt hij het wel doet op het stuk waar de balk niet staat.
Maar het deel dat over de balk moet vallen kan ik niet aanklikken.
Ik drink nooit meer! maar ook niet minder.
Kan iemand mij vertellen waarom het middengedeelte helemaal naar beneden zakt in FireFox?
http://www.stekloevropy.ru/bonnydoggy/html/index.html
http://www.stekloevropy.ru/bonnydoggy/html/index.html
Trotse poster van het 37000000ste bericht ^O^
Waarschijnlijk omdat #main geen float:left heeft.quote:
Kan iemand mij vertellen waarom het middengedeelte helemaal naar beneden zakt in FireFox?
http://www.stekloevropy.ru/bonnydoggy/html/index.html
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen.
Ik heb vier van zulke plaatjes:
verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:
Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
En de volgende HTML:
Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...
Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
Ik heb vier van zulke plaatjes:
verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:
Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
| 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 | #menu-top { height: 40px; } #menu-top ul { margin: 0; padding: 0; } #menu-top li { float: left; } #menu-top li a { height: 0px; display: block; height: 40px; overflow: hidden; background-repeat: no-repeat; } #menu-top li a:hover { background-position: 0 -40px; } #menu-top li#home, #menu-top li#home a { width: 200px; background-image: url(../images/nav/menu_home_ro.gif); } |
En de volgende HTML:
| 1 2 3 4 5 6 7 8 9 | <ul> <li id="home"><a href="#">Home</a></li> <li id="over_ons"><a href="#">Over ons</a></li> <li id="producten"><a href="#">Producten</a></li> <li id="contact"><a href="#">Contact</a></li> </ul> </div> |
Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...
Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
ik heb het geprobeerd, maar maakt geen verschilquote:Op donderdag 29 oktober 2009 14:14 schreef Light het volgende:
[..]
Waarschijnlijk omdat #main geen float:left heeft.
Trotse poster van het 37000000ste bericht ^O^
Wat voor lettertype is het? Ziet er nogal bekend uit en dan kan je gewoon tekst links gebruiken..quote:Op donderdag 29 oktober 2009 14:15 schreef InTrePidIvity het volgende:
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen.
Ik heb vier van zulke plaatjes:
[ afbeelding ]
verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:
[ afbeelding ]
Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
[ code verwijderd ]
En de volgende HTML:
[ code verwijderd ]
Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...
Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
Met de HTML is verder niks mis, div is misschien een beetje onzinnig
Het font is Calibri en het zou inderdaad misschien ook als text-only kunnen, maar ik wil graag weten waarom het niet werktquote:
[..]
Wat voor lettertype is het? Ziet er nogal bekend uit en dan kan je gewoon tekst links gebruiken..
Met de HTML is verder niks mis, div is misschien een beetje onzinnig
Als ik in de toekomst weer iets met hover wil doen, dan moet het wel werken natuurlijk Ik kan in de HTML wel de tekst tussen <a> </a> weghalen, maar dan blijft er nog steeds een bullet staan...
Je wil dus je afbeeldingen als link en daar geen tekst boven?quote:Op donderdag 29 oktober 2009 14:15 schreef InTrePidIvity het volgende:
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen.
Ik heb vier van zulke plaatjes:
[ afbeelding ]
verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:
[ afbeelding ]
Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
[ code verwijderd ]
En de volgende HTML:
[ code verwijderd ]
Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...
Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
Wat je kan proberen (ik weet niet of het juist is) is:
| 1 2 3 | <li><a href="#"><div class="navigatie"></div></a></li> </ul> |
Dan moet je die div dezelfde grote meegeven als je plaatje, dan word die div een onzichtbare link als het waren.
Verder zou ik in je UL nog een:
list-style: none;
invoegen, dat haalt je bullet weg
Ik drink nooit meer! maar ook niet minder.
Naar mijn mening de beste manier (omdat het ook voor mensen werkt die images uit hebben staan):quote:Op donderdag 29 oktober 2009 14:41 schreef InTrePidIvity het volgende:
[..]
Het font is Calibri en het zou inderdaad misschien ook als text-only kunnen, maar ik wil graag weten waarom het niet werkt
Ik kan in de HTML wel de tekst tussen <a> </a> weghalen, maar dan blijft er nog steeds een bullet staan...
http://wellstyled.com/css-replace-text-by-image.html
Een <div> in een <a> is incorrecte (x)html. Een <span> mag welquote:
[..]
Je wil dus je afbeeldingen als link en daar geen tekst boven?
Wat je kan proberen (ik weet niet of het juist is) is:
[ code verwijderd ]
Dan moet je die div dezelfde grote meegeven als je plaatje, dan word die div een onzichtbare link als het waren.
En in css kun je dan iets doen als
#menu-top li a span { display: none; }
om te zorgen dat de tekst in de span niet wordt weergegeven.
Die span weglaten (onnodig element) en "text-indent: -9999px" op de <a> zetten. Bijkomend voordeel is dat alternatieve user agents dit ook snappen (een screen reader bijvorbeeld negeert zaken die op "display: none" staan, onder het mom van "als je het niet wilt tonen, dan hoef ik het ook niet voor te lezen").quote:Op donderdag 29 oktober 2009 14:52 schreef woopehh het volgende:
[..]
Naar mijn mening de beste manier (omdat het ook voor mensen werkt die images uit hebben staan):
http://wellstyled.com/css-replace-text-by-image.html
De "more compatible mode" is gewoon ranzige HTML, en om dat nou te doen voor de mensen die CSS wel aan hebben maar plaatjes uit... dan heb je het echt over < 0,1% van de gebruikers.
Ik wil het volgende in css:
welkomBIJmij
het woord welkom moet dan blauw zijn, het woord BIJ rood, en mij weer blauw.
Is hier een css oplossing voor? Dus door te werken met 1 class?
welkomBIJmij
het woord welkom moet dan blauw zijn, het woord BIJ rood, en mij weer blauw.
Is hier een css oplossing voor? Dus door te werken met 1 class?
