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.
Gebruik gewoon [code] tags, die [php] tags werken klote hier.quote:Op donderdag 15 april 2010 10:28 schreef MrNiles het volgende:
[..]
sorry voor de late reactie maar ik was gisteravond druk met andere dingen
maaruh....het werkt dus niet!
ik heb een menu.php gemaakt met deze inhoud
[ code verwijderd ]
zonder de <?php enz
in mijn test.php staat
[ code verwijderd ]
werkt gedeeltelijk
ik krijg nu wel de linkjes binnen maar heel de styling is weg
Je moet het document nu gewoon als één geheel zien en dus ook zo opmaken. Als de styling weg is, wordt blijkbaar je CSS niet goed geladen ofzo.
ok thanx...quote:Op donderdag 15 april 2010 12:30 schreef KomtTijd... het volgende:
[..]
Gebruik gewoon [code] tags, die [php] tags werken klote hier.
Je moet het document nu gewoon als één geheel zien en dus ook zo opmaken. Als de styling weg is, wordt blijkbaar je CSS niet goed geladen ofzo.
btw fout gevonden...
het zat m in diverse kleine dingetjes...van het vergeten afsluiten van een div en linkjes die op 1 letter na niet gestonden...
[n00b]ik ga al mijn pagina's opnieuw bekijken en het fenomeen include eens driftig toepassen[/n00b]
wel eens over gehoord...nooit in verdieptquote:Op donderdag 15 april 2010 13:51 schreef KomtTijd... het volgende:
Wacht maar tot je ontdekt hoe handig een CMS is, ben je die includes ook weer zat
is dat ook dat joomla?
Ik weet niet of ik hier in het goede topic zit (want het kan ook te maken hebben met jQuery) maar ik heb het volgende probleem.
Voor een website moet ik een news slider inbouwen. Nu heb ik er één gevonden die aan de eisen voldoet (zie hier). De miniatuur-afbeeldingen hoef ik er niet bij, dus die heb ik eruit gesloopt. Alleen wanneer je nu op één van de vier items klikt, gaat het item zich raar gedragen. Voorbeeld is hier te vinden. Weet iemand hoe dat komt? En wat de oplossing daar voor is? Alvast bedankt!
Voor een website moet ik een news slider inbouwen. Nu heb ik er één gevonden die aan de eisen voldoet (zie hier). De miniatuur-afbeeldingen hoef ik er niet bij, dus die heb ik eruit gesloopt. Alleen wanneer je nu op één van de vier items klikt, gaat het item zich raar gedragen. Voorbeeld is hier te vinden. Weet iemand hoe dat komt? En wat de oplossing daar voor is? Alvast bedankt!
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Ik zoek zelf ook een fijne simpele photoslider, het enige wat ik wil is een rij fotos naast elkaar die je heen en weer kan sliden met een kleine custom scrollbar er onder/de pijltjestoetsen/ door ze te slepen met je muis.
Weet iemand hier een goede tutorial voor?
Ik ben trouwens wat met css3 aan het kloten geweest, geweldig spul! Jammer alleen dat firefox het nog niet volledig ondersteunt. Maar geanimeerde knoppen met schaduw en gradienten zijn supersimpel te maken, geweldig
Weet iemand hier een goede tutorial voor?
Ik ben trouwens wat met css3 aan het kloten geweest, geweldig spul! Jammer alleen dat firefox het nog niet volledig ondersteunt. Maar geanimeerde knoppen met schaduw en gradienten zijn supersimpel te maken, geweldig
@donroyco
je hebt in je style_os.css een fout staan
dit moet zijn
en daarmee is je probleem opgelost :)
je hebt in je style_os.css een fout staan
| 1 |
dit moet zijn
| 1 2 3 | #calendar a:visited, #calendar a:active { |
en daarmee is je probleem opgelost :)
Nee.
Ik denk dat er geen enkele browser is die CSS3 al volledig ondersteunt. Firefox doet in ieder geval een stuk meer dan IE, daar kun je schaduw en gradienten simpelweg vergeten.quote:
Ik ben trouwens wat met css3 aan het kloten geweest, geweldig spul! Jammer alleen dat firefox het nog niet volledig ondersteunt. Maar geanimeerde knoppen met schaduw en gradienten zijn supersimpel te maken, geweldig
Ik zou het nog korter doen:quote:
@donroyco
je hebt in je style_os.css een fout staan
[ code verwijderd ]
dit moet zijn
[ code verwijderd ]
en daarmee is je probleem opgelost :)
| 1 |
Thanks PimD en Light , ik heb voor de laatste optie gekozen 
, ik heb voor de laatste optie gekozen
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
True, er zal alleen wellicht een reden zijn geweest dat in calender.css ofzo niet de :hover state werd gedefinieerd voor die specifieke stylingquote:
Heb er verder ook niet echt naar gekeken om eerlijk te zijn 
Nee.
Dat het in IE nie twerkt wil natuurlijk niet zo heel veel zeggen, daar kun je tegenwoordig nog niet eens stylen op de :target-selector als ik me niet vergis... Voor de rest werkt een hele hoop CSS3 al gewoon in Firefox, Safari, Chrome en Opera. Animaties is nog lastig, maar gradients e.d. zijn toch wel redelijk standaard geworden sinds de release van FF3.6. een paar weken geleden.quote:Op maandag 3 mei 2010 18:50 schreef Light het volgende:
[..]
Ik denk dat er geen enkele browser is die CSS3 al volledig ondersteunt. Firefox doet in ieder geval een stuk meer dan IE, daar kun je schaduw en gradienten simpelweg vergeten.
Met wat smerige IE-filters kun je overigens best iets van een schaduw en gradients maken als ik me niet vergis. Ik begin er verder ook niet aan hoor, maar je kunt een hoop doen met die filters die er in zitten en als je teveel tijd/geld hebt
Nee.
:hover staat gewoon als volgend item in de css. Dan kun je net zo makkelijk eerst een algemene style maken en die waar nodig voor de :hover aanpassen. Moet je uiteraard wel de :hover definieren na de gewone style.quote:
[..]
True, er zal alleen wellicht een reden zijn geweest dat in calender.css ofzo niet de :hover state werd gedefinieerd voor die specifieke styling
Heeft iemand een idee hoe je slechts een gedeelte van de inhoud van een inputfield een bepaalde kleur kunt geven? Ik wil graag een inputfield maken met een bepaalde default value in een kleur en de tekst die de user er dan bij typt een andere kleur geven.
Voor zover ik weet kan dit niet, aangezien je geen onderscheid kunt maken binnen een input. Wat ik zou doen:
En dan de li's stylen alsof het een input betreft, met een border/background/etc. Je float de labels (waar je 'default' value in staat) en de input naast elkaar en geeft de li's een display:block. De daadwerkelijke inputs verwijder je de border/background/etc. van. Tada, klaar.
Maar er zijn ook vast 100 andere manieren te bedenken :D
| 1 2 3 4 5 6 7 8 9 10 | <li> <label> <input> </li> <li> <label> <input> </li> </ol> |
En dan de li's stylen alsof het een input betreft, met een border/background/etc. Je float de labels (waar je 'default' value in staat) en de input naast elkaar en geeft de li's een display:block. De daadwerkelijke inputs verwijder je de border/background/etc. van. Tada, klaar.
Maar er zijn ook vast 100 andere manieren te bedenken :D
Nee.
Even een beetje offtopic, myspace vraagje:
Heeft iemand enig idee hoe je in een band myspace er voor zorgt dat ook shows uit het verleden in de lijst zichtbaar zijn?
Heeft iemand enig idee hoe je in een band myspace er voor zorgt dat ook shows uit het verleden in de lijst zichtbaar zijn?
Ik ken dat myspace niet, maar ik betwijfel of je vraag met css te maken heeft.quote:Op donderdag 13 mei 2010 10:59 schreef lkb9000 het volgende:
Even een beetje offtopic, myspace vraagje:
Heeft iemand enig idee hoe je in een band myspace er voor zorgt dat ook shows uit het verleden in de lijst zichtbaar zijn?
Myspace is met html&css aan te passen, maar of dit probleem daarmee op te lossen valt weet ik niet.quote:Op donderdag 13 mei 2010 14:09 schreef Light het volgende:
[..]
Ik ken dat myspace niet, maar ik betwijfel of je vraag met css te maken heeft.
Maar ik dacht, eerst even hier vragen voordat ik een topic aanmaak, aangezien de mensen die dit toevallig zouden weten waarschijnlijk wel in dit topic te vinden zijn
Heeft niks met css te maken, wel met html/php of whatever
Ik drink nooit meer! maar ook niet minder.
Ola,
Mooi dat er een CSS topic op FOK! is, nu hoop ik dat jullie mij willen kunnen helpen!
Ik heb een horizontaal menu gemaakt uit een ul:
En dat word hier gestyled:
Zoals je ziet heeft de eerste li in ul een class genaamd current. Dat is ervoor te zorgen dat de current tab in het menu duidelijk zichtbaar is. Dat even tussen 2 haakjes, want hier komt het probleem:
Ik krijg op geen enkele manier voor elkaar dat linkjes anders gestyled worden dan het menu! Rara, waar zou ik wat moeten veranderen?
Alvast bedankt voor jullie hulp :*
Mooi dat er een CSS topic op FOK! is, nu hoop ik dat jullie mij willen kunnen helpen!
Ik heb een horizontaal menu gemaakt uit een ul:
| 1 2 3 4 5 6 7 8 | <ul> <li><a class="current" href="#">Menu 1</a></li> <li><a href="#">Menu 2</a></li> <li><a href="#">Menu 3</a></li> <li><a href="#">Menu 4</a></li> </ul> </div> <!-- #navigation ends here --> |
En dat word hier gestyled:
| 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 | border: none; font-size: 80%; margin-left: 12.5em; /*200px*/ margin-right: 1.25em; /*20px*/ padding: .5em 0 .2em .5em; /*8px 0 3px 8px*/ text-align: right; } #navigation ul li { display: inline; font-weight: bold; } #navigation a:link, a:visited { border: 1px solid #5e656b; color: #5e656b; padding: .5em .5em .2em .5em; /*8px 8px 3px 8px*/ text-decoration: none; } #navigation a:hover, a:active { background-color: #ecf3f5; border: 1px solid #0073c8; border-bottom: 1px solid #ecf3f5; color: #0073c8; padding: .5em .5em .2em .5em; /*8px 8px 3px 8px*/ text-decoration: none; } #navigation a.current { background-color: #ecf3f5; border: 1px solid #0073c8; border-bottom: 1px solid #ecf3f5; color: #0073c8; padding: .5em .5em .2em .5em; /*8px 8px 3px 8px*/ text-decoration: none; } |
Zoals je ziet heeft de eerste li in ul een class genaamd current. Dat is ervoor te zorgen dat de current tab in het menu duidelijk zichtbaar is. Dat even tussen 2 haakjes, want hier komt het probleem:
Ik krijg op geen enkele manier voor elkaar dat linkjes anders gestyled worden dan het menu! Rara, waar zou ik wat moeten veranderen?
Alvast bedankt voor jullie hulp :*
@geodriehoek
doet niet wat jij denkt dat ie doet. Hij selecteert nu alle a:links in #navigation PLUS alle visited links (dus ook de links buiten #navigation (dit doe je overigens op meer plekken in je CSS).
Zo dus.
Voor de rest begrijp ik je vraag niet echt, bij mij is de huidige actieve tab gewoon een andere kleur - of bedoel je dat niet?
| 1 |
doet niet wat jij denkt dat ie doet. Hij selecteert nu alle a:links in #navigation PLUS alle visited links (dus ook de links buiten #navigation (dit doe je overigens op meer plekken in je CSS).
| 1 2 | #navigation a:visited |
Zo dus.
Voor de rest begrijp ik je vraag niet echt, bij mij is de huidige actieve tab gewoon een andere kleur - of bedoel je dat niet?
Nee.
Te gek PimD, dit lost mijn probleem op! Kan je, als je zin hebt, misschien uitleggen waarom mijn manier niet werkte?quote:Op maandag 17 mei 2010 17:28 schreef PimD het volgende:
@geodriehoek
[ code verwijderd ]
doet niet wat jij denkt dat ie doet. Hij selecteert nu alle a:links in #navigation PLUS alle visited links (dus ook de links buiten #navigation (dit doe je overigens op meer plekken in je CSS).
[ code verwijderd ]
Zo dus.
Voor de rest begrijp ik je vraag niet echt, bij mij is de huidige actieve tab gewoon een andere kleur - of bedoel je dat niet?
Mijn zinnetje over die actieve tab was simpelweg extra info voor degene die zich afvroegen waarom er een class was toegwezen. Was verder niet bedoelt als vraag
Thanks a million!
Tsja wat valt er uit te leggen. Je scheidt je CSS selectors met komma's, dus
selecteer alle a-hrefs in de div met de ID content PLUS alle span-elementen - waar dan ook. Als je dus alleen de a's en de spans wilt hebben in de div #content dan moet je
doen :)
| 1 2 3 | .... } |
selecteer alle a-hrefs in de div met de ID content PLUS alle span-elementen - waar dan ook. Als je dus alleen de a's en de spans wilt hebben in de div #content dan moet je
| 1 2 3 4 | div#content span { ... } |
doen :)
Nee.
Yeah nu snap ik hem, dank!quote:Op maandag 17 mei 2010 19:23 schreef PimD het volgende:
Tsja wat valt er uit te leggen. Je scheidt je CSS selectors met komma's, dus
[ code verwijderd ]
selecteer alle a-hrefs in de div met de ID content PLUS alle span-elementen - waar dan ook. Als je dus alleen de a's en de spans wilt hebben in de div #content dan moet je
[ code verwijderd ]
doen
Hallo beste experts,
Misschien kunnen jullie mij ook helpen met een IE-probleempje.
Het gaat om de thumbnails op deze pagina: KLIK!
In Firefox, Chrome en Safari zien de marges tussen de thumbnails er perfect uit, alleen IE sputtert een beetje tegen. De marges onder (of boven - net hoe je er tegenaan kijkt) zijn verdwenen. Wie weet er een oplossing voor IE om deze marges toch goed te krijgen, zonder dat Firefox, Chrome en Safari dubbele marges gaan rekenen?
Dit is de bijbehorende CSS:
Misschien kunnen jullie mij ook helpen met een IE-probleempje.
Het gaat om de thumbnails op deze pagina: KLIK!
In Firefox, Chrome en Safari zien de marges tussen de thumbnails er perfect uit, alleen IE sputtert een beetje tegen. De marges onder (of boven - net hoe je er tegenaan kijkt) zijn verdwenen. Wie weet er een oplossing voor IE om deze marges toch goed te krijgen, zonder dat Firefox, Chrome en Safari dubbele marges gaan rekenen?
Dit is de bijbehorende CSS:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | width: 800px; min-height: 200px; margin-top: 30px; font: normal 12px Verdana; color: #333; line-height: 1.5em; } ul.portf { float: right; display: inline; width: 275px; list-style-type: none; } li.portf { float: left; margin-left: 5px; } li img { border: none; } |
| 1 2 3 4 5 6 7 8 9 | list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; outline-style: none; outline-width: 0; } |
Haal dat eens weg ofzo.
Heb helaas (gelukkig
) geen IE hier dus kan verder niet testen.
Ik heb het volgende probleem: Wanneer ik met JS de CSS-style van display none naar block verander van mijn tbody elementen, dan neemt de tbody niet de opgegeven breedte over.
Een voorbeeld is hier te zien. Het gaat om als je "theoriemateriaal" helemaal onderaan aanklikt, dan fout hij hem uit zoals het hoort, alleen de breedte klopt niet i.t.t. de tbodies daarboven.
Dit is de JS:
Dit is de CSS:
Een voorbeeld is hier te zien. Het gaat om als je "theoriemateriaal" helemaal onderaan aanklikt, dan fout hij hem uit zoals het hoort, alleen de breedte klopt niet i.t.t. de tbodies daarboven.
Dit is de JS:
| 1 2 3 4 | { ("los").select("[title='sub"+ID+"']")[i].style.display = "block"; } |
Dit is de CSS:
| 1 2 3 4 | { display: none; } |
Aan dit bericht kunnen geen rechten worden ontleend.
