[html, css, js] voor dummies #17

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_100144940
quote:
2s.gif Op zondag 31 juli 2011 00:30 schreef Tijn het volgende:

[..]

Omdat het om gegevens gaat die niet alleen nu beschikbaar moeten zijn, maar waarvan ook gegarandeerd moet worden dat ze in de toekomst beschikbaar zijn.
het front-end maakt dan niet uit.. dan moet de data goed opgeslagen worden... (en gedocumenteerd worden hoe deze opslag inelkaar steekt..
  zondag 31 juli 2011 @ 00:45:45 #202
12221 Tijn
Powered by MS Paint
pi_100145025
quote:
0s.gif Op zondag 31 juli 2011 00:43 schreef mschol het volgende:

[..]

het front-end maakt dan niet uit.. dan moet de data goed opgeslagen worden... (en gedocumenteerd worden hoe deze opslag inelkaar steekt..
Wat zeg je dan tegen de gebruikers die in de toekomst bij de data moeten die nu alleen beschikbaar zijn via een IE6-only applicatie? Dat alle data beschikbaar is en dat ze alleen maar even een nieuwe frontend hoeven te schrijven?
Verberg de nieuwsticker
pi_100145275
quote:
10s.gif Op zondag 31 juli 2011 00:45 schreef Tijn het volgende:

[..]

Wat zeg je dan tegen de gebruikers die in de toekomst bij de data moeten die nu alleen beschikbaar zijn via een IE6-only applicatie? Dat alle data beschikbaar is en dat ze alleen maar even een nieuwe frontend hoeven te schrijven?
nee, je levert een werkende machine op met IE6, simpel as that..
  zondag 31 juli 2011 @ 01:01:51 #204
12221 Tijn
Powered by MS Paint
pi_100145489
quote:
0s.gif Op zondag 31 juli 2011 00:55 schreef mschol het volgende:

[..]

nee, je levert een werkende machine op met IE6, simpel as that..
Ah, je levert als webdeveloper ook hardware tegenwoordig?

Maar dan nog: het gaat om de toekomst, he. Support voor XP loopt al op z'n eind en MS is zelf IE6 ook liever kwijt dan rijk. Dus hoe ga je over pak-em-beet 10 jaar een systeem versieren waar nog IE6 op draait? En belangrijker: vind je dat echt een betere oplossing dan nu zorgen dat je IE6-applicatie langzamerhand ook toegankelijk wordt gemaakt voor andere browsers zodat je in de toekomst zulke kunstgrepen niet uit hoeft te halen?

Sowieso is een browser-specifieke webapplicatie natuurlijk te belachelijk voor woorden. Veel haakser op het concept van het web kun je niet staan. Als je toch alleen maar een enkele browser ondersteunt, ontwikkel dan liever helemaal geen webapplicatie en lever gewoon een native app aan. Dan verwacht ten minste ook niemand dat het cross platform is.
Verberg de nieuwsticker
  zondag 31 juli 2011 @ 01:42:19 #205
230788 n8n
Pragmatisch
pi_100146508
Zo lang niet meer voor IE ontwikkeld dat ik totaal ben vergeten wat de trucs ook alweer waren
“Specialization is for insects”.—Robert Heinlein
  zondag 31 juli 2011 @ 11:31:01 #206
37634 wobbel
Da WoBBeL King
pi_100151531
quote:
6s.gif Op zaterdag 30 juli 2011 23:41 schreef Tijn het volgende:
Je zou zeggen dat juist IE6 blijven gebruiken gevaarlijk is. Maar goed, dat is mijn mening B-)
http://webwereld.nl/nieuw(...)ernet-explorer-.html

Ik gebruik overigens Opera O-)
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_100154425
kan iemand mij helpen met het maken inn css het volgende :

naam in het rood en een tag :?
pi_100154498
mn naam heb ik al rood, nu nog een tag :7
pi_100154777
Waar heb je het over?
Nee.
pi_100154972
css, heb mn naam rood, nu wil ik nog graag een tag
pi_100157665
Even een relatief simpel html/css-vraagje, maar ik krijg het niet voor elkaar:

Ik heb een <DIV> waarbinnen de inhoud van mijn pagina komt. Nu wil ik op een vaste positie rechts een blokje plaatsen, bij voorkeur ook een DIV.
Echter, de tekst gaat dwars door mijn DIV heen, en wordt er niet omheen geplaatst.

Heeft iemand een idee hoe ik dat voor elkaar krijg?

Hieronder de vereenvoudigde code (CSS heb ik er hier rechtstreeks in opgenomen).

1
2
3
4
5
6
7
8
9
10
11
12		<DIV style="width:400px; position: relative; border:1px solid;">
test test test test test test test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test test test test test test test 
test test test test test test test test 
<div style="width:100px;height:100px;top:50px;right:0px; position: absolute; border:2px solid;display:inline;"></div>
</div>
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
pi_100158314
Als je dingen absoluut positioneert gaat de tekst er niet om heen nee, daarvoor moet je gebruik maken van floats.
Nee.
  zondag 31 juli 2011 @ 22:15:10 #213
37634 wobbel
Da WoBBeL King
pi_100172649
quote:
10s.gif Op zondag 31 juli 2011 13:47 schreef Chuck-N0rr1s het volgende:
css, heb mn naam rood, nu wil ik nog graag een tag
Wat bedoel je nu, wat wil je precies en welke code heb je al???
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_100187516
Tnx PimD, float:right icm margin-top is wat ik zocht.

DIV's kunnen je zo frustreren als ze niet precies doen wat je verwacht.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
  maandag 1 augustus 2011 @ 11:32:16 #215
12221 Tijn
Powered by MS Paint
pi_100187706
In plaats van teksten als "test test test test test" kun je trouwens beter Lorem Ipsum gebruiken. Dat ziet er veel meer uit als echte tekst en is dus beter testmateriaal.
Verberg de nieuwsticker
pi_100191663
quote:
6s.gif Op maandag 1 augustus 2011 11:32 schreef Tijn het volgende:
In plaats van teksten als "test test test test test" kun je trouwens beter Lorem Ipsum gebruiken. Dat ziet er veel meer uit als echte tekst en is dus beter testmateriaal.
Ja dat klopt, maar het was meer ter illustratie van wat het probleem was. Op de website waar het om gaat, staat al inhoudelijke tekst.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
pi_100213262
Eindelijk eerste website gemaakt in HTML/Css en online gezet :D
"Dubbelop alsof ik een quote citeer"
pi_100506657
Nu was ik een simpele website aan het aanpassen in het CMS en heb ik iets verneukt. Er stond een simpele tekst met daaronder een hyperlink. Zodra je daarop klikte klapte eronder een stuk tekst uit.
Ik had het stuk tekst aangepast maar nu als ik die pagina bezoek staat alles reeds uitgeklapt. Hoe kan ik ervoor zorgen dat ie initieel weer verborgen is.
pi_100514854
Heb je de class of id aangepast?
  woensdag 10 augustus 2011 @ 13:47:26 #220
