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]
