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.
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
