Die milliseconden zullen ze toch wel overleven?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.
Qua PHP bedoel je? Dat zou normaliter toch echt niet merkbaar moeten zijn volgens mij.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
Mijn laatste opmerking was op basis van de sourcesquote:Op woensdag 21 maart 2007 23:51 schreef Chandler het volgende:
Je mag als je tijd hebt, beide sources wel inzien hoor![]()
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | <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> |
| 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 | 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 { } |
Dan kan je dat plaatje als background op de list items zetten.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
dat is nog eens een ideequote:Op woensdag 28 maart 2007 22:08 schreef SuperRembo het volgende:
[..]
Dan kan je dat plaatje als background op de list items zetten.
Mooi. En de volgende keer als iets ff niet lukt niet naar tabellen grijpen; als anderen het zonder kunnen, kun jij het ookquote:
| 1 2 3 | background-image:url(images/plaatje.gif); background-repeat:repeat-y; } |
| 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 | ---------------------------------------------- |
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: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.
| 1 2 3 | position: absolute; bottom:-50px; } |
| 1 2 3 4 5 6 7 | <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 | 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; } |
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 naarquote: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.
| 1 2 | th a { color: donker-grijs; } |
# is voor id's: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?
Graag gedaan. Beetje aparte gok als je weet dat een element iets anders dan een id op een element, maar dat terzijdequote: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
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.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
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!.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)?
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |