abonnement Unibet Coolblue Bitvavo
pi_47523191
Mwah, daar zou ik me niet zo druk over maken. Het is mooi als een pagina ook zonder javascript bruikbaar is, maar ik heb liever een overbodig plaatje voor een (enkele) bezoeker zonder javascript dan dat (vele) andere een trager ladende pagina hebben.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  woensdag 21 maart 2007 @ 22:31:41 #102
12880 CraZaay
prettig gestoord
pi_47529820
quote:
Op woensdag 21 maart 2007 19:57 schreef SuperRembo het volgende:
Mwah, daar zou ik me niet zo druk over maken. Het is mooi als een pagina ook zonder javascript bruikbaar is, maar ik heb liever een overbodig plaatje voor een (enkele) bezoeker zonder javascript dan dat (vele) andere een trager ladende pagina hebben.
Die milliseconden zullen ze toch wel overleven?
pi_47533160
@CraZaay;

Ik wilde mijn startpagina klaar voor templates maken en dat is mij gelukt, echter is de snelheid van het script aanzienlijk naar beneden gegaan maar goed, je moet er wat voor over hebben. Tevens is het nu volgens mij aardig CSS/XHTML gemaakt en zal morgen de puntjes op de I zetten.

Voorbeeld:
Oude: http://startpagina.bruggema.nl/index2.php
Nieuwe: http://startpagina.bruggema.nl/index.php

Zie't verschil
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  woensdag 21 maart 2007 @ 23:49:34 #104
12880 CraZaay
prettig gestoord
pi_47533356
quote:
Op woensdag 21 maart 2007 23:44 schreef Chandler het volgende:
Ik wilde mijn startpagina klaar voor templates maken en dat is mij gelukt, echter is de snelheid van het script aanzienlijk naar beneden gegaan
Qua PHP bedoel je? Dat zou normaliter toch echt niet merkbaar moeten zijn volgens mij.

Anders gebruik je een MVC-framework als CodeIgniter ofzo? Zit standaard caching in en dan heb je nog fatsoenlijke "templating" ook (views dus). Maar da's redelijk off topic hier

En de nieuwe is echt stukken beter dan de oude!
pi_47533448
Ja de scripting tijd is door het gebruik maken van templates behoorlijk naar beneden gegaan *5 maar toch ben ik blij dat ik het met mijn eigen template engine kon realiseren!. Tevens ziet de code er eindelijk uit zoals het er uit moet zien (HTML/CSS code) of heb je nog opmerkingen?

Je mag als je tijd hebt, beide sources wel inzien hoor

-edit-
tnx voor je toevoeging, vond het er zelf ook al stukken duidelijker en overzichtelijker uitzien, en sterker nog; het scheelt ook in de kb's
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  woensdag 21 maart 2007 @ 23:55:10 #106
12880 CraZaay
prettig gestoord
pi_47533535
quote:
Op woensdag 21 maart 2007 23:51 schreef Chandler het volgende:
Je mag als je tijd hebt, beide sources wel inzien hoor
Mijn laatste opmerking was op basis van de sources

Weer off topic, maar waarom wil je per se je eigen template engine gebruiken? Heb je ooit van MVC gehoord of eens gekeken op www.codeigniter.com (vergelijkbaar met CakePHP maar dan met documentatie, beide qua structuur gebaseerd op Rails)? Ik heb dit al vaker geroepen op Fok, maar de PHP'ers hebben hier nooit oren naar (waarschijnlijk omdat ze altijd zelf dingen brouwen en niet bekend zijn met dergelijke concepten).
pi_47534439
Op basis van de HTML sources ja

Maar dat terzijde en nog even offtopic

Inderdaad heb ik er weinig intresse in om andere zaken te gaan gebruiken dan dat ik reeds heb, want natuurlijk is het leuk om een ander produkt te gaan benutten maar wat brengt het allemaal met zich mee? ik heb het nog niet ingezien hoor, dus praat misschien wel onwaarheden. Maar vaak zitten er ook ogen, haken en naalden aan en dat soort zaken zijn nou eenmaal niet gemakkelijk op te lossen als een produkt door iemand anders geschreven wordt (heb vaak van andere script fouten moeten fixen, en eigen werk is 1000x gemakkelijker

Tevens roept men ook zo vaak (bv) gebruik toch Smarty, nou ik heb niets met smarty, heb het al vaker geprobeerd te gebruiken maar helaas kreeg ik niet (snel) het resultaat dat ik in mijn hoofd had en wilde behalen en dat lukte me wel met mijn simpele template parser. Maar goed... Ik zal morgen eens wat meer interesse steken in de applicaties waar je zelf nogal van onder de indruk bent, misschien als ik er even wat tijd in steek dat ik ook geintresseerd raak
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  donderdag 22 maart 2007 @ 08:52:34 #108
12880 CraZaay
prettig gestoord
pi_47537655
Smarty is gewoon een template engine, ik heb het over MVC-frameworks. Maar ik begrijp dat je hier niet bekend mee bent Voor andere talen is het heel gangbaar om dergelijke "door anderen gemaakt werk" te gebruiken, zoals in Ruby on Rails, Java, etc. PHP is immers ook gewoon door anderen gemaakt zonder dat je door invloed op hebt.

Ik ben overigens niet heel erg onder de indruk van de diverse PHP-frameworks, maar het is as good as it gets met PHP ben ik bang. Ik ontwikkel verder alleen nog maar op basis van Ruby on Rails (en wat PHP voor die ene klant die dat per se nodig heeft ).

Maar laten we dit voortzetten in het PHP topic (daar lurk ik ook nog wel mee)
pi_47547291
Is het mogelijk om met css in een formulier radiobuttons en checkboxes een style te geven? Vooral de background color?
Google had wel wat oplossingen maar dan werden het hidden inputs icm javascript en dat wil ik niet.
-
pi_47547484
Van checkboxes en radiobuttons kun je alleen de 'achtergrond kleur' en 'border' stijlen (natuurlijk ook padding etc) maar daar houdt het ook mee op...
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_47547617
Ik heb het even met internet explorer geprobeerd en daar werkt het wel, firefox1.5 helaas niet.
Nouja pech dan.
Mijn file upload is ook niet gestyled.
-
  donderdag 22 maart 2007 @ 14:49:24 #112
12880 CraZaay
prettig gestoord
pi_47548128
Van radiobuttons en checkbox kun je helaas alleen de achtergrondkleur (+ al het andere) achter het rondje/vierkantje stylen, dus niet die krengen zelf.

Anders wordt het inderdaad Javascript. Ook een optie natuurlijk
  woensdag 28 maart 2007 @ 20:43:26 #113
74523 BaggerUser
ModderFokker!
pi_47763992
html:
1
2
3
4
5
6
7
8
9
10
11
12
13
         <div id="navigatie">
            <table>
               <tr>
                  <td>LOGIN</td>
                  <td class="split"><img src="bestanden/split.gif" /></td>
                  <td class="text">JANJAAP</td>
                  <td class="split"><img src="bestanden/split.gif" /></td>
                  <td class="text">PETERSEN</td>
                  <td class="split"><img src="bestanden/split.gif" /></td>
                  <td class="text">KLAASEN</td>
               </tr>
            </table>
         </div>


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
#menu {
text-align: right;
margin: 38px 10px 0 0;
line-height: 1.3;
color: #007204;
}

#navigatie {
height: 38px;
width:500px;
float:left;

}

#navigatie td{
float:left;
width:70px;
display:block;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #B3B3B3;

}

#navigatie .split {
width:3px;
}

#navigatie .tekst {

}


geeft links in firefox en rechts in ie


De streepjes staan in FF goed.. (dus tegen de bodem aan) maar de tekst staat in ie goed (verticaal gecentreerd) iemand enige idee hoe ik dit goed krijg?

had het geprobeerd als list.. maar dat was helemaal geen succes (omdat ik dat plaatje met die stippeltjes tussen de links in moet hebben

8)7 krijg dr hoofdpijn van
De enige echte BaggerUser!
Riemen
fiets kopen
pi_47768578
quote:
Op woensdag 28 maart 2007 20:43 schreef BaggerUser het volgende:
had het geprobeerd als list.. maar dat was helemaal geen succes (omdat ik dat plaatje met die stippeltjes tussen de links in moet hebben
Dan kan je dat plaatje als background op de list items zetten.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  woensdag 28 maart 2007 @ 23:05:06 #115
74523 BaggerUser
ModderFokker!
pi_47771793
quote:
Op woensdag 28 maart 2007 22:08 schreef SuperRembo het volgende:

[..]

Dan kan je dat plaatje als background op de list items zetten.
dat is nog eens een idee
gelukt (alsnog na wat moeite met uitlijning)

* BaggerUser helemaal blij is
De enige echte BaggerUser!
Riemen
fiets kopen
  woensdag 28 maart 2007 @ 23:37:06 #116
12880 CraZaay
prettig gestoord
pi_47773486
quote:
Op woensdag 28 maart 2007 23:05 schreef BaggerUser het volgende:

* BaggerUser helemaal blij is
Mooi. En de volgende keer als iets ff niet lukt niet naar tabellen grijpen; als anderen het zonder kunnen, kun jij het ook
pi_48086695
Vraagje

Ik heb een stukje html/php en CSS getypt, maar ik weet geen oplossing voor het volgende:
Ik heb een flinke header, waarvan eigenlijk alleen het bovenste gedeelte de header is, en het stuk eronder een gradient is die rustig overgaat in een andere kleur. Op die gradient moet de content van de pagina al beginnen, en die moet overgaan op een stuk met een andere background. Volgt u het nog? Hoe los je zoiets op? stapel divjes en layeren maar? En kan dat, met een achtergrond van 1px hoog die uitgerekt/herhaald wordt?
pi_48087444
Een achtergrond van 1 pixel hoog maken is goed mogelijk en best handig zelfs. Je kan dan het volgende in je CSS zetten:

1
2
3
#ding {
background-image:url(images/plaatje.gif);
background-repeat:repeat-y; }