267443 Cue_
Cuecumbergirl
pi_100549549
Misschien een beetje brede vraag, maar weet anders ook niet of wat ik er anders achter ga komen.

Wat kunnen redenen zijn dat wanneer ik een CSS gebruik, hij wel bepaalde aspecten overneemt maar niet alles en dit alleen bij bepaalde tpl's?

Het zit zo. Ik ben bezig met een applicatie waar ik nu een CSS voor heb gemaakt.
Sommige pagina's pakt hij perfect, dus mooie achtergrond, goede lettertype en grootte enzo. Maar andere pagina's heeft hij wel de actergrond, maar zijn de letters enorm vergroot.

Als ik dan kijk met F12 in Explore dan herkent ie wel de lettertype en grootte die de CSS hem geeft.
Heb gekeken of alle heads/body's/tables goed worden afgesloten en dat is in het betreffende geval gebeurd.

Iemand enig idee waar ik het misschien anders in kan zoeken?

edit: heb even gekeken in google chrome. daarin doet hij 1 verkeerde pagina wel goed. Maar enkele andere verkeerde ook verkeerd.

[ Bericht 7% gewijzigd door Cue_ op 10-08-2011 13:57:05 ]
pi_100550041
eerst alle pagina's hard refreshen (ctrl+F5).
Dan kijken of je meerdere stylesheets hebt of inline style met hogere specificity.
zcflevo.nl
  woensdag 10 augustus 2011 @ 14:24:31 #222
267443 Cue_
Cuecumbergirl
pi_100550989
quote:
0s.gif Op woensdag 10 augustus 2011 13:58 schreef KomtTijd... het volgende:
eerst alle pagina's hard refreshen (ctrl+F5).
Dan kijken of je meerdere stylesheets hebt of inline style met hogere specificity.
Explore helemaal herstart, ook hard refreshes helpen niet.
Verder gebruik ik geen inline styles (ja wel beetje, maar heeft te maken met kolombreedtes, en die ziet hij ook wel gewoon)

Al ik in het F12 menu de CSS uitschakel, veranderd hij wel. Dus hij ziet opzich wel de koppeling met de CSS. Alleen niet zoals aangegeven :')

[ Bericht 12% gewijzigd door Cue_ op 10-08-2011 14:39:14 ]
  woensdag 10 augustus 2011 @ 14:57:47 #223
267443 Cue_
Cuecumbergirl
pi_100552314
Hmm.. als ik een aparte class maak voor de <td> en <tr> van de tabel. dan doet hij het wel goed :')
pi_100552747
quote:
0s.gif Op dinsdag 9 augustus 2011 16:35 schreef DaFan het volgende:
Heb je de class of id aangepast?
Ik heb het al gefixed. Thanks in ieder geval!
pi_100553758
quote:
0s.gif Op woensdag 10 augustus 2011 14:57 schreef Cue_ het volgende:
Hmm.. als ik een aparte class maak voor de <td> en <tr> van de tabel. dan doet hij het wel goed :')
Blijkbaar heb je gewoon een andere stijl ergens gedefinieerd met hogere specificiteit dus.
zcflevo.nl
pi_100587054
ik heb een foto-pagina gemaakt voor mn site
het vervelende is dat er staande en liggende foto's zijn gemaakt, een erg rommelige opmaak krijg ik dan dus.
Ik had 2 oplossingen gezien:
1) Uit alle foto's een vierkant nemen, dus niet schalen maar een stuk afknippen van zijkant of bovenkant zodat alle foto's gelijk van grote zijn. Dit lijkt me het mooiste maar ik wil niet alle foto's gaan bewerken. Kan dit met een css of php trucje..
Dit heeft mijn voorkeur maar ik denk dat het lastig is..dus

2) Om elke foto een vierkantje zetten met de breedte van een ligggende foto en de hoogte van een staande foto.
Hoe ga ik dat aanpakken? Iemand suggesties?
pi_100588501
Ik zou voor optie twee gaan. En dan wel 'onzichtbaar' vierkant tov de achtergrond.
pi_100590471
quote:
0s.gif Op donderdag 11 augustus 2011 09:59 schreef Tegan het volgende:
Ik zou voor optie twee gaan. En dan wel 'onzichtbaar' vierkant tov de achtergrond.
zoiets had ik ook al bedacht
hoe kan ik dat slim aanpakken? want ik wil niet aan elke foto apart een class oid gaan hangen. Niet erg voor 1x maar niet als ik redelijk foto's ga uploaden.

Sowieso iemand een goed voorbeeld van een goede opmaak+script voor een slideshow fotopagina?
Ik heb nu een overzichtspagina, met thumbs, als je daarop klikt krijg je een grotere foto die je door kan klikken naar de volgende foto
pi_100592177
ik ben nu een beetje aan het pielen maar volgens mij kan niet wat ik wil :(

is het mogelijk om de border of vierkantje om een staande EN liggende foto evengroot te krijgen.
een border voegt een rand toe aan de foto

ik heb ze maar geschaalt...niet zo mooi..maar wel snel resultaat :)

nog een vraag
ik ben op zoek naar een icoon voor een mapje foto's
op een android telefoon zag ik een icoon wat zogenaamd een stapeltje foto's was
waarbij de eerste foto in het mapje, de bovenste van de stapel is
kent iemand zo'n icoon??
zelf maken kan altijd nog..maar als het al bestaat das natuurlijk makkelijker

[ Bericht 44% gewijzigd door MrNiles op 11-08-2011 13:32:09 ]
  donderdag 11 augustus 2011 @ 15:06:22 #230
42636 TheSeeker_NL
Damn fine coffee
pi_100601459
quote:
0s.gif Op donderdag 11 augustus 2011 11:49 schreef MrNiles het volgende:

ik ben op zoek naar een icoon voor een mapje foto's
op een android telefoon zag ik een icoon wat zogenaamd een stapeltje foto's was
waarbij de eerste foto in het mapje, de bovenste van de stapel is
kent iemand zo'n icoon??
zelf maken kan altijd nog..maar als het al bestaat das natuurlijk makkelijker
http://www.iconarchive.com/ is misschien wat voor jou.
  donderdag 11 augustus 2011 @ 15:10:06 #231
42636 TheSeeker_NL
Damn fine coffee
pi_100601631
Wat zijn je opties als je voor bepaalder koppen en navigatie een font wilt gebruiken wat geen webfont is? Uiteraard kan ik het slicen uit photoshop, maar is er een standaard methode om de gebruiker toch de tekst te laten zien in de font die je wilt gebruiken? Dat is veel fijner als je nieuwe content wilt maken namelijk.
pi_100603311
quote:
0s.gif Op donderdag 11 augustus 2011 15:10 schreef TheSeeker_NL het volgende:
Wat zijn je opties als je voor bepaalder koppen en navigatie een font wilt gebruiken wat geen webfont is? Uiteraard kan ik het slicen uit photoshop, maar is er een standaard methode om de gebruiker toch de tekst te laten zien in de font die je wilt gebruiken? Dat is veel fijner als je nieuwe content wilt maken namelijk.
@font-face

kun je alle lettertypes gebruiken
lettertype zet je bij je css files
  donderdag 11 augustus 2011 @ 15:55:49 #233
42636 TheSeeker_NL
Damn fine coffee
pi_100603868
quote:
0s.gif Op donderdag 11 augustus 2011 15:45 schreef MrNiles het volgende:

[..]

@font-face

kun je alle lettertypes gebruiken
lettertype zet je bij je css files
Fijn ga ik me even in verdiepen, mijn dank is groot.
pi_100604580
quote:
0s.gif Op donderdag 11 augustus 2011 15:55 schreef TheSeeker_NL het volgende:

[..]

Fijn ga ik me even in verdiepen, mijn dank is groot.
tis heel simpel
je zit zoiets in je css

@font-face {
font-family: Eroded;
src: url('28days.ttf');
}

en in je class/div van je waar je je lettertype wilt hebben zet je iets van
font-family: Eroded

je moet het lettertype wel uitgepakt op je server hebben staan
pi_100608121
Zo simpel als MrNiles het schetst is het niet. (Bijna) iedere browser verwacht een ander font: voor IE6 e.d. heb je een EOT-file nodig etc. Ik zou gewoon gebruik maken van www.fontsquirrel.com - dat werkt over het algemeen verdomd goed, hoewel je natuurlijk gauw tegen problemen met licenties aan kunt lopen.

[ Bericht 10% gewijzigd door PimD op 11-08-2011 17:52:35 ]
Nee.
  donderdag 11 augustus 2011 @ 17:53:33 #236
42636 TheSeeker_NL
Damn fine coffee
pi_100608482
quote:
0s.gif Op donderdag 11 augustus 2011 17:43 schreef PimD het volgende:
Zo simpel als MrNiles het schetst is het niet. (Bijna) iedere browser verwacht een ander font: voor IE6 e.d. heb je een EOT-file nodig etc. Ik zou gewoon gebruik maken van www.fontsquirrel.com - dat werkt over het algemeen verdomd goed.
hmm..

Ik was ook al aan het stoeien want ik had een .otf bestand bij mijn font en Chrome kon de pagina niet weergeven. Ik dacht dat ik het misschien verkeerd gecodeerd had of dat ik een .ttf moest vinden maar dat lukt me nog niet.

En op fontsquirrel is mijn font ook niet te vinden. Hé vervelend, maar ik ga die site wel even doorbladeren, misschien is er een vergelijkbaar font.
  donderdag 11 augustus 2011 @ 18:02:20 #237
230788 n8n
Pragmatisch
pi_100608811
Google heeft een vrij chille fontservice, je selecteert bij hen de fonts die je wilt gebruiken. Krijgt een @-import regel die je aan het begin van je css-bestand zet en je hoeft alleen nog de naam tussen quotaties te zetten.

http://www.google.com/webfonts
“Specialization is for insects”.—Robert Heinlein
  donderdag 11 augustus 2011 @ 18:51:25 #238
42636 TheSeeker_NL
Damn fine coffee
pi_100610672
quote:
14s.gif Op donderdag 11 augustus 2011 18:02 schreef n8n het volgende:
Google heeft een vrij chille fontservice, je selecteert bij hen de fonts die je wilt gebruiken. Krijgt een @-import regel die je aan het begin van je css-bestand zet en je hoeft alleen nog de naam tussen quotaties te zetten.

http://www.google.com/webfonts
Dit werkt in elk geval erg gemakkelijk, niet precies het juiste font gevonden maar dan maar even genoegen nemen met iets minder. Wel heel fijn, niks installeren en maar 1 regel in de header en klaar! Super tip. Ga ik straks nog even die andere opties bekijken want enige nadeel is dat je vast zit aan de fonts van google, wel 200+ stuks weliswaar maar toch..
pi_100610732
quote:
0s.gif Op donderdag 11 augustus 2011 11:04 schreef MrNiles het volgende:

[..]

zoiets had ik ook al bedacht
hoe kan ik dat slim aanpakken? want ik wil niet aan elke foto apart een class oid gaan hangen. Niet erg voor 1x maar niet als ik redelijk foto's ga uploaden.

Sowieso iemand een goed voorbeeld van een goede opmaak+script voor een slideshow fotopagina?
Ik heb nu een overzichtspagina, met thumbs, als je daarop klikt krijg je een grotere foto die je door kan klikken naar de volgende foto
http://shiftingpixel.com/2008/03/03/smart-image-resizer/
combineer met lightbox ofzo et voilla.
zcflevo.nl
  donderdag 11 augustus 2011 @ 18:57:18 #240
230788 n8n
Pragmatisch
pi_100610908
quote:
0s.gif Op donderdag 11 augustus 2011 18:51 schreef TheSeeker_NL het volgende:

[..]

