[CSS] voor dummies - deel 12

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  dinsdag 24 maart 2009 @ 12:36:39 #2
136730 PiRANiA
All thinking men are atheists.
pi_67353595
.forumpost{
tvp:true;
}
Dag Google!
pi_67353608
quote:
Op dinsdag 24 maart 2009 12:23 schreef Nashje het volgende:

Ben weer aanbeland bij een nieuw raadsel. Zal vast mogelijk zijn, maar weet niet hoe... Een zoeksysteem binnen je site, die niet gaat zoeken in tables oid, nee, stuk tekst waarop je hebt gezocht wordt geselecteerd op de site. Dus zonder PHP ofzo.
Off-topic hier, maar dat zou met JS kunnen. Vraag me wel af waarom, want dat gaat fucking zwaar zijn (client op de achtergrond alle pagina's binnen laten trekken en kijken of je zoekstring erin voorkomt).
  dinsdag 24 maart 2009 @ 13:04:00 #4
181657 LordNemephis
computer says no
pi_67354416
quote:
Op dinsdag 24 maart 2009 12:37 schreef Roy_T het volgende:

[..]

Off-topic hier, maar dat zou met JS kunnen. Vraag me wel af waarom, want dat gaat fucking zwaar zijn (client op de achtergrond alle pagina's binnen laten trekken en kijken of je zoekstring erin voorkomt).
Inderdaad, zou toch een databeest gebruiken daarvoor.
Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.
pi_67355452
quote:
Op dinsdag 24 maart 2009 12:34 schreef Roy_T het volgende:
Off-topic hier, maar dat zou met JS kunnen. Vraag me wel af waarom, want dat gaat fucking zwaar zijn (client op de achtergrond alle pagina's binnen laten trekken en kijken of je zoekstring erin voorkomt).
Alle pagina's? Ik wil gewoon de inhoud van één pagina doorzoeken, dus hoeven niet meerdere pagina's te worden doorzocht.
pi_67357746
Ah, ik dacht dat je echt een site-wide zoekmachine zocht Maar dan nog zou ik het niet client-side doen
pi_67357848
Hoe zou je het dan doen? Er wordt verder nog niets in een database geschreven of uberhaupt gedaan.
pi_67358051
Beginnen met wél in een database schrijven Het probleem met client-side is dat je alleen door de content wilt zoeken, en niet door de hele code (neem ik aan). Je zult dan in je script aan moeten geven binnen welke elementen je wél wilt zoeken en dit vervolgens doen met een regex ofzo. Het kan wel, maar het is een pokkewerk, terwijl een database hiervoor gemaakt is (bijv. door een FULLTEXT index te gebruiken in MySQL). Maar hoe je het ook doet, het heeft nooit iets met [CSS] voor dummies - deel 12 te maken
  dinsdag 24 maart 2009 @ 14:50:29 #9
165924 msnk
AliceWonder <3
pi_67358113
quote:
Op dinsdag 24 maart 2009 12:36 schreef PiRANiA het volgende:
.forumpost{
tvp:true;
}
AFC AJAX
pi_67358197
quote:
Op dinsdag 24 maart 2009 13:31 schreef Nashje het volgende:

[..]

Alle pagina's? Ik wil gewoon de inhoud van één pagina doorzoeken, dus hoeven niet meerdere pagina's te worden doorzocht.
ik had er ooit een javascriptje voor... nog in de tijd van Netscape4/explorer4 deed dat het ook...
de vraag is echter eerder of je dat wil, browsers bieden zelf een veel betere eigen standaard functionaliteit voor : CTRL-F en dan heeft het eerder weinig zin om zelf met brakke scriptjes goed functionerende browser-functionaliteiten te 'simuleren'.

edit: was niet eens zo moeilijk te vinden:
http://javascript.internet.com/miscellaneous/search-the-page.html
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
pi_67359248
Hmm okay.

[quote]Op dinsdag 24 maart 2009 14:52 schreef RM-rf het volgende:

[..]%

[ Bericht 37% gewijzigd door Nashje op 24-03-2009 15:55:41 ]
pi_67359845
quote:
Op dinsdag 24 maart 2009 15:23 schreef Nashje het volgende:
Verbinding onderbroken

De verbinding met de server werd geherinitialiseerd tijdens het laden van de pagina.
pi_67359916
Hmm Fok doet raar, krijg m'n bericht niet geedit.
pi_67374881
Weet iemand of er al een fix / work around voor dit probleem:
http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&postId=3821&productId=1

Zou erg fijn zijn
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67374953
De workaround die ik eerder gaf: een div met die achtergrond ter grootte van de textarea, textarea erin renderen met background: transparent.
pi_67391570
Ja, maar dus nog geen andere workaround dus.. heb je ook nog een link naar artikel van die workaround?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67391906
Nee, want ik heb hem zelf verzonnen en er geen artikel over geschreven Maar zo moeilijk is het niet toch

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		<div class="textarea_wrap"><textarea>bla</textarea></div>

div.textarea_wrap,
textarea {
   width: 200px;
   height: 200px;
}

div.textarea_wrap {
   background: url(bg.gif);
}

textarea {
   background: transparent;
}
pi_67392332
Ik zou er dan toch eens een artikeltje aan wijden want er is blijkbaar veel vraag naar krijg deze vraag vaker per MSN en zeg dan altijd dat het onmogelijk is
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67392566
Dat is het ook, strict gezien: je hebt een extra semantisch gezien nutteloos element nodig
pi_67394409
Hmm, ik heb een ul li lijstje. En daardoor gaat dus de tekst in een lijstje staan, die wat naar rechts verschuift, as usually bij een li item. Is er een mogelijkheid dat ik deze ruimte weg kan schoppen en wel alles strak naar links kan plaatsen?
pi_67395309
quote:
Op woensdag 25 maart 2009 15:18 schreef Nashje het volgende:
Hmm, ik heb een ul li lijstje. En daardoor gaat dus de tekst in een lijstje staan, die wat naar rechts verschuift, as usually bij een li item. Is er een mogelijkheid dat ik deze ruimte weg kan schoppen en wel alles strak naar links kan plaatsen?
Iets met de margin/padding doen. Als je alles links wilt hebben zonder list-style (bolletjes) is het simpel ("margin: 0; padding: 0; list-style: none" op de <ul>), anders moet je even opzoeken hoe de verschillende browsers zich gedragen; de ene gebruikt namelijk padding en de andere margin voor hun default rendering.
pi_67418536
als het mogelijk is gebruik dan:

padding:0;
margin:0;

Niet perfect,maar werkt wel!
Vooral dat wat hier boven staat.
pi_67418776
quote:
Op woensdag 25 maart 2009 14:27 schreef Roy_T het volgende:
Dat is het ook, strict gezien: je hebt een extra semantisch gezien nutteloos element nodig
Nou zie het eerder als een fout van de browser op zich, je zou een achtergrond toch gewoon fixed moeten kunnen plaatsen
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_67555811
'k hoop dat ik hier aan het goede adres ben.

Ik heb een vlak (div) met daarin een lijstje met namen (li). Daarnaast is gewoon ruimte. In die ruimte zou ik graag een foto willen laten door middel van een mouse-over. Iemand een ideetje?
pi_67561134
quote:
Op maandag 30 maart 2009 19:47 schreef hello_moto1992 het volgende:
'k hoop dat ik hier aan het goede adres ben.

Ik heb een vlak (div) met daarin een lijstje met namen (li). Daarnaast is gewoon ruimte. In die ruimte zou ik graag een foto willen laten door middel van een mouse-over. Iemand een ideetje?
je wil een lijst, dat is dus altijd een UL of OL... géén DIV (die tag kies je als je gen andere optie hebt)


wat je wilt is gewoon heel simpel te doen door datgene wat je nu verteld in code op te schrijven:

1
2
3
4
5		<ul>
   <li> <a href="#"> Naam Eén <img src="plaatje naam1.jpg"> </a> </li>
   <li> <a href="#"> Naam Twee <img src="plaatje naam2.jpg"> </a> </li>
   <li> <a href="#"> Naam Drie <img src="plaatje naam3.jpg"> </a> </li>
</ul>



en dan de CSS-code

1
2
3
4
5
6
7
8
9
10
11
12		UL {
  position: relative; /* positioning in normale flow, maar zodat de afbeelding erbinnen gepositioneerd kan worden */
  width: 100%;
}
UL LI A IMG {
  display: none; /* verberg afbeelding */
  position: absolute; / positioneer afbeelding */
  top: 10px; right: 10px;
}
UL LI A:hover IMG {
  display: block ; /* toon afbeelding bij hover */
}


[ Bericht 0% gewijzigd door RM-rf op 31-03-2009 01:44:19 ]
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
pi_67561238
Maar dan zonder die hoofdletters voor ELEMENTEN in je CSS
pi_67566276
quote:
Op maandag 30 maart 2009 22:14 schreef Roy_T het volgende:
Maar dan zonder die hoofdletters voor ELEMENTEN in je CSS
wat bedoel je daarmee?
dat is gewoon een kwestie van coding conventies en het gebruik van full-caps in CSS om elementen aan te geven is nu juist zeer wijd verbreid (omdat meestal classnames sowieso undercast zijn en id-selectors enkel met een hofodletteer beginnen kun je goed het onderscheid aangeven daarmee)

we hebben het hier over HTML en niet case-sensitive XML of dat nutteloze XHTML (dat sowieso een doodlopend pad geworden is op het WWW)

er stond wel een foutje in mn code... ik had .hover staan ipv :hover, dus een dubbele punt
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
  dinsdag 31 maart 2009 @ 02:11:54 #28
230788 n8n
Pragmatisch
pi_67566416
Er wordt naar mijn weten bij namen van elementen, id's en classes altijd aangeraden alles met onderkast letters te schrijven. Dat staat naar mijn opinie ook een stuk netter.

tevens TerugVindCss
“Specialization is for insects”.—Robert Heinlein
pi_67567537
quote:
Op dinsdag 31 maart 2009 01:54 schreef RM-rf het volgende:

wat bedoel je daarmee?
dat is gewoon een kwestie van coding conventies en het gebruik van full-caps in CSS om elementen aan te geven is nu juist zeer wijd verbreid (omdat meestal classnames sowieso undercast zijn en id-selectors enkel met een hofodletteer beginnen kun je goed het onderscheid aangeven daarmee)
Het is juist een conventie om nooit caps te gebruiken. Ik ken tenminste niemand die het doet (en ik ken best veel front-enders ).
pi_67570060
quote:
Op dinsdag 31 maart 2009 08:13 schreef Roy_T het volgende:

[..]

Het is juist een conventie om nooit caps te gebruiken. Ik ken tenminste niemand die het doet (en ik ken best veel front-enders ).
tech is er geen enkele plicht ... ik heb die gewoonte al heel lang en in de CSS1 spec wordt het ook heel consequent toegepast : http://www.w3.org/TR/CSS1/#contextual-selectors ... in de CSS2 specificatie ook: http://www.w3.org/TR/CSS2/selector.html#type-selectors (in latere versies van de CSS-specificatie staat soms een mengeling, vreemd genoeg worden soms kapitalen voor elementen gebruikt en soms undercast... er staat wel in dat CSS zelf en selectoren case-insensitive zijn)

Het grootste voordeel voor mij is de duidelijke afscheiding tussen verschillende soort selectoren..
zelf prefereer ik ook zoveel mogelijk via element-selectoren te definieren en pas als dat niet lukt terug te vallen op classnames en/of id's als selectoren ...

ik neem aan dat je ook erkent dat er geen geldige reden is het niet te doen behalve dan een persoonlijke voorkeur.
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 12
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')