DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
IE8 in non compatibiliteits mode is errug relaxtquote:Op zaterdag 6 december 2008 14:11 schreef mcDavid het volgende:
Probeer het toch eens met active dan?droevig stuk software, dat IE...
Ja omdat'ie dan eindelijk een strict-modus heeft. Zoals de andere browsers al sinds 2003 ofzo.quote:Op zaterdag 6 december 2008 @ 15:15 schreef mschol het volgende:
[..]
IE8 in non compatibiliteits mode is errug relaxt
Kan je text links-onderaan een div zetten?
http://www.mirelmasic.nl/website/ Header en div is dan dit:
Als dit niet kan dan zal ik een andere approach moeten nemen voor de divs.
http://www.mirelmasic.nl/website/ Header en div is dan dit:
Als dit niet kan dan zal ik een andere approach moeten nemen voor de divs.
When all else fails, you always have delusion.
maar om eerlijk te zijn: in compatibiliteits modus kom ik bij m'n eigen css bar maar dan ook echt bar weinig tegen wat niet werkt... dus ik vraag me altijd maar weer af waarom men zo loopt te zeiken als het gewoon kan (en ik het kennelijk gewoon goed genoeg doe dat: a) alle browsers het snappen, b) W3c compliant is) enige zal zijn dat het misschien niet SEO isquote:Op zaterdag 6 december 2008 16:13 schreef mcDavid het volgende:
[..]
Ja omdat'ie dan eindelijk een strict-modus heeft. Zoals de andere browsers al sinds 2003 ofzo.
Ik zou ze gewoon met margins uitlijnen zodat ze ongeveer onderaan staan.quote:Op zondag 7 december 2008 @ 23:02 schreef Mirel het volgende:
Kan je text links-onderaan een div zetten?
http://www.mirelmasic.nl/website/ Header en div is dan dit:
[afbeelding]
Als dit niet kan dan zal ik een andere approach moeten nemen voor de divs.
Als je ze om wat voor reden dan ook echt van onderaf uit wilt lijnen, gebruik position:absolute; bottom:0;
Handigste is als je ze even in een div zet, en die uitlijnt..
[ Bericht 2% gewijzigd door mcDavid op 07-12-2008 23:52:55 (oeh, zin niet afgemaakt :') ]
IE7 doet het al behoorlijk prima idd, maar is nog steeds niet volledig strict op sommige punten. Maar in ieder geval de búgs zijn er voor een groot deel uit.quote:
[..]
maar om eerlijk te zijn: in compatibiliteits modus kom ik bij m'n eigen css bar maar dan ook echt bar weinig tegen wat niet werkt... dus ik vraag me altijd maar weer af waarom men zo loopt te zeiken als het gewoon kan (en ik het kennelijk gewoon goed genoeg doe dat: a) alle browsers het snappen, b) W3c compliant is) enige zal zijn dat het misschien niet SEO is
Hoi iedereen,
Ik ben bezig met een website en ik heb een probleem waar ik maar niet uitkom... Op de volgende website is er iets raars aan de hand. Iedere keer dat ik klik op een afbeelding waar een link aan zit verspringt deze op de pagina, alsof de margin onclick veranderd... erg vervelend, dus ik hoopte dat hier iemand er een blik op zou kunnen werpen.
Kleine disclaimer: let niet op het gebruik van tables ipv div's etc
http://www.elckwatwils.nl/test_new/test.html
http://www.elckwatwils.nl/test_new/css.css
Testomgeving:
-Max OSX met FF2
Alvast tnx!
Ik ben bezig met een website en ik heb een probleem waar ik maar niet uitkom... Op de volgende website is er iets raars aan de hand. Iedere keer dat ik klik op een afbeelding waar een link aan zit verspringt deze op de pagina, alsof de margin onclick veranderd... erg vervelend, dus ik hoopte dat hier iemand er een blik op zou kunnen werpen.
Kleine disclaimer: let niet op het gebruik van tables ipv div's etc
http://www.elckwatwils.nl/test_new/test.html
http://www.elckwatwils.nl/test_new/css.css
Testomgeving:
-Max OSX met FF2
Alvast tnx!
klopt, precies zoals je in de CSS aangeeft:
| 1 2 3 4 5 6 7 8 9 10 11 | font-family: "Trebuchet MS", Arial; font-size: 12px; padding-left: 15px; <----------------------- padding-right:15px; <----------------------- font-weight: normal; color: #561420; text-decoration:none; font-weight:bold; border:0px; } |
Ja maar dat heeft toch alleen betrekking op het menu? Daar is niks mis mee, ook als ik het verwijder blijven de afbeeldingen onclick verplaatsen...
Dat heeft betrekking op alle linkjes in het menu en op alle a:hover en a:active elementen.quote:Op dinsdag 9 december 2008 10:19 schreef ludeau het volgende:
Ja maar dat heeft toch alleen betrekking op het menu? Daar is niks mis mee, ook als ik het verwijder blijven de afbeeldingen onclick verplaatsen...
sowieso is je CSS een redelijk onoverzichtelijke brei geworden.
Het kan inderdaad soms handig zijn om verschillende items in één keer te defineren, of juist om eenzelfde item een aantal keer. Maar ik zou voorlopig gewoon ieder item op je pagina één keer apart in de CSS zetten. Dan zie je tenminste wat je doet.
Later kun je altijd nog besluiten sommige dingen samen te voegen of te splitsen.
Het kan inderdaad soms handig zijn om verschillende items in één keer te defineren, of juist om eenzelfde item een aantal keer. Maar ik zou voorlopig gewoon ieder item op je pagina één keer apart in de CSS zetten. Dan zie je tenminste wat je doet.
Later kun je altijd nog besluiten sommige dingen samen te voegen of te splitsen.
Ik ben op dit moment een website aan het maken waarbij het veel code gaat schelen als ik gebruik kan maken van dotted notation in css en multiple classes, dus <div class="classa classb"> en vervolgens div.classa.classb {} in de sheet gebruiken. Nou weet ik dat IE6 dotted notation niet ondersteunt (multiple classes wel), en hoe erg ik die browser ook haat, ik moet hem blijven ondersteunen. Ik vroeg me af of iemand toevallig op de hoogte is van een javascriptje, of een andere methode, om die support er in te hacken? 
De vraag is denk ik of je de presentatie af wilt laten hangen van het gebruik van Javascript. Dit is net iets meer dan een cosmetische verbetering m.b.v. Javascript (zoals rounded corners, etc), omdat je je hele design hiermee potentieel kan verneuken in een IE6 zonder JS. Als je dat wil gaan afvangen door netjes te "degraden" voor IE6 zonder JS dan kun je het beter meteen zonder doen
Een script ken ik niet, maar als het er is moet er makkelijk op te googlen zijn toch?
Een script ken ik niet, maar als het er is moet er makkelijk op te googlen zijn toch?
Volgens mij is de enige oplossing om dit in IE6 te laten werken het maken van een nieuwe, gecombineerde class.
Dus in plaats van <div class="classa classb"> en div.classa.classb maak je dan het volgende:
Niet echt optimaal, maar voor zover ik weet de enige oplossing.
Dus in plaats van <div class="classa classb"> en div.classa.classb maak je dan het volgende:
| 1 2 3 4 5 6 7 | div.classa { } div.classb { } div.classa_classb { } HTML: <div class="classa_classb"> |
Niet echt optimaal, maar voor zover ik weet de enige oplossing.
Opzich geen probleem, maar het hele principe dat class b dan een aantal properties van class a overschrijft is weg..
Amen.quote:Op woensdag 10 december 2008 10:19 schreef Intrepidity het volgende:
De dag dat IE6 nog <5% marktaandeel heeft spring ik een gat in de lucht
Is er niet iets als Sass voor PHP? Dat gebruik ik altijd in Rails projecten, en dan kun je simpel class1 en class2 includen in class1_class2. Overerving werkt dan gewoon, en je hebt geen duplicate code.
www.mirelmasic.nl/matrozenkoor
http://www.mirelmasic.nl/oude/website-oud/ (IE)
Uiteindelijk is dus zoals in 1e link geworden. Weet iemand nog ideeën om dit wat meer pro te laten ogen? Het ziet er zo amateuristisch uit
http://www.mirelmasic.nl/oude/website-oud/ (IE)
Uiteindelijk is dus zoals in 1e link geworden. Weet iemand nog ideeën om dit wat meer pro te laten ogen? Het ziet er zo amateuristisch uit
When all else fails, you always have delusion.
Kleiner en ander font in het menu bovenaan, dit lijkt wel comic sans.. Ik kan het niet helemaal plaatsen maar de kleuren van de box aan de rechterkant kloppen niet helemaal, en daarnaast is de tekst die daarin staat slecht leesbaar.
Daarnaast:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mirelmasic.nl%2Fmatrozenkoor%2Fcontact.html
Daarnaast:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mirelmasic.nl%2Fmatrozenkoor%2Fcontact.html
Er moeten plaatjes van schelpen en aangespoelde ankers en visnetten enzo op het strand!quote:Op woensdag 10 december 2008 @ 17:41 schreef Mirel het volgende:
www.mirelmasic.nl/matrozenkoor
http://www.mirelmasic.nl/oude/website-oud/ (IE)
Uiteindelijk is dus zoals in 1e link geworden. Weet iemand nog ideeën om dit wat meer pro te laten ogen? Het ziet er zo amateuristisch uit
Leuk dat je ziet dat het een strand en zee moet voorstellen, was precies mijn bedoeling.quote:Op woensdag 10 december 2008 18:45 schreef mcDavid het volgende:
[..]
Er moeten plaatjes van schelpen en aangespoelde ankers en visnetten enzo op het strand!
Maar dat op een handige javascript manier? Lijkt me niet zo makkelijk met divs kloten eerlijk gezegd...
En nou snap ik het verschil tussen id's en classes wel.
Zal dat nog gaan veranderenedit: da's klaar.
He wat is de css code om text gewoon te forceren onder elkaar te komen? Nou heb ik een list bij de agenda, maar als ik de lettertype kleiner doe, dan komt de text naast elkaar, gewoon omdat er genoeg ruimte is.
[ Bericht 18% gewijzigd door Mirel op 11-12-2008 11:38:26 ]
When all else fails, you always have delusion.
Ik heb nog nooit gehoord van "jingle-bells" of "chrsitmas-tree" CSS properties. Met andere woorden: wat heeft dit met CSS te maken 
hij wil waarschijnlijk sneeuwvlokjes of lampjes rond de site hebben oid?quote:Op zondag 21 december 2008 11:16 schreef Roy_T het volgende:
Ik heb nog nooit gehoord van "jingle-bells" of "chrsitmas-tree" CSS properties. Met andere woorden: wat heeft dit met CSS te maken
http://www.schillmania.com/projects/snowstorm/
Nou misschien meer met 'opmaak' danquote:Op zondag 21 december 2008 11:16 schreef Roy_T het volgende:
Ik heb nog nooit gehoord van "jingle-bells" of "chrsitmas-tree" CSS properties. Met andere woorden: wat heeft dit met CSS te maken
Hoe kan ik het menu fixen in Internet Explorer? Het menu van 'Tentoonstellingen' loopt daar maar tot net aan de content, dan valt ie erachter..
De site
Bij voorbaat dank!
De site
Bij voorbaat dank!
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Ik doe al behoorlijk lang puur ontwerp in photoshop, waarna ik die doorgeef aan een slicer/coder, maar begin dat toch wel zonde te vinden, dus vandaar dat ik nu deze tutorial volgl:
http://css-tricks.com/vid(...)age-1/#comment-43161
Tot min. 15 gaat het prima, maar op een gegeven moment laat hij even als voorbeeldje zien of z'n background image het doet. Bij mij geeft hij echter geen enkele blijk van het ook openen van de CSS.
Mijn site is wel anders opgebouwd dan die van hem en dat was ik van plan daarom een beetje op mijn eigen manier te gaan doen, maar dan zou hij op zijn minst toch gewoon mijn plaatje moeten laten zien, waar ik naar verwijs?
Heb hier een zipje voor wat meer opheldering, heb de PSD er voor de leukigheid even bijgedaan. Heb hem expres simpel gehouden, zodat het niet te ingewikkeld was voor het codeerwerk.
Link:
http://www.megaupload.com/?d=DH9MR7U4
Bij voorbaat dank
http://css-tricks.com/vid(...)age-1/#comment-43161
Tot min. 15 gaat het prima, maar op een gegeven moment laat hij even als voorbeeldje zien of z'n background image het doet. Bij mij geeft hij echter geen enkele blijk van het ook openen van de CSS.
Mijn site is wel anders opgebouwd dan die van hem en dat was ik van plan daarom een beetje op mijn eigen manier te gaan doen, maar dan zou hij op zijn minst toch gewoon mijn plaatje moeten laten zien, waar ik naar verwijs?
Heb hier een zipje voor wat meer opheldering, heb de PSD er voor de leukigheid even bijgedaan. Heb hem expres simpel gehouden, zodat het niet te ingewikkeld was voor het codeerwerk.
Link:
http://www.megaupload.com/?d=DH9MR7U4
Bij voorbaat dank
IE is een ramp met z-index enzo.quote:Op zondag 21 december 2008 @ 17:46 schreef donroyco het volgende:
Hoe kan ik het menu fixen in Internet Explorer? Het menu van 'Tentoonstellingen' loopt daar maar tot net aan de content, dan valt ie erachter..
De site
Bij voorbaat dank!
Google eens op haslayout... en geef sowieso #header en # content beide position:relative (zonder daadwerkelijke positie) en een Z-index. #header dan de hoogste natuurlijk.
-edit-
misschien juist position:relative van content weghalen... dat zou wel eens juist kunnen zijn waar IE over struikelt in dit geval...
stylesheet hoort ín de head, niet net eronder.quote:Op maandag 22 december 2008 @ 22:47 schreef Mindstate het volgende:
Ik doe al behoorlijk lang puur ontwerp in photoshop, waarna ik die doorgeef aan een slicer/coder, maar begin dat toch wel zonde te vinden, dus vandaar dat ik nu deze tutorial volgl:
http://css-tricks.com/vid(...)age-1/#comment-43161
Tot min. 15 gaat het prima, maar op een gegeven moment laat hij even als voorbeeldje zien of z'n background image het doet. Bij mij geeft hij echter geen enkele blijk van het ook openen van de CSS.
Mijn site is wel anders opgebouwd dan die van hem en dat was ik van plan daarom een beetje op mijn eigen manier te gaan doen, maar dan zou hij op zijn minst toch gewoon mijn plaatje moeten laten zien, waar ik naar verwijs?
Heb hier een zipje voor wat meer opheldering, heb de PSD er voor de leukigheid even bijgedaan. Heb hem expres simpel gehouden, zodat het niet te ingewikkeld was voor het codeerwerk.
Link:
http://www.megaupload.com/?d=DH9MR7U4
Bij voorbaat dank
Verder is het praktischer als je je voorbeelden ergens online zet (everyoneweb ofzo voor gratis) en als je je HTML duidelijk indent...
Dank voor je antwoordquote:
[..]
IE is een ramp met z-index enzo.
Google eens op haslayout... en geef sowieso #header en # content beide position:relative (zonder daadwerkelijke positie) en een Z-index. #header dan de hoogste natuurlijk.
-edit-
misschien juist position:relative van content weghalen... dat zou wel eens juist kunnen zijn waar IE over struikelt in dit geval...
Ik ga het eens proberen
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
ooooh, je wilt niet weten hoe lang ik er mee bezig ben geweest om te kijken wat er mis was, bedanktquote:Op maandag 22 december 2008 23:06 schreef mcDavid het volgende:
[..]
stylesheet hoort ín de head, niet net eronder.
Verder is het praktischer als je je voorbeelden ergens online zet (everyoneweb ofzo voor gratis) en als je je HTML duidelijk indent...
en met indenten bedoel je het soms gebruiken van tabjes en witregels zodat het duidelijker is om iets op te zoeken?
Ik heb het nu in de head zo staan:
| 1 2 3 4 5 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css"/> <title>ForumPost.nl - Een kickstart voor je forum!</title> </head> |
en de style.css als:
| 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 | /* CSS Document */ /*RESETS AND BASIC PAGE SETUP*/ *{margin: 0; padding: 0; } html {overflow-y: scroll; } body { font: 62,5% Verdana, sans-serif; background: url;(images/bodybg.jpg); top left repeat; } ul {list-style: none inside; } p {font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; } a {outline: none; } a img {border: none; } /* END RESET */ /* TOOLBOX */ .floatleft {float: left; } .floatright {float: right; } .clear {clear: both; } /* END TOOLBOX */ /* STRUCTURE AND STUFF */ #page-wrap { width: 775px; margin: 0 auto; } /* END STRUCTURE */ |
maar wil hem nog steeds niet weergeven
Bij background hoort na url geen ; te staan. De url die je opgeeft is normaal gesproken relatief ten opzichte van het css-bestand. Dat gaat wel goed hier, omdat ze beide in dezelfde directory staan. Het stukje "top left repeat;" is overbodig, omdat het de standaardwaarde is. Als je het wilt specificeren moet er geen puntkomma voor staan, alleen achter.quote:
[..]
ooooh, je wilt niet weten hoe lang ik er mee bezig ben geweest om te kijken wat er mis was, bedankt :D
en met indenten bedoel je het soms gebruiken van tabjes en witregels zodat het duidelijker is om iets op te zoeken?
Ik heb het nu in de head zo staan:
[ code verwijderd ]
en de style.css als:
[ code verwijderd ]
maar wil hem nog steeds niet weergeven :{
En ik zou html en body altijd samen pakken. Ook zou ik de initiele fontgrootte met een absolute waarde specificeren (dus in px, niet in % of em ofzo). Voor andere elementen kan een relatieve grootte wel.
| 1 2 3 4 | font: 10px Verdana, sans-serif; background: url(images/bodybg.jpg); } |
Tip: Om fouten in een css-bestand op te sporen, kun je gebruik maken van een css-validator. Die hoort geen fouten te vinden (tenzij je bewust gebruik maakt van css hacks voor sommige browsers).
installeer sowieso even de Web Developer firefox addon, maakt het leven een stuk makkelijker!quote:Op dinsdag 23 december 2008 @ 12:44 schreef Mindstate het volgende:
Oh, het lag dus aan die ;, bedankt.
Ook bedankt voor die CSS Validator, kan nog goed van pas komen
-edit-
mcDavid hier dus
Tenzij je relatieve waarden wilt gebruiken, want dan zou bijvoorbeeld "75%" betekenen dat de <body> een grootte heeft van 75% van de 75% van de <html>.quote:Op dinsdag 23 december 2008 04:01 schreef Light het volgende:
En ik zou html en body altijd samen pakken.
Tenzij je wilt dat de lettergrootte fatsoenlijk te resizen is in IE6quote:Ook zou ik de initiele fontgrootte met een absolute waarde specificeren (dus in px, niet in % of em ofzo). Voor andere elementen kan een relatieve grootte wel.
Een jaar geleden was dat wel een goed punt, maar tegenwoordig heb ik zoiets van als je slecht ziend bent installeer je maar IE7quote:Op dinsdag 23 december 2008 @ 15:00 schreef Roy_T het volgende:
[..]
Tenzij je wilt dat de lettergrootte fatsoenlijk te resizen is in IE6
Kan iemand mij uitleggen waarom
niet werkt?
Het hoort volgens mij te werken (in firefox natuurlijk) . Ik wil dus elke ifframe op de site ronde hoeken geven
| 1 2 3 4 | -moz-border-radius: 5px; -webkit-border-radius: 5px; } |
Het hoort volgens mij te werken (in firefox natuurlijk) . Ik wil dus elke ifframe op de site ronde hoeken geven
Hoe kun je via css ingeven dat een bepaald plaatje altijd recht onder een ander plaatje staat? Ik doe het nu via het opgeven van het aantal pixels dat alle plaatjes van de randen moeten staan, maar dat is op een gegeven moment geen doen meer. Stel ik wil plaatje B onder plaatje A hebben, hoe stel ik dit in?
Alle plaatjes samen in een div zetten?quote:Op dinsdag 23 december 2008 @ 18:16 schreef Mindstate het volgende:
Hoe kun je via css ingeven dat een bepaald plaatje altijd recht onder een ander plaatje staat? Ik doe het nu via het opgeven van het aantal pixels dat alle plaatjes van de randen moeten staan, maar dat is op een gegeven moment geen doen meer. Stel ik wil plaatje B onder plaatje A hebben, hoe stel ik dit in?
Beetje vaag probleem zo, zonder voorbeeld.
Het lijkt me het meest waarschijnlijk dat border-radius op iframes niet ondersteund worden. Sowieso werkt dit alleen in firefox, safari en chrome, maar dat weet je heh?quote:Op dinsdag 23 december 2008 @ 18:13 schreef hello_moto1992 het volgende:
Kan iemand mij uitleggen waarom
[ code verwijderd ]
niet werkt?
Het hoort volgens mij te werken (in firefox natuurlijk) . Ik wil dus elke ifframe op de site ronde hoeken geven
Dan nog. Het gaat er om hoe groot de letters uiteindelijk worden. En of je een effect nou bereikt door 75% of door 87% op te geven, doet dan niet echt ter zake. Daarbij, als je een relatieve fontgrootte opgeeft, wat is dan je uitgangspunt? Relatief is immers altijd ten opzichte van iets anders.quote:
[..]
Tenzij je relatieve waarden wilt gebruiken, want dan zou bijvoorbeeld "75%" betekenen dat de <body> een grootte heeft van 75% van de 75% van de <html>.
Dan gebruik je daar maar een andere browser voor. Ik ga geen rekening houden met alle problemen van alle prehistorische browsers.quote:Tenzij je wilt dat de lettergrootte fatsoenlijk te resizen is in IE6
Ja dat weet ikquote:Op dinsdag 23 december 2008 18:20 schreef mcDavid het volgende:
[..]
Alle plaatjes samen in een div zetten?
Beetje vaag probleem zo, zonder voorbeeld.
[..]
Het lijkt me het meest waarschijnlijk dat border-radius op iframes niet ondersteund worden. Sowieso werkt dit alleen in firefox, safari en chrome, maar dat weet je heh?
Toch jammer dat het dan niet kan [ Bericht 8% gewijzigd door hello_moto1992 op 23-12-2008 18:34:01 ]
@mcDavid
"position: relative" weghalen heeft geholpen
Dank!
"position: relative" weghalen heeft geholpen
Dank!
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Heb het geheel even geupload, misschien dat het zo wat duidelijker is:quote:Op dinsdag 23 december 2008 18:20 schreef mcDavid het volgende:
[..]
Alle plaatjes samen in een div zetten?
Beetje vaag probleem zo, zonder voorbeeld.
[..]
Het lijkt me het meest waarschijnlijk dat border-radius op iframes niet ondersteund worden. Sowieso werkt dit alleen in firefox, safari en chrome, maar dat weet je heh?
http://www.forumpost.nl/
Ik heb dat eerste plaatje (het logo) in een div gezet en ingesteld dat hij een bep. aantal pixels vanaf de top moet zijn. Nu heb ik nog een plaatje, waarvan ik wil dat hij recht onder dat logo kom, hoe dat dan in te stellen.
[ Bericht 14% gewijzigd door Mindstate op 23-12-2008 18:57:04 ]
In welke browser heb je dat getestquote:
[..]
Heb het geheel even geupload, misschien dat het zo wat duidelijker is:
http://www.forumpost.nl/
Ik heb dat eerste plaatje (het logo) in een div gezet en ingesteld dat hij een bep. aantal pixels vanaf de top moet zijn. Nu heb ik nog een plaatje, waarvan ik wil dat hij recht onder dat logo kom, hoe dat dan in te stellen.
Het ziet er in iedere browser namelijk anders uit en bij geeneen heb ik het idee dat het zo hoort...
Ik zou eerst eens kijken naar je.css, die is namenlijk best een rotzooi.quote:Op dinsdag 23 december 2008 18:44 schreef Mindstate het volgende:
[..]
Heb het geheel even geupload, misschien dat het zo wat duidelijker is:
http://www.forumpost.nl/
Ik heb dat eerste plaatje (het logo) in een div gezet en ingesteld dat hij een bep. aantal pixels vanaf de top moet zijn. Nu heb ik nog een plaatje, waarvan ik wil dat hij recht onder dat logo kom, hoe dat dan in te stellen.
Sowieso moet je nooit
| 1 2 3 4 | margin: 0; padding: 0; } |
gebruiken. Beste kun je margin en padding op 0 zetten in je body { }.
Ook moet je <ul> in een aparte div, deze zit nu gewoon los in de div met id: page-wrap. Deze zal dus gewoon bovenaan gezet worden.
Mijn tip(s):
- doe alles wat je op een andere positie wilt hebben een een div en geef deze een herkanbaae naam.
- geef deze divjes een border zodat je beter kunt zien waar ze staan.
- doe alles 1 voor 1 en kijk daarna pas hoe je de elementen in deze divs gaat stylen.
Let ook eens op > als je een <div opent. Zou zomaar kunnen helpen.quote:
[..]
Heb het geheel even geupload, misschien dat het zo wat duidelijker is:
http://www.forumpost.nl/
Ben het er mee eens dat je dat 'resetten' beter achterwege kunt laten.quote:Op dinsdag 23 december 2008 @ 23:14 schreef Spike1506 het volgende:
[..]
Ik zou eerst eens kijken naar je.css, die is namenlijk best een rotzooi.
Sowieso moet je nooit * { margin: 0; padding: 0; } gebruiken. Beste kun je margin en padding op 0 zetten in je body { }.
Ook moet je <ul> in een aparte div, deze zit nu gewoon los in de div met id: page-wrap. Deze zal dus gewoon bovenaan gezet worden.
Mijn tip(s):
- doe alles wat je op een andere positie wilt hebben een een div en geef deze een herkanbaae naam.
- geef deze divjes een border zodat je beter kunt zien waar ze staan.
- doe alles 1 voor 1 en kijk daarna pas hoe je de elementen in deze divs gaat stylen.
Je eerste tip ben ik het absolúút niet mee eens, klakkeloos alles in losse divjes gooien is onzin. Een list wordt al omvat door ul dus nergens voor nodig ook. Sterker nog ik zou die divjes om de img's ook weghalen. Of nog beter de img's weghalen en achtergrondafbeeldingen van maken.
Andere twee tips zijn wel weer hele goeie.
Wat als je de betreffende iframe(s) nu een id/class meegeeft om daarna deze id/class te stylen in je .css?quote:Op dinsdag 23 december 2008 18:13 schreef hello_moto1992 het volgende:
Kan iemand mij uitleggen waarom
[ code verwijderd ]
niet werkt?
Het hoort volgens mij te werken (in firefox natuurlijk) . Ik wil dus elke ifframe op de site ronde hoeken geven
Er is geen enkele reden om een extra <div> om een <ul> te zetten. Een <ul> kun je gewoon een id geven en stylen, het is gewoon een blokelement. Voor de plaats op het scherm is een extra <div> dus niet nodig.quote:
Ook moet je <ul> in een aparte div, deze zit nu gewoon los in de div met id: page-wrap. Deze zal dus gewoon bovenaan gezet worden.
Hij was sowieso nog lang niet klaar, ik was alleen bezig met het in elkaar zetten van het geheel, toen ik er maar niet uitkwam hoe je simpelweg een plaatje onder een ander plaatje zet.quote:Op dinsdag 23 december 2008 19:34 schreef mcDavid het volgende:
[..]
In welke browser heb je dat getest
Allemaal heel erg bedankt voor jullie hulp, maar aangezien dit echt mijn eerste site is, is een heleboel voor mij nog echt abracadabra, ik gebruik deze tutorial: http://css-tricks.com/vid(...)age-1/#comment-43161
heb direct zijn stappen opgevolgd, waarbij ik er dus vanuit ging dat dit juist wel goed zou werken, maar niet dus
Ik zal kijken of ik iets van de opmerkingen kan bakken (als in; erachter komen wat ze betekenen)
Tip: www.w3schools.com, start reading
-edit-
en begin met de tip van spike: alle elementen een achtergrondkleurtje geven (hoe lelijk ook) zodat je kunt zien wat er gebeurt.
-edit-
en begin met de tip van spike: alle elementen een achtergrondkleurtje geven (hoe lelijk ook) zodat je kunt zien wat er gebeurt.
Weet er iemand nog goede open source systemen? Ik heb al een layout en wil een CMS systeem die het mogelijk maakt om:
-Content toe te voegen in elke pagina (ook video, dacht eraan om youtube te linken/embedden)
-Agenda kunnen beheren
-Een login hebben met beveiligde paginas
Er moet ook nog een contact- en boekingsformulier in maar die lukken mij nog wel aan de hand van tutorials.
Ik ben wat dat betreft absoluut een leek in PHP. Heb niet echt een idee wat voor database ik me er bij moe voorstellen ook.
Heb op school gewerkt met Joomla, maar dat vond ik niet echt duidelijk een kut programma, en ook een keertje met Drupal. Maar ik heb dus al een layout en ik weet niet of het zo slim is om dan de layout om te zetten in een van de skins ofzo van de bovengenoemde cms systemen.
Ik zit nu te kijken naar Xoops, eens kijken of dat iets zal worden
[ Bericht 2% gewijzigd door Mirel op 24-12-2008 13:02:39 ]
-Content toe te voegen in elke pagina (ook video, dacht eraan om youtube te linken/embedden)
-Agenda kunnen beheren
-Een login hebben met beveiligde paginas
Er moet ook nog een contact- en boekingsformulier in maar die lukken mij nog wel aan de hand van tutorials.
Ik ben wat dat betreft absoluut een leek in PHP. Heb niet echt een idee wat voor database ik me er bij moe voorstellen ook.
Heb op school gewerkt met Joomla, maar dat vond ik niet echt duidelijk een kut programma, en ook een keertje met Drupal. Maar ik heb dus al een layout en ik weet niet of het zo slim is om dan de layout om te zetten in een van de skins ofzo van de bovengenoemde cms systemen.
Ik zit nu te kijken naar Xoops, eens kijken of dat iets zal worden
[ Bericht 2% gewijzigd door Mirel op 24-12-2008 13:02:39 ]
When all else fails, you always have delusion.
Wat dacht je van Joomla, Mirel? Het is misschien niet duidelijk in het begin, maar bij elk CMS-systeem is dat lastig
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Bedankt, heb nu alles een achtergrond kleur gegeven, maar staat allemaal nog compleet random in de layout (niet geupload), hoe kan ik het dan netjes op de goede plekken zetten, heb op die site zitten zoeken maar daar zag ik alleen uitleg over de absolute positie.quote:Op dinsdag 23 december 2008 23:39 schreef mcDavid het volgende:
Tip: www.w3schools.com, start reading
-edit-
en begin met de tip van spike: alle elementen een achtergrondkleurtje geven (hoe lelijk ook) zodat je kunt zien wat er gebeurt.
eerst eens valide html maken, dan maak je het jezelf een stuk makkelijkerquote:
[..]
Bedankt, heb nu alles een achtergrond kleur gegeven, maar staat allemaal nog compleet random in de layout (niet geupload), hoe kan ik het dan netjes op de goede plekken zetten, heb op die site zitten zoeken maar daar zag ik alleen uitleg over de absolute positie.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.forumpost.nl%2F
Daarna, positioneren doe je door na te denken over je float. Als je je HTML goed semantisch hebt opgebouwd zul je met de CSS-eigenschappen float, margin en clear vrijwel alles kunnen bereiken wat je wilt.
als je nou eens begint met alle overbodige info uit je post te halen, of nog beter met een testcase maken, gaat het een stuk sneller.
Het lijkt mij ingewikkeld om het er in te doen in verband met verschillende stijlen.
[ Bericht 18% gewijzigd door hello_moto1992 op 31-12-2008 13:52:44 ]
[ Bericht 18% gewijzigd door hello_moto1992 op 31-12-2008 13:52:44 ]
Ik heb een aantal erg kleine plaatjes, en ik las dat het ivm het aantal http requests interessant is om de 'code' van die plaatjes dan in je html te droppen. Kan zoiets ook in je CSS?
Het probleem is dat ik niet meer weet hoe je dat ookweer noemt, en dat ik het niet bij elkaar gegoogled krijg.
Het probleem is dat ik niet meer weet hoe je dat ookweer noemt, en dat ik het niet bij elkaar gegoogled krijg
.
Ikke zoeken jongen!
http://nl.wikipedia.org/wiki/Inline_image
Heb het dus gevonden!
.
Alleen ben ik er nog niet uit hoe dat met CSS kan.
http://nl.wikipedia.org/wiki/Inline_image
Heb het dus gevonden!
.Alleen ben ik er nog niet uit hoe dat met CSS kan.
Hetzelfde. "background-image: url(data:etc)".quote:Op woensdag 31 december 2008 13:27 schreef veldmuis het volgende:
Alleen ben ik er nog niet uit hoe dat met CSS kan.
en was het niet zo dat IE dat weer eens niet begrijpt?quote:Op woensdag 31 december 2008 @ 13:44 schreef Roy_T het volgende:
[..]
Hetzelfde. "background-image: url(data:etc)".
Gaat perfect in zowel IE7 als IE8. Wat 6 doet interesseert me ff wat minder.quote:Op woensdag 31 december 2008 14:14 schreef mcDavid het volgende:
[..]
en was het niet zo dat IE dat weer eens niet begrijpt?
Maar zijn http requests met de hedendaagse breedband snelheden en server backbones nog een issue dan
Absoluut. Sterker nog: ze zijn de nummer 1 reden waarom een website snel of traag is (of overkomt). Hoe snel je verbinding ook is, een browser kan niet meer dan 2 requests per domein aan (en voor JS-bestanden 1). Hoe meer request, hoe langer het duurt. Kun je oplossen door meer assets hosts te gebruiken (static1.example.com, static2.example.com, die allemaal naar dezelfde fysieke locatie verwijzen), maar bij teveel verschillende hosts krijg je weer last van vertraging door DNS lookups.quote:Op woensdag 31 december 2008 14:26 schreef Swetsenegger het volgende:
Maar zijn http requests met de hedendaagse breedband snelheden en server backbones nog een issue dan
Of inline images wel of niet handig zijn hangt heel erg van je doel af. Voor de gemiddelde website maakt het niets uit of is het nadeliger (wanneer je geen goede caching gebruikt). Je hebt het echt over high traffic sites wil het interessant worden.
Leesvoer: http://developer.yahoo.com/performance/