Dit werkt in elk geval erg gemakkelijk, niet precies het juiste font gevonden maar dan maar even genoegen nemen met iets minder. Wel heel fijn, niks installeren en maar 1 regel in de header en klaar! Super tip. Ga ik straks nog even die andere opties bekijken want enige nadeel is dat je vast zit aan de fonts van google, wel 200+ stuks weliswaar maar toch..
Is wel een nadeel inderdaad, ze moeten het hebben van de licentievrije fonts, worden er vast gestaag meer
“Specialization is for insects”.—Robert Heinlein
pi_100748918
quote:
0s.gif Op donderdag 11 augustus 2011 17:43 schreef PimD het volgende:
Zo simpel als MrNiles het schetst is het niet. (Bijna) iedere browser verwacht een ander font: voor IE6 e.d. heb je een EOT-file nodig etc. Ik zou gewoon gebruik maken van www.fontsquirrel.com - dat werkt over het algemeen verdomd goed, hoewel je natuurlijk gauw tegen problemen met licenties aan kunt lopen.
ow, ik dacht dat dit css3 common was, crossbrowser enzo
maar tis maar wat ik lees op andere pagina's
deze geeft wel veel info erover
http://randsco.com/index.php/2009/07/04/p680
  maandag 22 augustus 2011 @ 13:48:00 #242
1872 Jumparound
bedankt voor de vis
pi_101038615
Een onwijze noob vraag, maar ik moet hem toch stellen ;-)

Ik heb een output van een java script. Is het mogelijk om op basis van de output een style toe te wijzen?

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

sitePreset: 'site-dashboard',

shortName: 'test',

title: 'test',

description: 'Dit is een test',

isFavourite: true,

isSiteManager: true

},
Inorbit: zeg dat dan typluie triangeljosti
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
pi_101041301
Zoiets?
1
2
3
4
5		<a href='#' onclick='functietje("test");'>Verander stijl</a><br>

function functietje(e) {
    $('link').attr('href',e+'.css');
}
Wellicht moet je nog wel even filteren maar het werkt prima.
Functie kan je natuurlijk overal vandaan aanroepen.

Edit; wel jquery als dat geen probleem is.
  maandag 22 augustus 2011 @ 16:48:27 #244
1872 Jumparound
bedankt voor de vis
pi_101044955
quote:
7s.gif Op maandag 22 augustus 2011 15:08 schreef DaFan het volgende:
Zoiets?
[ code verwijderd ]

Wellicht moet je nog wel even filteren maar het werkt prima.
Functie kan je natuurlijk overal vandaan aanroepen.

Edit; wel jquery als dat geen probleem is.
ik denk dat ik iets vollediger moet zijn ;-)

