[html, css, js] met font tags :) #27

vrijdag 10 augustus 2012 @ 10:14:49 #151

QM84

Het Orakel

Wat bedoel je precies met 'een serie selectors'?

dat dus.

vrijdag 10 augustus 2012 @ 13:55:29 #152

FastFox91

Sluw

quote:
Op woensdag 8 augustus 2012 21:38 schreef FastFox91 het volgende:
Vorige week heb ik even gespeeld met Knockoutjs, maar was uiteindelijk te uitgebreid voor wat ik wilde en kon zelfs iets niet wat ik wel handig vond. Uiteindelijk heb ik zelf dus iets geschreven. JSBind. Probeer de demo en laat weten wat je ervan vindt aub. Met dit scriptje kan je gemakkelijk in javascript variabelen veranderen en vervolgens worden de gekoppelde html elementen ook netjes geüpdatet en visa versa.

_{(Code is niet erg leesbaar, zal ik verbeteren mocht het gebruikt worden door meerdere mensen.)}

Niemand die een mening heeft over m'n scriptje JSBind?

vrijdag 10 augustus 2012 @ 14:12:08 #153

n8n

Pragmatisch

quote:
Op vrijdag 10 augustus 2012 10:14 schreef QM84 het volgende:
Wat bedoel je precies met 'een serie selectors'?

#top a, article p, .button { font-size: 1.8em; } zo en dan per kleur, margin of noem maar op.

“Specialization is for insects”.—Robert Heinlein

dinsdag 14 augustus 2012 @ 12:55:01 #154

schwa78

Rutger

Ik heb een probleempje met een auto suggest form op mijn site. Het gaat om de coolautosuggest jquery-plugin

Wanneer je iets invult en de suggesties worden getoond in div.suggestions dan verdwijnt deze achter de header van de pagina die zich er vlak onder bevindt.

Ik heb al geprobeerd dit op te lossen met z-index waarden en position: relative toe te voegen aan alle relevante div's. Helaas blijven de suggesties onder de andere content schuiven.

Voorbeeld op http://www.wecamgirls.com (NSFW). Autosuggest staat rechtsboven op de pagina.

http://www.schwaproductions.nl/

dinsdag 14 augustus 2012 @ 12:56:30 #155

Catch22-

Ben je Blind?!

Ik kan je hier niet mee helpen; ik zit op mijn werk.

Ik zou trouwens, zonder dat ik de plugin ken, liever gebruik maken van de autocomplete van jQuery ui dan van dit.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 14 augustus 2012 @ 13:06:44 #156

schwa78

Rutger

quote:
Op dinsdag 14 augustus 2012 12:56 schreef Catch22- het volgende:
Ik kan je hier niet mee helpen; ik zit op mijn werk.

Ik zou trouwens, zonder dat ik de plugin ken, liever gebruik maken van de autocomplete van jQuery ui dan van dit.

De plugin werkt verder wel. Het is alleen de CSS die ik niet juist ingesteld krijg. Mocht het me niet lukken zal ik de autocomplete van jquery ui eens een kans geven.

De site is overigens maar licht NSFW. Zeker wanneer je niet ingelogd bent. Maar goed, ik begrijp het dat je op je werk zit.

http://www.schwaproductions.nl/

dinsdag 14 augustus 2012 @ 13:08:06 #157

Catch22-

Ben je Blind?!

quote:
Op dinsdag 14 augustus 2012 13:06 schreef schwa78 het volgende:

[..]

De plugin werkt verder wel. Het is alleen de CSS die ik niet juist ingesteld krijg. Mocht het me niet lukken zal ik de autocomplete van jquery ui eens een kans geven.

De site is overigens maar licht NSFW. Zeker wanneer je niet ingelogd bent. Maar goed, ik begrijp het dat je op je werk zit.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 14 augustus 2012 @ 13:31:09 #159

QM84

Het Orakel

Post eens je precieze code.. Z-indexes juist zetten kan soms nog wel eens tricky zijn.