Je kan bij de repeat kiezen uit:
  • no-repeat
  • repeat
  • repeat-x
  • repeat-y

    Alles spreekt voor zich en de 'repeat' betekend dat in zowel de x als de y richting wordt herhaald.
  • pi_48087481
    En die overlopende header kan je inderdaad oplossen door 2 divjes over elkaar heen te positioneren en ze een verschillende z-index mee te geven.
    pi_48088560
    Dan heb ik dus op de onderste laag een divje met de headerbackground en een divje met de andere background van 1px hoog, en daar 'overheen' leg ik een divje met de grootte van alleen de header en eentje waar de content komt?
    Resized dat onderste divje van de onderste laag (volgen we het nog ) dan ook mee, zodat die background dus blijft repeaten?
    pi_48089028
    Ik weet niet precies hoe je de pagina wilt hebben. In ieder geval kun je wel die twee header divjes samennemen, je hoeft niet een aparte div voor background en content te hebben.

    De herhalende achtergrond hoeft misschien ook niet in een eigen div, als je die aan de body toevoegd.

    De content komt wel in een eigen div, die deels over de header div heen ligt met een hogere z-index.
    pi_48089183
    Ik heb het even prachtig gevisualiseerd:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    ------------------------------------------------
    |                    HEADER                    |
    |                                              |
    |                    HEADER                    |
    |---------------------------------------------||
    || CONTENT                            CONTENT ||
    ||                                            ||
    ||                                            ||
    ||                                            ||
    ||                                            ||
    || CONTENT                            CONTENT ||
    -|--------------------------------------------|-
     |                                            |
     |                                            |
     |                                            |
     |                                            |
     | CONTENT                            CONTENT |
     |                                            |
     |                                            |
     |                                            |
     |                                            |
     | CONTENT                            CONTENT |
     ----------------------------------------------


    De HEADER is dus 1 grote div waarin de achtergrond en de inhoud van de header zit.

    De CONTENT is een eigen div, die deels over de HEADER heen van, zodat de background van de HEADER zichtbaar is achter de content.

    De pagina-achtergrond kan je eventueel, afhankelijk van je design, nog achter de content zetten, of toevoegen aan de body.
    pi_48091211
    Ik ga er morgen eens mee aan de slag, dank voor de uitleg en de prachtige visualisatie!
    pi_48094720
    Tot zover werkend, dankjewel!
    Alleen zit ik nu nog met een footer, hoe doe je dat? .
    pi_48102927
    quote:
    Op vrijdag 6 april 2007 22:28 schreef veldmuis het volgende:
    Tot zover werkend, dankjewel!
    Alleen zit ik nu nog met een footer, hoe doe je dat? :P.
    Op mijn eigen site heb ik een container div gemaakt, waar de HEADER, CONTENT en FOOTER in zitten. De footer positioneer ik dan als volgt:

    1
    2
    3
    #footer {
    position: absolute;
    bottom:-50px; }


    -50px kwam voor mij mooi uit, maar je kan met de bottom waarde dus een element positioneren ten opzichte van de onderkant van z'n parent (de container).
    pi_48104134
    Danku, maar het werkt niet! ;(.
    Ik zal de code er eens bij pakken:

    1
    2
    3
    4
    5
    6
    7
     <div id="wrapper">
      <div id="header"></div>
       <div id="midden">
    content kan hier enzo, dat werkt dus, zolang het maar voldoende content is
       </div>
       </div>   
     </body>


    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
    #wrapper {
    position:absolute;
    width: 454px;;
    top: 30px;
    left: 50%;
    margin-left: -227px;
    }

    #header {
    position:absolute;
    width: 454px;
    height:332px;
    margin: 0em auto;
    background-image:url(backheader.png);
    background-repeat:no-repeat;
    z-index:1;
    }

    #midden {
    position:absolute;
    width: 454px;
    margin: 0em auto;
    background-image:url(backmidden.png);
    background-repeat:repeat-y;
    z-index:2;
    top:100px;
    }


    Daar zou dan een footer onder moeten, maar dat gaat niet op die manier.
    De footer onder dat midden-ding hangen werkt niet:
    In het geval van te weinig content hangt dat ding ergens in de header,
    Als er wel voldoende content is gaat de background van het middenstuk onder de background van de footer staan, en aangezien die gedeeltelijk transparant is is dat niet netjes. Niet transparant maken is een fijne workaround voor nu, maar een nettere oplossing is welkom :).
    pi_48114521
    Iemand? .
    pi_48114824
    Er is een methode om je footer het volgende te laten doen: als er voldoende content is zit de footer onderaan de content, is er onvoldoende content dan zit de footer onderaan het scherm.

    Alleen die code kan ik nu even niet bij .
    pi_48114889
    quote:
    Op zaterdag 7 april 2007 18:23 schreef HuHu het volgende:
    Er is een methode om je footer het volgende te laten doen: als er voldoende content is zit de footer onderaan de content, is er onvoldoende content dan zit de footer onderaan het scherm.

    Alleen die code kan ik nu even niet bij .
    Het moet niet onderaan het scherm zijn he, maar direct onder de header, met dus nog witruimte eronder. Weet niet of dat ook kan met die code, maar als dat kan ben ik er erg benieuwd naar .
    pi_48115152
    Dat gaat daarmee niet. Hetzelfde probleem heb ik ook eens gehad. Je kan het prachtig oplossen door de min-height te gebruiken in je CSS. Die stel je dan zo in dat je content minimaal voorbij je header komt. Alleen IE ondersteunt dat niet .

    Een oplossing die ik heb gebruikt is om ervoor te zorgen dat je content nooit te klein wordt. Dus als hij toch te klein is, dan stop je het in een extra div die er voor zorgt dat de pagina wordt opgerekt naar de minimale hoogte.

    Dat werkt goed bij statische pagina's, waarbij je van te voren kunt zien hoe hoog hij moet worden. Als de content dynamisch erin wordt gezet gaat het lastig.
    pi_48115287
    Er is wel een min-height CSS hack voor IE:

    http://www.dustindiaz.com/min-height-fast-hack

    Dan kan je dus een min-height aan je content div gooien, zodat deze nooit te klein wordt. En dan hang je de footer gewoon onder de content.
    pi_48117597
    mmmmm
    CSS is dus hier niet Counter-Strike Source
    Lucidity4All
    pi_48117964


    Het zijn Cascading Style Sheets. Voor jou CSS moet je in Games & Consoles wezen.
    pi_48119248
    thanks, ik peer em al
    Lucidity4All
    pi_48230108
    Ik heb mijn hyperlinks donkergrijs, echter wil ik de hyperlinks die in een table-header (<th>) staan wit hebben.

    Zowel "a" als "th" heb ik een eigen onderdeeltje in mijn stylesheet gegeven, moet ik nu iets als "th #a" doen?
    pi_48231028
    1
    2
    a { color: wit; }
    th a { color: donker-grijs; }
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_48231678
    Achteraf gezien enorm simpel dus

    Bedankt!
      woensdag 11 april 2007 @ 21:58:45 #138
    12880 CraZaay
    prettig gestoord
    pi_48234291
    quote:
    Op woensdag 11 april 2007 20:34 schreef Geqxon het volgende:
    Ik heb mijn hyperlinks donkergrijs, echter wil ik de hyperlinks die in een table-header (<th>) staan wit hebben.

    Zowel "a" als "th" heb ik een eigen onderdeeltje in mijn stylesheet gegeven, moet ik nu iets als "th #a" doen?
    # is voor id's:

    "a" -> HTML element
    "#a" -> element met id 'a'
    ".a" -> element met class 'a'
    pi_48234729
    Zo ver gaat mijn kennis nog wel, ik gokte puur wat. Maar alsnog bedankt
      woensdag 11 april 2007 @ 22:22:05 #140
    12880 CraZaay
    prettig gestoord
    pi_48235609
    quote:
    Op woensdag 11 april 2007 22:06 schreef Geqxon het volgende:
    Zo ver gaat mijn kennis nog wel, ik gokte puur wat. Maar alsnog bedankt
    Graag gedaan. Beetje aparte gok als je weet dat een element iets anders dan een id op een element, maar dat terzijde
    pi_48235919
    Pest me maar hoor

    Ik had gewoon even een stil moment tussen mijn oren, vandaag iets teveel gewerkt
    pi_48240620
    WTF IE (6) probleem.

    Het gaat om deze pagina. Rechts zie je een kopje 'Nieuw' staan waaronder de 10 meest recente boeken ingevoerd staan. Deze boeken stonden eerst in een <table> en werkte op zich prima, maar omdat de rest van de pagina ook netjes volgens het tableless principe gemaakt is en prima XHTML Strict en CSS valide is, besloot ik om daar ook maar <div>jes van te maken. Ziet ook mooier uit als je de pagina zonder stylesheet bekijkt zonder tabel natuurlijk.

    Nu werkt het in Mozilla wel normaal, maar in IE6 gebeurt er iets heel mafs:


    Hoe komt dit? :S
      donderdag 12 april 2007 @ 09:12:35 #143
    12880 CraZaay
    prettig gestoord
    pi_48245028
    Je kan je afvragen of dit geen tabullaire data is natuurlijk, al lost dit je probleem niet op
    pi_48245246
    quote:
    Op donderdag 12 april 2007 09:12 schreef CraZaay het volgende:
    Je kan je afvragen of dit geen tabullaire data is natuurlijk, al lost dit je probleem niet op
    Ja, het is ook tabulaire data dus in feite 'mag' ik er een tabel voor gebruiken. Maar zoals ik al zei, is de rest van de pagina ook mooi tableless en conform de XHTML/CSS normpjes en 't ziet er leuker uit als je de pagina zonder stylesheet bekijkt. Tabellen met meer dan 2 kolommen zijn gewoon slordig zonder stylesheet.
      donderdag 12 april 2007 @ 15:10:28 #145
    12880 CraZaay
    prettig gestoord
    pi_48256945
    Wat mij betreft is die gedachtengang net zo erg als tabellen gebruiken voor lay-out. Je wilt nu koste wat kost geen tabellen gebruiken voor lay-out (lay-out zonder styling), terwijl het om de structuur gaat in de HTML. En binnen die structuur zou dit wat mij betreft gewoon in een tabel thuis horen. En dat is dan nog meer conform de HTML/CSS normpjes ook
    pi_48257823
    Hmm, gaat me voornamelijk om hoe 't er zonder stylesheet uitziet, en als ik deze gegevens (waaronder een hoop imagelinks) in een tabel zet ziet het er gewoon rommelig uit. Qua structuur/semantiek maakt dit niks uit. Ik MAG er volgens de normen immers voor kiezen om dit in een tabel te proppen want het is in feite een beetje tabulaire data, maar kijk voor de lol eens in Mozilla met uitgeschakelde paginastijl. Deze structuur die je hier voor de Nieuwe boeken gebruikt ziet worden gaat later nog op héél véél pagina's op de site terug komen (boekenlijsten, striplijsten, reeksen, series, zoekresultaten, enz.) dus ik wil gewoon dat het mooi uitziet en werkt, niet dat de pagina zonder stylesheet gigantisch onoverzichtelijk is.
    pi_48258003
    Wat ik mij af vroeg is of een zoekformulier dan ook tabulaire data is?
    pi_48260002
    Zoekresultaten mogelijk wel, afhankelijk van de data die geretourneerd word. Maar een daadwerkelijk zoekformulier meestal niet hoor.
      donderdag 12 april 2007 @ 17:51:12 #149
    12880 CraZaay
    prettig gestoord
    pi_48261795
    Ik snap het niet Tuvai.net. Kun je me eerst eens uitleggen waarom het er zonder CSS goed uit moet zien (voor zover dat kan)?
    pi_48262499
    quote:
    Op donderdag 12 april 2007 17:51 schreef CraZaay het volgende:
    Ik snap het niet Tuvai.net. Kun je me eerst eens uitleggen waarom het er zonder CSS goed uit moet zien (voor zover dat kan)?
    Ik streef dus altijd naar toegankelijkheid en een webpagina dient ook toegankelijk te zijn voor mensen zonder stylesheet. Denk hierbij ook aan gevallen als PDA's, WAP browsers, text-to-speech en textbrowsers (Lynx). Die lezen alles netjes van boven naar onder op, en in het geval van een tabel van links naar rechts. Als je in Mozilla Beeld > Paginastijl > Geen stijl selecteerd dan zie je de pagina zonder stylesheet. Doe dat bijvoorbeeld maar eens hier op Fok!.

    Als het een tabel met daadwerkelijke tabulaire data is dan maakt dit niks uit, maar bij een grotere tabel waar ook plaatjes en dergelijke in voorkomen is het geen gezicht, en sommige programma's zullen dit dan ook niet goed oppikken. Verder is het natuurlijk ook puur een principekwestie van opmaak en inhoud gescheiden houden.
    abonnement Unibet Coolblue Bitvavo
    Forum Opties
    Forumhop:
    Hop naar:
    (afkorting, bv 'KLB')