dit is het stuk script:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18		<script type="text/javascript">//<![CDATA[
   new Alfresco.dashlet.MySites("${args.htmlid}").setOptions(
   {
      imapEnabled: ${imapServerEnabled?string},
      sites: [
<#if sites??>
   <#list sites as site>
      {
         sitePreset: '${site.sitePreset?js_string}',
         shortName: '${site.shortName?js_string}',
         title: '${site.title?js_string}',
         description: '${site.description?js_string}',
         isFavourite: ${site.isFavourite?string},
         <#if imapServerEnabled>isIMAPFavourite: ${site.isIMAPFavourite?string},</#if>
         isSiteManager: ${site.isSiteManager?string}
      }<#if (site_has_next)>,</#if>
   </#list>
</#if>

dus de uitvoer in de browser is
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		<div id="page_x002e_component-1-2_x002e_user_x007e_admin_x007e_dashboard"> 


<script type="text/javascript">//<![CDATA[

new Alfresco.dashlet.MySites("page_x002e_component-1-2_x002e_user_x007e_admin_x007e_dashboard").setOptions(

{

imapEnabled: false,

sites: [

{

sitePreset: 'site-dashboard',

shortName: 'test',

title: 'test',

description: '',

isFavourite: true,


isSiteManager: true

},

{

sitePreset: 'site-dashboard',

shortName: 'test2',

title: 'test2',

description: '',

isFavourite: true,


isSiteManager: true

}

en wil ik op basis van de 'title' een css style definiëren. dus voor title x (test1) een background image (test1.png)
voor test2 -> test2.png enz.

Ik besef me dat ik zodra ik een nieuwe site aanmaak ik ook de css moet updates met een nieuwe class voor de desbetreffende title, maar het aantal opties zijn beperkt, dus dat heb ik er wel voor over ;-)

zou dat mogelijk zijn?

en e.e.a. is gelinkt met my-sites.css
Inorbit: zeg dat dan typluie triangeljosti
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
pi_101048207
tuurlijk kun je gewoon met [title=test1] {background-image:url('test1.png'); werken, maar de vraag is of je dan niet de title-tag aan het misbruiken bent,.. Waarom niet gewoon een classname toevoegen?
zcflevo.nl
  dinsdag 23 augustus 2011 @ 10:06:51 #246
1872 Jumparound
bedankt voor de vis
pi_101075131
quote:
0s.gif Op maandag 22 augustus 2011 18:21 schreef KomtTijd... het volgende:
tuurlijk kun je gewoon met [title=test1] {background-image:url('test1.png'); werken, maar de vraag is of je dan niet de title-tag aan het misbruiken bent,.. Waarom niet gewoon een classname toevoegen?
ik zou wel willen, maar weet niet waar ik dat moet doen, in het stukje javescript?
Inorbit: zeg dat dan typluie triangeljosti
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
pi_101076750
quote:
0s.gif Op dinsdag 23 augustus 2011 10:06 schreef Jumparound het volgende:

[..]

ik zou wel willen, maar weet niet waar ik dat moet doen, in het stukje javescript?
...lees de documentatie?

Het is duidelijk een soortement library/plugin waar dit stukje code gebruik van maakt.
zcflevo.nl
pi_101117109
misschien met php ipv js?
  donderdag 25 augustus 2011 @ 12:15:01 #249
42636 TheSeeker_NL
Damn fine coffee
pi_101166054
Ugh okay, eerst content dan. Ik wilde gewoon even weten of ik hier de logische namen had gekozen.

Misschien even geduldig wachten op mijn boeken.

[ Bericht 97% gewijzigd door TheSeeker_NL op 25-08-2011 12:23:46 ]
pi_101166309
Wat moet je zeggen over semantiek als er nog geen content is? Helemaal niets eigenlijk. En al helemaal niet over 6 betekenisloze elementen zonder inhoud.

Als je het echt goed wilt doen en tevens in HTML5 wilt gaan verdiepen, doe dan ook de HTML5 semantiek-elementen gebruiken zou ik zeggen.
zcflevo.nl
pi_101210054
Hallo,

ik heb iemand beloofd op z'n website een paar foto's te zetten, hij heeft me de inloggegevens enzo van de webhosting gegeven, maar ik moet natuurlijk in kunnen loggen via de website. In het verleden waar ik mee gewerkt heb kon dit via http://www.naamwebsite.nl:2222 ik kan nu alleen inloggen via Argeweb.nl (de webhost) maar via die site kan ik nergens een manier vinden om de website aan te passen. Wat mis ik, en hoe kan ik de website aanpassen?

:@
  vrijdag 26 augustus 2011 @ 15:07:20 #252
42636 TheSeeker_NL
Damn fine coffee
pi_101218645
Ik keek even op deze website:

http://www.noupe.com/desi(...)s-and-tutorials.html

En nu ben ik benieuwd hoe de takken, headers en wortels aan de zijkant van de container zijn gedaan. Het ziet er erg straks uit namelijk en ik wil wel leren hoe zo iets moet eigenlijk.

Is het gewoon een background-image en laten ze het lijken alsof die bladeren achter de container zijn en overlapped worden, of zijn het losse images en wordt het zo gepositioneerd? (z-index ofzo?)

Iemand die een tipje van de sluier kan lichten voor mij?
pi_101218850
Rechtermuisknop View source?!
pi_101224900
quote:
11s.gif Op vrijdag 26 augustus 2011 12:10 schreef Gitaarmat het volgende:
Hallo,

ik heb iemand beloofd op z'n website een paar foto's te zetten, hij heeft me de inloggegevens enzo van de webhosting gegeven, maar ik moet natuurlijk in kunnen loggen via de website. In het verleden waar ik mee gewerkt heb kon dit via http://www.naamwebsite.nl:2222 ik kan nu alleen inloggen via Argeweb.nl (de webhost) maar via die site kan ik nergens een manier vinden om de website aan te passen. Wat mis ik, en hoe kan ik de website aanpassen?

:@
Gewoon, op de manier zoals de agreweb helpdesk je het uitgelegd heeft toen je contact met ze opnam hierover? Wat zouden wij daar aan toe moeten voegen?

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
zcflevo.nl
pi_101313128
Hoe kan ik dit: <img src="http://i.imgur.com/FoJFc.jpg" alt="" title="Hosted by imgur.com" /> laten linken naar http://jordykruse.nl/wordpress

Alvast dank :P
  zondag 28 augustus 2011 @ 23:00:39 #256
137776 boem-dikkie
Jedi Mind Baby!
pi_101313306
quote:
0s.gif Op zondag 28 augustus 2011 22:57 schreef j95 het volgende:
Hoe kan ik dit: <img data-src="http://i.imgur.com/FoJFc.jpg" style="visibility:hidden;" alt="" title="Hosted by imgur.com" /> laten linken naar http://jordykruse.nl/wordpress

Alvast dank :P
<a href="http://jordykruse.nl/wordpress"><img data-src="http://i.imgur.com/FoJFc.jpg" style="visibility:hidden;" alt="" title="Hosted by imgur.com" /></a>
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_101313359
Mijn dank is groot ^O^
  maandag 29 augustus 2011 @ 20:41:42 #258
220026 Treces
Hier had uw tekst kunnen staan
pi_101345225
Ik heb een div met images, en ik probeer deze images te animeren. Ik krijg ze alleen allemaal tegelijk naar beneden, terwijl ik ze individueel wil laten animeren.

1
2
3
4
5
6
7
8
9
10		#ribbons {
    position: absolute;
    left: 50%;
    width: 900px;
    margin-left: -450px;
    z-index: -333;
}
#ribbons img {
    margin-top: -80px;
}

1
2
3
4
5
6
7		$(document).ready(function(){
    $('#ribbons img').hover(function() {
        $(this).animate({ marginTop : '50px' });
    }, function() {
        $(this).animate({ marginTop : '-80px' });
    });
});

1
2
3
4
5		<div id="ribbons">
    <a href="#"><img class="android" src="images/day/ribbon_android.png"></a>
    <a href="#"><img class="twitter" src="images/day/ribbon_twitter.png"></a>
    <a href="#"><img class="date" src="images/day/ribbon_date.png"></a>
</div>

Wie helpt mij uit de brand?
pi_101347172
Je bind je events nu volgens mij aan de hele array met images, terwijl je ieder image los wilt animeren. Ik zou iets als

1
2
3		$('#ribbons img').each(
$(this).hover(function(){}, function(){});
)

proberen.
Nee.
pi_101347474
quote:
0s.gif Op maandag 29 augustus 2011 21:13 schreef PimD het volgende:
Je bind je events nu volgens mij aan de hele array met images, terwijl je ieder image los wilt animeren. Ik zou iets als
[ code verwijderd ]

proberen.
Dat idd.
  maandag 29 augustus 2011 @ 21:21:46 #261
220026 Treces
Hier had uw tekst kunnen staan
pi_101347689
Ook de each helpt niet..
1
2
3
4
5
6
7
8		    $('#ribbons img').each(function() {
        $(this).hover(function() {
            console.log(this);
            $(this).animate({ marginTop : '50px' });
        }, function() {
            $(this).animate({ marginTop : '-80px' });
        });
    });

Als ik "this" log in de console, krijg ik maar een enkele image

1<img class=​"android" src=​"images/​day/​ribbon_android.png" style=​"margin-top:​ -80px;​ ">​
  dinsdag 30 augustus 2011 @ 06:52:43 #262
4159 GI
Nee ik heet geen JOE
pi_101360534
Moet het niet $("#ribbons a img") zijn ?
pi_101363834
Is het mogelijk zonder CMS/veel PHPkennis een blog te implementeren op je site? Ik wil namelijk naast mijn portfolio een schetsblog, dus het hoeft helemaal niet uitgebreid te zijn, gewoon wekelijks wat schetsen en updates.

Als ik google op Blog on site of blog on portfolio vind ik eigenlijk niets nuttigs, behalve blogsites of top portfolio/blogsites...
pi_101365542
Je hebt wel PHP-scriptjes die een blog draaien in een flat file, maar die verschillen nogal in kwaliteit, ik zou niet zo een twee drie een goeie weten...
zcflevo.nl
  dinsdag 30 augustus 2011 @ 14:19:25 #265
87680 Mirel
Mirel wil een bongophone.
pi_101369453
Ik moet een mail nieuwsbrief maken en omdat ik dan niet css kan gebruiken en ook niet altijd divs heb ik gekozen voor tables (las op veel sites na dat dat ook veel beter is ivm met verschillende mailclients) samen met inline css.

Ik heb nu alles opgemaakt, maar ik heb afstanden tussen de verschillende cellen. Ik heb geprobeerd border="0"; te forceren in iedere cel maar dat werkt niet :P

Dit is de code:
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		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="100%" height="100%" border="0" 
style="
background: #3E3E3E;
background-image: url(images/bg.png);
background-repeat: no-repeat;
">
  <tr>
    <td>
        <table width="664" border="0" align="center">
          <tr>
            <td rowspan="5" width="27px" height="1150px" style="background-image: url(images/links.png);"> </td>
            <td width="570px" height="128px" style="background-image: url(images/header.gif);"> </td>
            <td rowspan="5" width="67px" height="1150px" style="background-image: url(images/rechts.png);"> </td>
          </tr>
          <tr>
            <td width="570px" height="403px" style="background-image: url(images/dushi.png);"> </td>
            </tr>
          <tr>
            <td width="570px" height="213px" style="background-image: url(images/cadeau.png);"> </td>
            </tr>
          <tr>
            <td width="570px" height="390px" style="background-image: url(images/message.png);"> </td>
            </tr>
          <tr>
            <td width="570px" height="16px" style="background-image: url(images/footer.gif);"> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>

</body>
</html>
When all else fails, you always have delusion.
pi_101370044
quote:
0s.gif Op dinsdag 30 augustus 2011 14:19 schreef Mirel het volgende:
Ik moet een mail nieuwsbrief maken en omdat ik dan niet css kan gebruiken en ook niet altijd divs heb ik gekozen voor tables (las op veel sites na dat dat ook veel beter is ivm met verschillende mailclients) samen met inline css.

Ik heb nu alles opgemaakt, maar ik heb afstanden tussen de verschillende cellen. Ik heb geprobeerd border="0"; te forceren in iedere cel maar dat werkt niet :P

Dit is de code:
[ code verwijderd ]

Volgens mij kun je best een beetje css gebruiken, alleen dingen als achtergrondafbeeldingen pakt hij niet goed. Dus classes en border="0" zou hij moeten pakken, dat was in ieder geval zo bij mijn vorige stage.
pi_101371274
Volgens mij is het verstandigst om alleen inline css te gebruiken. Maar je kunt het altijd proberen natuurlijk, als je outlook, thunderbird en wat wemail clients (gmail, hotmail, squirrel?) pakt om te testen, heb je het gros wel te pakken.
zcflevo.nl
  dinsdag 30 augustus 2011 @ 15:40:41 #268
87680 Mirel
Mirel wil een bongophone.
pi_101372462
hoe kan ik het testen eigenlijk? De mailmanager waar ik dit straks in ga zetten doet het momenteel niet.

Grappig dat juist het css wat ik gebruikte voor de achtergrond afbeeldingen is :')

Ik heb net geprobeerd padding 0 te forceren maar dat doet het niet.
When all else fails, you always have delusion.
pi_101372546
Ik heb nog nooit CSS-emails gemaakt maar het schijnt dat achtergrondafbeeldingen inderdaad problematisch zijn. En testen kun je door je creatie naar jezelf te mailen en in verschillende clients te openen.
zcflevo.nl
pi_101372620
quote:
0s.gif Op dinsdag 30 augustus 2011 15:40 schreef Mirel het volgende:
hoe kan ik het testen eigenlijk? De mailmanager waar ik dit straks in ga zetten doet het momenteel niet.

Grappig dat juist het css wat ik gebruikte voor de achtergrond afbeeldingen is :')

Ik heb net geprobeerd padding 0 te forceren maar dat doet het niet.
http://www.ehow.com/how_6515862_test-email-newsletter.html
http://biznik.com/article(...)t-and-test-some-more

Helpt dit? Ik heb het zelf nooit getest behalve in 1 client, was tijdverspilling (niet mijn woorden). Dus wel doen.

En juist achtergrondafbeeldingen doen het niet, alleen normale afbeeldingen geloof ik. Ook moeten ze wel ergens online staan dacht ik, anders werkt het ook niet lekker.
  dinsdag 30 augustus 2011 @ 19:40:48 #271
298746 Dalando
18, niet meer gefrustreerd
pi_101382101
quote:
0s.gif Op dinsdag 30 augustus 2011 11:01 schreef RenRen- het volgende:
Is het mogelijk zonder CMS/veel PHPkennis een blog te implementeren op je site? Ik wil namelijk naast mijn portfolio een schetsblog, dus het hoeft helemaal niet uitgebreid te zijn, gewoon wekelijks wat schetsen en updates.

Als ik google op Blog on site of blog on portfolio vind ik eigenlijk niets nuttigs, behalve blogsites of top portfolio/blogsites...
Natuurlich. Wordpress is heel simpel in gebruik. Zeker een aanrader.
Edit: http://nl.wordpress.org
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_101382563
quote:
0s.gif Op dinsdag 30 augustus 2011 15:42 schreef KomtTijd... het volgende:
Ik heb nog nooit CSS-emails gemaakt maar het schijnt dat achtergrondafbeeldingen inderdaad problematisch zijn. En testen kun je door je creatie naar jezelf te mailen en in verschillende clients te openen.
Achtergrondafbeeldingen zijn niet mogelijk, worden door vrijwel alle clients niet getoond/verwijderd. Inline styling, geslicede afbeeldingen en geneste tabellen etc zijn jammer genoeg nog steeds the way to go.
Nee.
pi_101382732
Achtergrondafbeelding in een email zou je niet moeten willen :'( .
  woensdag 31 augustus 2011 @ 06:37:59 #274
4159 GI
Nee ik heet geen JOE
pi_101399748
quote:
0s.gif Op dinsdag 30 augustus 2011 14:19 schreef Mirel het volgende:
Ik moet een mail nieuwsbrief maken en omdat ik dan niet css kan gebruiken en ook niet altijd divs heb ik gekozen voor tables (las op veel sites na dat dat ook veel beter is ivm met verschillende mailclients) samen met inline css.

Ik heb nu alles opgemaakt, maar ik heb afstanden tussen de verschillende cellen. Ik heb geprobeerd border="0"; te forceren in iedere cel maar dat werkt niet :P

Dit is de code:
[ code verwijderd ]

border-collapse:collapse;
in je table style zetten.
  woensdag 31 augustus 2011 @ 23:03:50 #275
87680 Mirel
Mirel wil een bongophone.
pi_101431783
quote:
3s.gif Op woensdag 31 augustus 2011 06:37 schreef GI het volgende:

[..]

border-collapse:collapse;
in je table style zetten.
Thanks, horizontaal is het weg maar verticaal blijf ik het behouden.
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		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="100%" height="100%" border="0" bgcolor="#3E3E3E" style="border-collapse:collapse;">
  <tr>
    <td>
        <table width="664" border="0" align="center">
          <tr>
            <td rowspan="5" width="27px" height="1150px" background= "images/links.png"> </td>
            <td width="570px" height="128px" background="images/header.gif"> </td>
            <td rowspan="5" width="67px" height="1150px" background="images/rechts.png"> </td>
          </tr>
          <tr>
            <td width="570px" height="403px" background="images/dushi.png"> </td>
            </tr>
          <tr>
            <td width="570px" height="213px" background="images/cadeau.png"> </td>
            </tr>
          <tr>
            <td width="570px" height="390px" background="images/message.png"> </td>
            </tr>
          <tr>
            <td width="570px" height="16px" background="images/footer.gif"> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>

</body>
</html>
When all else fails, you always have delusion.
  woensdag 31 augustus 2011 @ 23:57:07 #276
87680 Mirel
Mirel wil een bongophone.
pi_101434543
opgelost: cellpadding="0", cellspacing="0" :)
When all else fails, you always have delusion.
  donderdag 1 september 2011 @ 09:04:08 #277
42636 TheSeeker_NL
Damn fine coffee
pi_101440106
opgelost.

[ Bericht 99% gewijzigd door TheSeeker_NL op 02-09-2011 11:43:23 ]
  donderdag 1 september 2011 @ 09:09:31 #278
137776 boem-dikkie
Jedi Mind Baby!
pi_101440184
Height op auto zetten bij je container?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 1 september 2011 @ 10:08:53 #279
42636 TheSeeker_NL
Damn fine coffee
pi_101441208
opgelost.

[ Bericht 89% gewijzigd door TheSeeker_NL op 02-09-2011 11:43:02 ]
pi_101442300
quote:
7s.gif Op dinsdag 30 augustus 2011 19:40 schreef Dalando het volgende:

[..]

Natuurlich. Wordpress is heel simpel in gebruik. Zeker een aanrader.
Edit: http://nl.wordpress.org
Ik denk niet dat dat is wat ik wil, ik wil gewoon mijn eigen site bouwen in platte html en enkele PHP, en één pagina blog. Zonder CMS over de gehele site dus, kan dat ook?
  donderdag 1 september 2011 @ 11:03:22 #281
87680 Mirel
Mirel wil een bongophone.
pi_101442433
godverdomme tabellen moeten dood. Ik heb in een column boven een row gesplitst in 2en. De linker is 20px en de rechter 550px. Ergens in een andere column beneden wil ik ook splitsen, maar daar worden ze ook 20 en 550. Als ik die 20 dan verander naar bijv. 30, dan verandert het in de column er boven ook.

Ik heb dan maar een andere tabel in de cel gedonderd }:|

[ Bericht 21% gewijzigd door Mirel op 01-09-2011 11:09:29 ]
When all else fails, you always have delusion.
  dinsdag 6 september 2011 @ 17:34:40 #282
42636 TheSeeker_NL
Damn fine coffee
pi_101637753
Vraag verplaatst naar JS topic.
pi_101637815
Is dit niet meer iets voor dit topic? [Javascript] voor dummies (deel 12)
  dinsdag 6 september 2011 @ 17:37:55 #284
42636 TheSeeker_NL
Damn fine coffee
pi_101637872
quote:
0s.gif Op dinsdag 6 september 2011 17:36 schreef Tegan het volgende:
Is dit niet meer iets voor dit topic? [Javascript] voor dummies (deel 12)
Ik dacht dat dit ook js was, maar ik zal het daar wel posten anders :)
pi_101699308
quote:
0s.gif Op donderdag 1 september 2011 11:03 schreef Mirel het volgende:
godverdomme tabellen moeten dood. Ik heb in een column boven een row gesplitst in 2en. De linker is 20px en de rechter 550px. Ergens in een andere column beneden wil ik ook splitsen, maar daar worden ze ook 20 en 550. Als ik die 20 dan verander naar bijv. 30, dan verandert het in de column er boven ook.

Ik heb dan maar een andere tabel in de cel gedonderd }:|
Niet getest, maar volgens mij moet het wel op te lossen zijn
1
2
3
4		<table>
  <tr><td width="20">20</td><td colspan="2">rest</td></tr>
  <tr><td width="30" colspan="2">30</td><td>rest</td></tr>
</table>
Dan moet waarschijnlijk de tabel nog wel een breedte krijgen, of je moet de tweede <td> ook ergens een breedte geven. Op deze manier krijg je feitelijk 3 kolommen, een van 20, een van 10, en 1 met de rest. Op de eerste regel trek je de laatste 2 kolommen samen, op de tweede regel de eerste twee.
fokstok.nl
pi_101776429
Ik heb een probleem met de charset, ik weet niet of dit door HTML komt of door mijn database.

Ik ben een website aan het opzetten in de Turkse taal, de Turkse taal bevat onder andere:
1ç ğ ş ı ü

Ik gebruik utf8_turkish_ci voor mijn database, in de database worden deze tekens goed weergegeven.
Echter in HTML krijg ik '?' te zien, ik gebruik iso-8859-9 als charset, dit moet ook kloppen volgens verschillende websites.

1
2		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<meta http-equiv="Content-Language" content="tr" /> 
pi_101777720
quote:
0s.gif Op zaterdag 10 september 2011 03:29 schreef xaban06 het volgende:
Ik heb een probleem met de charset, ik weet niet of dit door HTML komt of door mijn database.

Ik ben een website aan het opzetten in de Turkse taal, de Turkse taal bevat onder andere:
[ code verwijderd ]

Ik gebruik utf8_turkish_ci voor mijn database, in de database worden deze tekens goed weergegeven.
Echter in HTML krijg ik '?' te zien, ik gebruik iso-8859-9 als charset, dit moet ook kloppen volgens verschillende websites.
[ code verwijderd ]

Als je in je database utf8 gebruikt, moet je dat ook in de html doen.
fokstok.nl
pi_101778091
quote:
0s.gif Op zaterdag 10 september 2011 10:05 schreef Light het volgende:

[..]

Als je in je database utf8 gebruikt, moet je dat ook in de html doen.
Wat is slim om te doen in dit geval?
Mijn database kent geen iso-* charset:
1
2
3
4
5		mysql> SHOW COLLATION LIKE 'ISO%';
Empty set (0.00 sec)

mysql> SHOW COLLATION LIKE 'iso%';
Empty set (0.00 sec)

Wel zie ik latin5_turkish_ci in de lijst staan, maar gaat dat werken? Bestaat ook in HTML?
pi_101778227
quote:
0s.gif Op zaterdag 10 september 2011 10:31 schreef xaban06 het volgende:

[..]

Wat is slim om te doen in dit geval?
Mijn database kent geen iso-* charset:
[ code verwijderd ]

Wel zie ik latin5_turkish_ci in de lijst staan, maar gaat dat werken? Bestaat ook in HTML?
gebruik voor je html character set eens utf-8
je gebruikt in je DB namelijk ook utf-8
pi_101778270
quote:
0s.gif Op zaterdag 10 september 2011 10:41 schreef mschol het volgende:

[..]

gebruik voor je html character set eens utf-8
je gebruikt in je DB namelijk ook utf-8
Dan krijg ik allemaal '?' waar een Turks character hoort te staan.
  zondag 11 september 2011 @ 11:09:31 #291
63192 ursel
"Het Is Hier Fantastisch!
pi_101809035
Aangezien er 2 javascript topics zijn. :')
Iemand een antwoord op mijn vraag? :7

[Javascript] voor dummies (deel 12)
pi_101823353
quote:
0s.gif Op zaterdag 10 september 2011 10:45 schreef xaban06 het volgende:

[..]

Dan krijg ik allemaal '?' waar een Turks character hoort te staan.
Met database in utf8 en html character encoding in utf8? Da's vreemd (en in je originele vraag was het anders).
fokstok.nl
pi_101833626
quote:
0s.gif Op zondag 11 september 2011 17:37 schreef Light het volgende:

[..]

Met database in utf8 en html character encoding in utf8? Da's vreemd (en in je originele vraag was het anders).
Het is opgelost. De mysql verbinding zelf moest ook de correcte charset gedefineerd hebben.
pi_101835939
quote:
0s.gif Op zondag 11 september 2011 21:16 schreef xaban06 het volgende:

[..]

Het is opgelost. De mysql verbinding zelf moest ook de correcte charset gedefineerd hebben.
Ahja, da's ook nog iets dat mis kan gaan :)
fokstok.nl
  woensdag 14 september 2011 @ 09:55:19 #295
341371 Ikbenmijnwachtwoordkwijt
En mijn email klopte niet
pi_101929958
Kan iemand mij alsjeblieft uitleggen waarom de div #main geen hoogte heeft?

Dit is de url waar ik op werk:

http://elearning.hotelsch(...)tise/295/advies.html

Als ik hem zelf hoogte geeft gaat het helemaal goed
  woensdag 14 september 2011 @ 10:01:23 #296
12221 Tijn
Powered by MS Paint
pi_101930075
Omdat je er alleen maar floatende elementen in hebt gezet. Als je wil dat div#main de hoogte krijgt in zo'n geval, moet je in je CSS-file vertellen dat 'ie overflowt. Dat gaat zo:

1
2
3
4		div#main
{
    overflow: auto;
}

Een andere oplossing is een extra element onder alle floatende elementen plaatsen, vlak voordat je div#main afsluit. Als dit een niet floatend block-type element is (bv div) waaraan je in je CSS "clear: both" meegeeft, krijgt div#main de hoogte van de inhoud van het element.

[edit] ik zie dat je in je code al divs met class clear hebt staan. Als je zo'n div ook plaatst vlak voordat je div#main afsluit, krijgt div#main de hoogte die je wil.

[ Bericht 16% gewijzigd door Tijn op 14-09-2011 10:07:04 ]
Verberg de nieuwsticker
  woensdag 14 september 2011 @ 10:19:02 #297
341371 Ikbenmijnwachtwoordkwijt
En mijn email klopte niet
pi_101930501
Thanks, dat hielp wel!

Maar bij andere divjes heb ik hetzelfde probleem, en ik krijg het zelfs met die clear niet goed ;(

http://elearning.hotelsch(...)tise/295/advies.html

In dit geval de #gastvrijheidsexpertisecolumn

Heb alles even er uit gehaald en alleen "hoi Tijn" ( ;) )er in gezet, maar het is alsnog de bedoeling dat hij 100% hoogte heeft

[ Bericht 7% gewijzigd door Ikbenmijnwachtwoordkwijt op 14-09-2011 10:26:56 ]
pi_102130831
Ik heb ruzie met een tabel, is t op de een of andere manier mogelijk om de tekst wat verder naar beneden te zetten zodat deze niet strak tegen de dashed line aan staat?
  maandag 19 september 2011 @ 09:53:06 #299
137776 boem-dikkie
Jedi Mind Baby!
pi_102131417
quote:
0s.gif Op maandag 19 september 2011 09:24 schreef Crientj het volgende:
Ik heb ruzie met een tabel, is t op de een of andere manier mogelijk om de tekst wat verder naar beneden te zetten zodat deze niet strak tegen de dashed line aan staat?
Padding.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  maandag 19 september 2011 @ 11:58:40 #300
42636 TheSeeker_NL
Damn fine coffee
pi_102134358
quote:
0s.gif Op maandag 19 september 2011 09:24 schreef Crientj het volgende:
Ik heb ruzie met een tabel, is t op de een of andere manier mogelijk om de tekst wat verder naar beneden te zetten zodat deze niet strak tegen de dashed line aan staat?
http://www.w3schools.com/css/css_padding.asp
  dinsdag 20 september 2011 @ 10:57:13 #301
37634 wobbel
Da WoBBeL King
pi_102173146
Ik heb een tabel met producten, en een tabel met verkocht.

Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-

Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011

Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?

Dus ongeveer dit:

Product A | 3x
Product B | 2x
Product C | 1x

Hoe doe ik dit ook alweer met SQL? :P
Hosted VoIP SIP trunks Vast mobiel VoIP
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] voor dummies #17
Index

» digital corner

» development

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