Heeft het element, waar die autocomplete op moet komen, toevallig een wrapper met overflow: hidden? Dat kan er nl ook voor zorgen dat het lijkt alsof je flyout achter de header verdwijnt, terwijl die gewoon afgekapt wordt..

dat dus.

dinsdag 14 augustus 2012 @ 13:45:31 #160

schwa78

Rutger

Stukje generated source:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<form action="http://www.wecamgirls.com/pages/search.php" method="GET">
<input name="a" value="submit" type="hidden">
<p>
<input autocomplete="off" name="search_username" id="search_username" value="enter keywords" type="text">
<div style="display: block; position: absolute; left: 8px; top: 30px; height: 100px; width: 160px;" class="suggestions" id="suggestions_holder">
<div style="width: 160px; overflow: hidden;" id="suggest_row1" class="suggest_item first" seq_id="0"<div class="suggestion_title"><b>Ru</b>tger</div><div class="description"> </div></div>
<div style="width: 160px; overflow: hidden;" id="suggest_row2" class="suggest_item" seq_id="1"><div class="suggestion_title">kimbert<b>ru</b>dea</div><div class="description"> </div></div>
<div style="width: 160px; overflow: hidden;" id="suggest_row3" class="suggest_item" seq_id="2"><div class="suggestion_title">adriana<b>ru</b>sso</div><div class="description"> </div></div>
<div style="width: 160px; overflow: hidden;" id="suggest_row4" class="suggest_item" seq_id="3"><div class="suggestion_title">Holly<b>Ru</b>de</div><div class="description"> </div></div>
<div style="width: 160px; overflow: hidden;" id="suggest_row5" class="suggest_item last" seq_id="4"><div class="suggestion_title">johanc<b>ru</b>ijf</div>
<div class="description"> </div></div>
</div>
<input value="" type="submit">
</p>
</form>

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

/* Style For Suggestions */
.sugeestions {
    z-index:300;
    position:relative;
}

.suggestions .suggest_item {
    padding:2px;
    background-color:#EEEEEE;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    z-index:300;
    position: relative;
}
.suggestions .suggest_item.first {
    border-top:1px solid #CCCCCC;
}
.suggestions .suggest_item.last {
    border-bottom:1px solid #CCCCCC;
}
.suggestions .suggest_item.selected, .suggestions .suggest_item.selected .description {
    color:#000;
    font-weight:normal;
    cursor:pointer;
    background-color: #DDD;
}
.suggestions .suggest_item .thumbnail {
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    margin: 1px 2px 1px 2px;
    float: left;
    width: 50px;
    height: 50px;
}
.suggestions .suggest_item .description{
    font-style: italic;
    font-size: 11px;
    color: #777;
}

#header {
    background:#2d2d2d url(../images/bgs/bg_h_3.png) top left repeat;
    position:relative;
    z-index:1;
}
#container {
    width:940px;
    margin:0 auto;
    position:relative;
    z-index:1;
}

http://www.schwaproductions.nl/

dinsdag 14 augustus 2012 @ 13:47:42 #161

schwa78

Rutger

quote:
Op dinsdag 14 augustus 2012 13:31 schreef QM84 het volgende:

Heeft het element, waar die autocomplete op moet komen, toevallig een wrapper met overflow: hidden? Dat kan er nl ook voor zorgen dat het lijkt alsof je flyout achter de header verdwijnt, terwijl die gewoon afgekapt wordt..

Ik heb even gekeken en er was wel een een overflow: hidden attribute.

Het weghalen hiervan werkt helaas niet. Ook zie ik in Chrome dat er netjes een element verschijnt, maar deze zit echt gewoon achter de onderstaande header. Er zit ongeveer een milimeter tussen en je ziet ook dat het element er staat.

http://www.schwaproductions.nl/

dinsdag 14 augustus 2012 @ 14:15:51 #162

QM84

Het Orakel

1
2
3
4

.sugeestions {
z-index:300;
position:relative;
}

typo? Moet denk ik .suggestions zijn

