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.
Ik heb een voorbeeldje online gezet: http://www.piles.nl/hosting/menu.html
Als je nu je scherm heel smal maakt valt het 3e item naar beneden, en dat moet dus niet
Als je nu je scherm heel smal maakt valt het 3e item naar beneden, en dat moet dus niet
ehh, ik neem aan dat je een header ofzo krijgt. Kun je daar niet mbv een vaste breedte of afbeelding voor zorgen dat indien je een smal scherm hebt, er verticale scrolldingen komen?quote:Op vrijdag 3 maart 2006 20:06 schreef Piles het volgende:
Ik heb een voorbeeldje online gezet: http://www.piles.nl/hosting/menu.html
Als je nu je scherm heel smal maakt valt het 3e item naar beneden, en dat moet dus niet
Zet een div om je list heen, en geef die een vaste breedte, of een tabel.quote:Op vrijdag 3 maart 2006 20:06 schreef Piles het volgende:
Ik heb een voorbeeldje online gezet: http://www.piles.nl/hosting/menu.html
Als je nu je scherm heel smal maakt valt het 3e item naar beneden, en dat moet dus niet
Ow, en dat leuke css trucje voor een dropdown menu, werkt niet in internet explorer
minimalist
Ik heb ul#nav de totale width van alle items gegeven (30em) en dan werkt het gewoon
Waarom ben ik hier al een week naar aan het zoeken
En over IE, mn orginele stukje (Java)script werkt gewoon, dus dat komt helemaal goed
Waarom ben ik hier al een week naar aan het zoeken
En over IE, mn orginele stukje (Java)script werkt gewoon, dus dat komt helemaal goed
Hallo!
Ik zit nu sinds een paar dagen ook met CSS te klooien maar ik heb af en toe het idee dat ik dingen
fout en omslachtig doe.
Dit is mijn testpagina: http://choas.smdc-network.org/test/
(Sorry, drag en drop werkt op dit moment alleen in Safari en FireFox want ik heb geen IE om te testen)
Hebben jullie tips over hoe ik bijvoorbeeld die menu divs aan kan passen zodat de breedte niet in
de binnendiv gespecificeert hoeft te zijn ? En is dit zo een beetje netjes opgebouwd ?
Ik zit nu sinds een paar dagen ook met CSS te klooien maar ik heb af en toe het idee dat ik dingen
fout en omslachtig doe.
Dit is mijn testpagina: http://choas.smdc-network.org/test/
(Sorry, drag en drop werkt op dit moment alleen in Safari en FireFox want ik heb geen IE om te testen)
Hebben jullie tips over hoe ik bijvoorbeeld die menu divs aan kan passen zodat de breedte niet in
de binnendiv gespecificeert hoeft te zijn ? En is dit zo een beetje netjes opgebouwd ?
"I contend that we are both atheists. I just believe in one fewer god than you do.
When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours."
[Stephen Roberts]
When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours."
[Stephen Roberts]
ik heb al vaker gehad dat als ik 1 div boven de ander laat floaten, de onderliggende div een eind naar beneden opschuift (heel toevallig de grootte van de bovenliggende div). waarschijnlijk vergeet ik iets aan te geven. iemand een idee?
<div style="position: relative; z-index: 0; width: 780px; height: 100%; overflow: hidden; vertical-align: top;">
<div id="float" style="position: relative; top: 80; left: 300; width: 331px; height; 145px; z-index: 1; background-image: url(test.PNG); background-position: top right;"><img
src="window.PNG"></div>
rest van de content
</div>
<div style="position: relative; z-index: 0; width: 780px; height: 100%; overflow: hidden; vertical-align: top;">
<div id="float" style="position: relative; top: 80; left: 300; width: 331px; height; 145px; z-index: 1; background-image: url(test.PNG); background-position: top right;"><img
src="window.PNG"></div>
rest van de content
</div>
As a rule, I never touch anything more sophisticated and delicate than myself.
Even een vraagje..
Ik heb een tabel die als menu fungeert met wat links erin. Nu wil ik graag dat de achtergondkleur van de tabel verandert als je op een link gaat staan. Dat moet met css kunnen, alleen a:hover {background-color: blue} werkt natuurlijk niet. Hoe moet ik duidelijk maken dat ik de achtergrondkleur van een bepaald div-id wil veranderen?
Alvast bedankt.
Ik heb een tabel die als menu fungeert met wat links erin. Nu wil ik graag dat de achtergondkleur van de tabel verandert als je op een link gaat staan. Dat moet met css kunnen, alleen a:hover {background-color: blue} werkt natuurlijk niet. Hoe moet ik duidelijk maken dat ik de achtergrondkleur van een bepaald div-id wil veranderen?
Alvast bedankt.
"There are no short cuts to any place worth going"
- Beverly Sills
- Beverly Sills
div.class:hover
class natuuk vervangen met classname van je div
dus <div class="test"> maakt div.test:hover { background-color: #ff0000; }
class natuuk vervangen met classname van je div
dus <div class="test"> maakt div.test:hover { background-color: #ff0000; }
As a rule, I never touch anything more sophisticated and delicate than myself.
Maar wat nou als ik die class ook ergens anders voor gebruik?quote:Op maandag 6 maart 2006 20:51 schreef Desdinova het volgende:
div.class:hover
class natuuk vervangen met classname van je div
dus <div class="test"> maakt div.test:hover { background-color: #ff0000; }
Dus om bijv. de border-color en text-align aan wil geven, maar dan niet alleen in de hover, maar voor altijd. Krijg je dan twee .cell classes?
"There are no short cuts to any place worth going"
- Beverly Sills
- Beverly Sills
Ook centraal
Op zondag 28 oktober 2007 01:07 schreef clumsy_clown het volgende:
Jump daarentegen, is wįy minder braaf en lief dan hij lijkt
«shmoop|dingen» jawel, jij bent Superjump
Jump daarentegen, is wįy minder braaf en lief dan hij lijkt
«shmoop|dingen» jawel, jij bent Superjump
Even voor de duidelijkheid.. ik heb nu dit:
In style.css
In het html-bestand
Waar en hoe voeg ik die hover toe zodat de hele achtergrond van die cel een bepaalde kleur wordt?
In style.css
| 1 2 3 4 5 6 7 8 9 10 | border-left: 1px SOLID; border-right: 1px SOLID; border-bottom: 1px SOLID; border-top: 1px SOLID; border-color: #CAE4F7; background-color: #4584CB; text-align: center; font-weight: bold; } |
In het html-bestand
| 1 2 3 | <td class="cel"><a href="http://www.hapsieflapsie.nl">Home</a></td> ... |
Waar en hoe voeg ik die hover toe zodat de hele achtergrond van die cel een bepaalde kleur wordt?
"There are no short cuts to any place worth going"
- Beverly Sills
- Beverly Sills
.cel:hover {
background-color: #ff0000;
}
that's it. maar alles met cel wordt idd dan onmouseover die kleur, dus dan moet je daar een extra style voor aanmaken.
je kan natuurlijk ook een javascript mouseover gebruiken.
background-color: #ff0000;
}
that's it. maar alles met cel wordt idd dan onmouseover die kleur, dus dan moet je daar een extra style voor aanmaken.
je kan natuurlijk ook een javascript mouseover gebruiken.
As a rule, I never touch anything more sophisticated and delicate than myself.
:hover werkt in IE alleen op links, dus niet op bijvoorbeeld een td. Verder kan je met css ook niet aangeven dat als je met je muis over de <a> gaat, dan dan de kleur van de <td> moet wijzigen.
Wat je wel zou kunnen doen is de <a> display:block geven, om er voor te zorgen dat de link net zo groot wordt als de <td>.
Asl je dat niet wil dan heb je javascript nodig.
Wat je wel zou kunnen doen is de <a> display:block geven, om er voor te zorgen dat de link net zo groot wordt als de <td>.
Asl je dat niet wil dan heb je javascript nodig.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
ik had nooit wat gehoord van display tot kort, en nu word ik dr opeens mee dood gegooid overalquote:Op maandag 6 maart 2006 23:16 schreef SuperRembo het volgende:
:hover werkt in IE alleen op links, dus niet op bijvoorbeeld een td. Verder kan je met css ook niet aangeven dat als je met je muis over de <a> gaat, dan dan de kleur van de <td> moet wijzigen.
Wat je wel zou kunnen doen is de <a> display:block geven, om er voor te zorgen dat de link net zo groot wordt als de <td>.
Asl je dat niet wil dan heb je javascript nodig.
is dit nieuw?
goed om te weten van de hover trouwens. wist ik niet.
As a rule, I never touch anything more sophisticated and delicate than myself.
Met display:block wordt het inderdaad heel klein en das niet de bedoeling. Nouja, dan kan het dus niet met css. Bedankt in ieder geval.quote:Op maandag 6 maart 2006 23:16 schreef SuperRembo het volgende:
:hover werkt in IE alleen op links, dus niet op bijvoorbeeld een td. Verder kan je met css ook niet aangeven dat als je met je muis over de <a> gaat, dan dan de kleur van de <td> moet wijzigen.
Wat je wel zou kunnen doen is de <a> display:block geven, om er voor te zorgen dat de link net zo groot wordt als de <td>.
Asl je dat niet wil dan heb je javascript nodig.
Edit: het is al gelukt met een eenvoudige onMouseover.
[ Bericht 4% gewijzigd door Pizza_Shooter op 07-03-2006 17:45:50 ]
"There are no short cuts to any place worth going"
- Beverly Sills
- Beverly Sills
Ik heb een div, en nu wil ik dat alle <h1> tags die binnen die div gebruikt worden als kleur bv. paars krijgen, hoe doe ik dat? Dmv. iets van inheretance oid dus.
| 1 2 3 | color: Purple; } |
Zie ook http://www.w3.org/TR/REC-CSS2/selector.html - met de opmerking dat de meeste niet werken in IE...
No Dukes of Hazzard in the classroom
IE is er inderdaad niet blij mee...:quote:Op dinsdag 7 maart 2006 21:40 schreef Berkery het volgende:
[ code verwijderd ]
Zie ook http://www.w3.org/TR/REC-CSS2/selector.html - met de opmerking dat de meeste niet werken in IE...
http://www.altijdlente.net/photography/album/
Nogal rare dingen.
ok, ik heb een fucking irritant probleem:
een aantal pagina's van mijn website zijn te groot voor 1 scherm, en dus moet er gescrolled worden. http://www.ahrenstravel.nl/prijzen.php is dus zo'n voorbeeld. als ik in FireFox via beeld --> paginastijl kies voor "geen stijl", is de pagina wel scrolbaar. Ook in IE is ie niet scrollbaar op mijn pc. nu was ik laatst bij iemand anders. had ook IE, maar kon wél scrollen. het enige verschil was de schermresolutie. In de tussentijd heb ik niks aan de site veranderd, dus dat is het niet. iemand enig idee hoe ik er nu voor kan zorgen dat de pagina altijd scrollbaar is? is dat te doen met css?
een aantal pagina's van mijn website zijn te groot voor 1 scherm, en dus moet er gescrolled worden. http://www.ahrenstravel.nl/prijzen.php is dus zo'n voorbeeld. als ik in FireFox via beeld --> paginastijl kies voor "geen stijl", is de pagina wel scrolbaar. Ook in IE is ie niet scrollbaar op mijn pc. nu was ik laatst bij iemand anders. had ook IE, maar kon wél scrollen. het enige verschil was de schermresolutie. In de tussentijd heb ik niks aan de site veranderd, dus dat is het niet. iemand enig idee hoe ik er nu voor kan zorgen dat de pagina altijd scrollbaar is? is dat te doen met css?
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
[i]What would life be like without rhethorical questions?[/i]
CSS kent de overflow-property voor content die groter is dan z'n box. Als je voor betreffende box deze op "scroll" zet, zou het moeten werken toch? Of op "auto", dan krijg je alleen een scrollbar als de content ook daadwerkelijk groter is, in plaats van altijd.
dit bedoel je?quote:Op vrijdag 10 maart 2006 12:31 schreef Tijn het volgende:
CSS kent de overflow-property voor content die groter is dan z'n box. Als je voor betreffende box deze op "scroll" zet, zou het moeten werken toch? Of op "auto", dan krijg je alleen een scrollbar als de content ook daadwerkelijk groter is, in plaats van altijd.
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
[i]What would life be like without rhethorical questions?[/i]
en dat werkt ook voor de <body> tag en alles wat er dan onder valt? want het is eigenlijk een <td> uit een tabel die niet scrollt..quote:Op vrijdag 10 maart 2006 12:42 schreef Tijn het volgende:
Ja.
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
[i]What would life be like without rhethorical questions?[/i]
dat had ik eerst, maar IE trok dat nietquote:Op vrijdag 10 maart 2006 12:48 schreef Tijn het volgende:
Oh het zijn tables. Misschien kun je er beter divs van maken dan.
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
[i]What would life be like without rhethorical questions?[/i]
Als je een div in je td doet, zou het wel moeten werken. td is geen block-type element, was de reden geloof ik.
toch een workaroundje gevonden
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
[i]What would life be like without rhethorical questions?[/i]
ik heb een divje van 1px hoog en 419px in width.. dit wil ik als lijn laten werken. in FF gaat het goed, maar in IE wordt het een dikkere lijn.... hoe los ik dit op/
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
thnx Roonaan... nu zit ik met het volgende..
Ik heb twee divjes die ik naast elkaar wil plaatsen.. dit kan met float: left;, dat werkt ook wel, maar als ik dan een width ga toekennen aan de div's, komen ze alsnog onder elkaar komen te staan..'
hoe los ik dit op?
Ik heb twee divjes die ik naast elkaar wil plaatsen.. dit kan met float: left;, dat werkt ook wel, maar als ik dan een width ga toekennen aan de div's, komen ze alsnog onder elkaar komen te staan..'
hoe los ik dit op?
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Container div die groter is dan de totale breedte toevoegen zal misschien werken. Hangt er een beetje vanaf.
-r-
-r-
eeuhmm nee al geprobeerd.. het is zo dat als ik het width element toe voeg, dat hij dan ineens onder elkaar gaat staan ondanks de float: left; eigenschap die ik mee geef aan de linker div..
zelfs als ik de divs's instel op width: 10px; komen ze onder elkaar te staan, terwijl de container div 500pox breed is...
zelfs als ik de divs's instel op width: 10px; komen ze onder elkaar te staan, terwijl de container div 500pox breed is...
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Float beide elementen left. Dan komen ze naast elkaar te staan.quote:Op zaterdag 11 maart 2006 12:45 schreef markiemark het volgende:
eeuhmm nee al geprobeerd.. het is zo dat als ik het width element toe voeg, dat hij dan ineens onder elkaar gaat staan ondanks de float: left; eigenschap die ik mee geef aan de linker div..
zelfs als ik de divs's instel op width: 10px; komen ze onder elkaar te staan, terwijl de container div 500pox breed is...
Voeg een display: block; aan je css toe, tenminste als je een top en left meegegeven hebt.quote:Op zaterdag 11 maart 2006 12:45 schreef markiemark het volgende:
eeuhmm nee al geprobeerd.. het is zo dat als ik het width element toe voeg, dat hij dan ineens onder elkaar gaat staan ondanks de float: left; eigenschap die ik mee geef aan de linker div..
zelfs als ik de divs's instel op width: 10px; komen ze onder elkaar te staan, terwijl de container div 500pox breed is...
minimalist
Een div heeft standaard al display:block.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
zet de border in je containerdiv aan en check wattie uitspookt
As a rule, I never touch anything more sophisticated and delicate than myself.
ik momenteel een pagina waar 2 text velden instaan en 2 dropdown menuutjes (<select> tag)
de inhoud van de select tags die is niet even lang als de textvelden
hoe krijg ik het voor elkaar dat de textvelden + dropdown velden even lang worden..
zie als voorbeeld(hoe ik het dus niet wil hebben, het dropdown menuutje moet evenlang zijn als het textveld.)
de volgende pagina
http://fia181-83.dsl.hccnet.nl/test
de inhoud van de select tags die is niet even lang als de textvelden
hoe krijg ik het voor elkaar dat de textvelden + dropdown velden even lang worden..
zie als voorbeeld(hoe ik het dus niet wil hebben, het dropdown menuutje moet evenlang zijn als het textveld.)
de volgende pagina
http://fia181-83.dsl.hccnet.nl/test
niet helemaal CSS, maar ik hoop toch een antwoord te krijgen.. op www.ahrenstravel.nl staat aan de bovenkant een logo. dat logo heb ik gemaakt in paint shop pro. achtergrondkleur is #FFCC66 (255,204,102), diezelfde kleur gebruik ik over de hele pagina. In FireFox gaat alles goed, maar Internet Explorer maakt van mijn mooie plaatje een andere kleur! volgens mn colorpicker extensie is dat #FFC65B(255, 198, 91)
enig idee wat ik er aan kan doen?
volgens mn colorpicker extensie is dat #FFC65B(255, 198, 91)enig idee wat ik er aan kan doen?
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
[i]What would life be like without rhethorical questions?[/i]
Bij mij is de achtergrond grijs in IE, omdat deze geen transparantie bij PNG ondersteundquote:Op dinsdag 14 maart 2006 21:53 schreef qu63 het volgende:
niet helemaal CSS, maar ik hoop toch een antwoord te krijgen.. op www.ahrenstravel.nl staat aan de bovenkant een logo. dat logo heb ik gemaakt in paint shop pro. achtergrondkleur is #FFCC66 (255,204,102), diezelfde kleur gebruik ik over de hele pagina. In FireFox gaat alles goed, maar Internet Explorer maakt van mijn mooie plaatje een andere kleur! volgens mn colorpicker extensie is dat #FFC65B(255, 198, 91)
enig idee wat ik er aan kan doen?
Nog een tip: Verzin iets anders dan jong en dynamisch
http://www.google.nl/search?q=%22jong+en+dynamisch%22
oh fuck, ik zet het juiste plaatje weer ff terugquote:Op dinsdag 14 maart 2006 22:05 schreef Piles het volgende:
[..]
Bij mij is de achtergrond grijs in IE, omdat deze geen transparantie bij PNG ondersteund
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
[i]What would life be like without rhethorical questions?[/i]
Websafe is zoooo 20e eeuwquote:Op dinsdag 14 maart 2006 23:06 schreef DutchBlood het volgende:
Websafe kleuren gebruiken voor de afbeelding, of van de letters een transparante gif maken.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
ik heb er een gifje van gemaakt. dat werkt welquote:Op dinsdag 14 maart 2006 23:06 schreef DutchBlood het volgende:
Websafe kleuren gebruiken voor de afbeelding, of van de letters een transparante gif maken.
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
[i]What would life be like without rhethorical questions?[/i]
Iemand die een goede tutorial weet voor het maken van eenvoudige menu's met submenu's in css + javascript? Zowel horizontaal als verticaal zijn welkom.
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
http://www.webmastercity.nl/forum/viewtopic.php?t=20070quote:Op woensdag 15 maart 2006 13:53 schreef wonko het volgende:
Iemand die een goede tutorial weet voor het maken van eenvoudige menu's met submenu's in css + javascript? Zowel horizontaal als verticaal zijn welkom.
Dat is een goede...tanx.quote:Op woensdag 15 maart 2006 14:01 schreef Piles het volgende:
[..]
http://www.webmastercity.nl/forum/viewtopic.php?t=20070
Maar nu nog verticaal.
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