Je form relative zetten, met een z-index gelijk / hoger dan de header kan ook helpen

dat dus.

dinsdag 14 augustus 2012 @ 14:22:34 #163

schwa78

Rutger

quote:
Op dinsdag 14 augustus 2012 14:15 schreef QM84 het volgende:

[ code verwijderd ]

typo? Moet denk ik .suggestions zijn

Je form relative zetten, met een z-index gelijk / hoger dan de header kan ook helpen

Idd een typo. Helaas niet de oplossing van het probleem.

Ik heb de form ook relative gemaakt en een hoge z-index meegegeven. Ook zonder resultaat

http://www.schwaproductions.nl/

dinsdag 14 augustus 2012 @ 14:24:46 #164

QM84

Het Orakel

hmm.. heb je ergens een voorbeeld online staan? Dat zoekt wat makkelijker

dat dus.

dinsdag 14 augustus 2012 @ 14:25:39 #165

schwa78

Rutger

quote:
Op dinsdag 14 augustus 2012 14:24 schreef QM84 het volgende:
hmm.. heb je ergens een voorbeeld online staan? Dat zoekt wat makkelijker

http://www.wecamgirls.com/

http://www.schwaproductions.nl/

dinsdag 14 augustus 2012 @ 14:29:42 #166

QM84

Het Orakel

Het zit hem in je div.header_top. Deze heeft een overflow: hidden.
Deze heb je daar waarschijnlijk aan meegegeven, omdat de layout kapot gaat als je hem weghaalt. Dit komt weer door de float: right op de ul.header_list erin.

Als je de header_top fatsoenlijk cleart (google: clearfix), dan komt het helemaal goed. Je kan hem evt ook een vaste hoogte meegeven.

dat dus.

dinsdag 14 augustus 2012 @ 14:43:35 #167

schwa78

Rutger

quote:
Op dinsdag 14 augustus 2012 14:29 schreef QM84 het volgende:
Het zit hem in je div.header_top. Deze heeft een overflow: hidden.
Deze heb je daar waarschijnlijk aan meegegeven, omdat de layout kapot gaat als je hem weghaalt. Dit komt weer door de float: right op de ul.header_list erin.

Als je de header_top fatsoenlijk cleart (google: clearfix), dan komt het helemaal goed. Je kan hem evt ook een vaste hoogte meegeven.

Koning!

Het werk nu... deels

De elementen zijn nu wel zichtbaar, maar nog niet klikbaar. Kun jij zien waar het 'm in zit?

http://www.schwaproductions.nl/

dinsdag 14 augustus 2012 @ 14:53:36 #168

QM84

Het Orakel

de Z-index op je #header weghalen.

dat dus.

dinsdag 14 augustus 2012 @ 14:57:50 #169

schwa78

Rutger

quote:
Op dinsdag 14 augustus 2012 14:53 schreef QM84 het volgende:
de Z-index op je #header weghalen.

Hij doet het!

Superbedankt voor je hulp (Y)

http://www.schwaproductions.nl/

dinsdag 14 augustus 2012 @ 15:04:20 #170

QM84

Het Orakel

yw

dat dus.

dinsdag 14 augustus 2012 @ 22:24:39 #171

Quotidien

fetchez la vache

Wellicht een heel domme vraag maarja.
Als je een website voor iemand maakt en diegene wilt teksten/afbeeldingen/wat dan ook zelf beheren, dan maak je die site met een CMS zoals Wordpress, toch?
Maar wat ik niet snap ik dat een CMS-site duurder is dan een website gemaakt met HTML/CSS, terwijl een CSM website veel makkelijker te maken is? Of zie ik dit verkeerd?

Ik ben nie hier voor de pingpong te schpelen

dinsdag 14 augustus 2012 @ 22:34:42 #172

PimD

Nee.

Tuurlijk niet, er komt dan ook nog een server-side taal bij kijken, bijvoorbeeld PHP. Die data uit het CMS zal ergens vandaan moeten komen. Tenzij je natuurlijk gewoon een WordPress theme ergens vandaan plukt en alleen de banner ofzo aanpast, dan zul je idd snel klaar zijn.

Nee.

dinsdag 14 augustus 2012 @ 22:39:45 #173

KomtTijd...

quote:
Op dinsdag 14 augustus 2012 22:24 schreef Quotidien het volgende:
Maar wat ik niet snap ik dat een CMS-site duurder is dan een website gemaakt met HTML/CSS, terwijl een CSM website veel makkelijker te maken is? Of zie ik dit verkeerd?

Bron

zcflevo.nl

dinsdag 14 augustus 2012 @ 22:52:25 #174

Quotidien

fetchez la vache

quote:
Op dinsdag 14 augustus 2012 22:39 schreef KomtTijd... het volgende:

[..]

Bron

Googleresultaten.

Ik ben nie hier voor de pingpong te schpelen

dinsdag 14 augustus 2012 @ 22:56:03 #175

Quotidien

fetchez la vache

Maar is er geen manier om mensen hun website te laten beheren als je gewoon alles met HTML en CSS doet? Want ik neem aan dat men niet de bestandjes gaat doormailen.

Ik ben nie hier voor de pingpong te schpelen

dinsdag 14 augustus 2012 @ 22:56:06 #176

PimD

Nee.

Op de lange termijn wellicht. Als je een statische website hebt die je iedere week moet laten updaten door de buurjongen, dan zal dat na een tijdje behoorlijk in de kosten gaan lopen. Als je daar een simpel CMSje achter hebt zitten zodat je zelf nieuwsberichten e.d. kunt posten zonder daarbij 'een techneut' nodig te hebben zit er wellicht een gedeeltelijke kern van waarheid in

Nee.

dinsdag 14 augustus 2012 @ 22:56:16 #177

Tijn

Powered by MS Paint

quote:
Op dinsdag 14 augustus 2012 22:24 schreef Quotidien het volgende:

Maar wat ik niet snap ik dat een CMS-site duurder is dan een website gemaakt met HTML/CSS, terwijl een CSM website veel makkelijker te maken is? Of zie ik dit verkeerd?

Je doet net alsof je voor een website met een CMS geen HTML/CSS hoeft te schrijven. Dat moet natuurlijk wel, elke website bestaat uiteindelijk uit HTML en CSS. Bij een CMS moet je daar bovenop nog wat configureren om te zorgen dat het werkt zoals het moet werken.

Verberg de nieuwsticker

dinsdag 14 augustus 2012 @ 22:57:31 #178

Tijn

Powered by MS Paint

quote:
Op dinsdag 14 augustus 2012 22:56 schreef Quotidien het volgende:
Maar is er geen manier om mensen hun website te laten beheren als je gewoon alles met HTML en CSS doet? Want ik neem aan dat men niet de bestandjes gaat doormailen.

Inloggen op de server en de HTML-files aanpassen. Als je dat "beheren" wil noemen.

Verberg de nieuwsticker

dinsdag 14 augustus 2012 @ 22:58:24 #179

Quotidien

fetchez la vache

quote:
Op dinsdag 14 augustus 2012 22:57 schreef Tijn het volgende:

[..]

Inloggen op de server en de HTML-files aanpassen. Als je dat "beheren" wil noemen.

Maar Henk van de locale boogschiet-club snapt daar toch helemaal niets van?

Ik ben nie hier voor de pingpong te schpelen

dinsdag 14 augustus 2012 @ 22:59:02 #180

Tijn

Powered by MS Paint

quote:
Op dinsdag 14 augustus 2012 22:58 schreef Quotidien het volgende:

[..]

Maar Henk van de locale boogschiet-club snapt daar toch helemaal niets van?

Nee, die zou ik dat ook niet laten doen. Dat is precies waar CMS'en voor zijn bedacht, want dan kan Henk gewoon inloggen en intypen wat 'ie op z'n site wil hebben staan, zonder dat 'ie iets stuk kan maken.

Verberg de nieuwsticker

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

» digital corner

» development

» digital corner

» development