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.
[html, css, js] Voor Dummies
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.
Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Dat doet elke browser in principe. Kan je dus oplossen door in je css:quote:Op dinsdag 21 augustus 2012 13:38 schreef KomtTijd... het volgende:
[..]
Verschilt misschien per browser. Firefox bijv. laat allen een scrollbalk zien als het nodig is, vandaar dat gecentreerde pagina's een paar pixels verspringen als ze langer worden, er verdwijnt rechts 20px beeldruimte dus de gecentreerde pagina moet 10px naar links.
| 1 | html {overflow-y: scroll;} |
te zetten. Dan krijg je altijd een scrollbalk, ook als er niets te scrollen is.
dat dus.
Zou een website sowieso nooit fixed maken qua breedte. Iedereen browsed tegenwoordig anders. niet iedereen heeft vensters full screen staan en mobiele apparaten verschillen nog meer onderling.
“Specialization is for insects”.—Robert Heinlein
Volgens mij doet IE nog steeds altijd alle scrollbalken tonen (of is dat achterhaald?).quote:Op dinsdag 21 augustus 2012 16:16 schreef QM84 het volgende:
[..]
Dat doet elke browser in principe. Kan je dus oplossen door in je css:
[ code verwijderd ]
te zetten. Dan krijg je altijd een scrollbalk, ook als er niets te scrollen is.
op zich is er niet zoveel mis met een fixed-width layout. Een meeschalende layout is mooi maar daar moet je wel goed over nadenken, zomaar width:100% invullen is garantie op een compleet onleesbare website.quote:Op dinsdag 21 augustus 2012 16:20 schreef n8n het volgende:
Zou een website sowieso nooit fixed maken qua breedte. Iedereen browsed tegenwoordig anders. niet iedereen heeft vensters full screen staan en mobiele apparaten verschillen nog meer onderling.
IE7 en hoger iig niet meer.quote:
[..]
Volgens mij doet IE nog steeds altijd alle scrollbalken tonen (of is dat achterhaald?).
dat dus.
daarom moet je een website niet door een amateur laten maken. Sinds wanneer is er iets mis met na moeten denkenquote:
op zich is er niet zoveel mis met een fixed-width layout. Een meeschalende layout is mooi maar daar moet je wel goed over nadenken, zomaar width:100% invullen is garantie op een compleet onleesbare website.
“Specialization is for insects”.—Robert Heinlein
ik heb een nested ul waarvan ik de text graag rechts wil uitlijnen
text-align:right; in het #contentmenu erbij zetten werkt niet...wat doe ik fout?
HTML
CSS
text-align:right; in het #contentmenu erbij zetten werkt niet...wat doe ik fout?
HTML
| 1 2 3 4 5 6 7 8 | <div id="contentmenu"> <ul> <li><a href="index.php?p=ontstaan">ONTSTAAN</a></li> <li><a href="index.php?p=nieuws">NIEUWS</a></li> <li><a href="index.php?p=agenda">AGENDA</a></li> <li><a href="index.php?p=gastenboek">GASTENBOEK</a></li> </ul> </div> |
CSS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | #contentmenu ul li { padding:0px; list-style-type: none; } #contentmenu { display:block; position: absolute; left:500px; top:300px; } #contentmenu a { border: 0px; line-height:16px; text-decoration: none; color: #000; font-weight:bold; letter-spacing:-0.5px; } |
werkt ook niet directquote:Op zaterdag 25 augustus 2012 11:52 schreef Tijn het volgende:
Ik denk dat je de links eerst als block moet laten weergeven.
nu zit contentmenu in menu...en ik zie in firebug dat contentmenu een float:left mee krijgt, als ik die uitzet dan lijnt ie wel rechts uit
maar nu weet ik eigenlijk niet hoe ik dat nu in css moet vertellen dat ie die float in het contentmenu niet mee krijgt
Klein vraagje:
Als ik bijvoorbeeld deze functie heb:
Is er dan een manier om deze te laten stoppen bij een bepaalde callback?
Als ik bijvoorbeeld deze functie heb:
| 1 2 3 | $('.hover_items').projectHover({ color: '#222222' }); |
Is er dan een manier om deze te laten stoppen bij een bepaalde callback?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Eens kijken of ik mijn vraag helder kan stellen...
Op deze site heeft het menu (bovenste gedeelte) bepaalde eigenschappen in de CSS-file staan. Ik heb ontdekt dat dat navr heet (als ik het goed heb), maar ik zie ook nav1, nav-left, nav-right enz staan.
Nu heb ik een submenu eronder gezet, maar deze heeft nog niet de eigenschappen van het zojuist genoemde menu.
Hoe kan ik het submenu dezelfde eigenschappen (zoals achtergrond) geven als het menu er vlak boven zodat ik daarna kan stoeien hoe ik die code kan aanpassen zodat het onderste menu (dat ik submenu noem) qua kleuren mooi bijpassend kan maken?
Hoe kan ik het submenu iets naar rechts op laten schuiven zodat het pas onder Home begint?
Mijn dank is groot voor iedereen die even meedenkt! Mocht je een suggestie hebben hoe het mooier kan, is dat natuurlijk ook goed!
[ Bericht 4% gewijzigd door -J-D- op 26-08-2012 19:58:28 ]
Op deze site heeft het menu (bovenste gedeelte) bepaalde eigenschappen in de CSS-file staan. Ik heb ontdekt dat dat navr heet (als ik het goed heb), maar ik zie ook nav1, nav-left, nav-right enz staan.
Nu heb ik een submenu eronder gezet, maar deze heeft nog niet de eigenschappen van het zojuist genoemde menu.
Hoe kan ik het submenu dezelfde eigenschappen (zoals achtergrond) geven als het menu er vlak boven zodat ik daarna kan stoeien hoe ik die code kan aanpassen zodat het onderste menu (dat ik submenu noem) qua kleuren mooi bijpassend kan maken?
Hoe kan ik het submenu iets naar rechts op laten schuiven zodat het pas onder Home begint?
Mijn dank is groot voor iedereen die even meedenkt! Mocht je een suggestie hebben hoe het mooier kan, is dat natuurlijk ook goed!
[ Bericht 4% gewijzigd door -J-D- op 26-08-2012 19:58:28 ]
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
Nieuwe versie van Twitter Bootstrap is best netjes. Wat vinden jullie?
@Neraice
Wat is dat voor functie projectHover?
@-J-D-
Je kan meerdere elementen dezelfde eigenschappen geven door een aparte class te maken met daarin de eigenschappen en de elementen dan die class geven.
Met margin of padding kan je elementen verschuiven.
@Neraice
Wat is dat voor functie projectHover?
@-J-D-
Je kan meerdere elementen dezelfde eigenschappen geven door een aparte class te maken met daarin de eigenschappen en de elementen dan die class geven.
Met margin of padding kan je elementen verschuiven.
Wat kun je met dat programma? Ben nog een totale leek op het gebied van webdevelopment. Heb alleen nog Notepad++ gebruikt voor HTML en CSS.
Bootstrap is een CSS framework. Heb het ook nooit gebruikt maar je schijnt er wel makkelijk schaalbare layouts mee te kunnen maken.
Pfff, ik ben echt een beginner. Dat gaat me een berg tijd kosten, want ik weet nog niet precies waar ik moet beginnen.quote:
@-J-D-
Je kan meerdere elementen dezelfde eigenschappen geven door een aparte class te maken met daarin de eigenschappen en de elementen dan die class geven.
Met margin of padding kan je elementen verschuiven.
Bedankt voor de tips iig.
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
So I stole a bike and asked for forgiveness.
ik moet echt kotsen van zulke sites. Ik browse wel eens op 1920 pixels breedte en als je dan een textblock van 1400pixels voor je krijgt dan ben ik weg, want dat is onleesbaar.quote:
[..]
Volgens mij doet IE nog steeds altijd alle scrollbalken tonen (of is dat achterhaald?).
[..]
op zich is er niet zoveel mis met een fixed-width layout. Een meeschalende layout is mooi maar daar moet je wel goed over nadenken, zomaar width:100% invullen is garantie op een compleet onleesbare website.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Daarvoor kan je je browservenster kleiner maken...
Vanuit usability-oogpunt is dat juist de meest optimale situatie: geef de gebruiker de controle over hoeveel tekst deze op 1 regel wilt hebben.
Vanuit usability-oogpunt is dat juist de meest optimale situatie: geef de gebruiker de controle over hoeveel tekst deze op 1 regel wilt hebben.
dat dus.
Vanuit usability-oogpunt verwachten dat de gebruiker voor iedere website zijn browservenster gaat verschalen... 
valt onder 'User control and freedom'.
Daarnaast: als iedere website 100% is en zich aan de richtlijnen voor fontgroottes houdt, hoef je je browservenster echt niet voor íedere website te schalen, maar slechts 1x. Op een grootte die de gebruiker het beste vindt.
Daarnaast: als iedere website 100% is en zich aan de richtlijnen voor fontgroottes houdt, hoef je je browservenster echt niet voor íedere website te schalen, maar slechts 1x. Op een grootte die de gebruiker het beste vindt.
dat dus.
...en dan stel je ook gelijk een verplichte menubreedte e.d. voor? En mogen we wel of geen sidebar aan de rechterkant?
Er is letterlijk niemand die het prettig vindt om tekstregels van 1500px te lezen. Dat je als gebruiker enige invloed hebt op hoe de content wordt weergegeven is natuurlijk mooi, maar je moet geen situatie kunnen creëren die alleen maar hinderlijk is.quote:
Daarvoor kan je je browservenster kleiner maken...
Vanuit usability-oogpunt is dat juist de meest optimale situatie: geef de gebruiker de controle over hoeveel tekst deze op 1 regel wilt hebben.
Denk hierbij ook aan mensen die de font-instellingen van hun OS groter hebben ingesteld, waardoor de tekst bij een 1000px-website standaard buiten de containers zou gaan lopen, of de hele lay-out verneukt. Of mensen (zoals ik), die standaard inzoomen op een website, omdat 99% van de websites een te klein font heeft. Of mensen die het gewoon prettig vinden om veel tekst naast elkaar te hebben.
Je geeft mensen de vrijheid om de website zo te lezen hoe ze het zelf het liefst willen.
Je geeft mensen de vrijheid om de website zo te lezen hoe ze het zelf het liefst willen.
dat dus.
Scriptje voor een speciaal hover-effect.quote:
Nieuwe versie van Twitter Bootstrap is best netjes. Wat vinden jullie?
@Neraice
Wat is dat voor functie projectHover?
@-J-D-
Je kan meerdere elementen dezelfde eigenschappen geven door een aparte class te maken met daarin de eigenschappen en de elementen dan die class geven.
Met margin of padding kan je elementen verschuiven.
Het gaat mij erom hoe ik zo'n jQuery plugin cancel na 'm gecalled te hebben. Enig idee?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
.stop ?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Als je zoomt, wordt de breedte ook breder. Ik denk echt niet dat je iemand een plezier doet door tekstregels van meer dan 1000 pixels aan te bieden.quote:
Denk hierbij ook aan mensen die de font-instellingen van hun OS groter hebben ingesteld, waardoor de tekst bij een 1000px-website standaard buiten de containers zou gaan lopen, of de hele lay-out verneukt. Of mensen (zoals ik), die standaard inzoomen op een website, omdat 99% van de websites een te klein font heeft. Of mensen die het gewoon prettig vinden om veel tekst naast elkaar te hebben.
Je geeft mensen de vrijheid om de website zo te lezen hoe ze het zelf het liefst willen.
Enorme beginnersvraag maar ik wil een button bij hoveren laten veranderen in een andere afbeelding
Nu staat er qua css voor de button:
Nu zou ik denken dat een vergelijkbare code plaatsen maar dan met a:hover toevoeging het 'm zou moeten doen, maar dat werkt niet.. waar ga ik de fout in?
Nu staat er qua css voor de button:
| 1 2 3 4 5 | #container-bottom #classic-pagination #next-page{ background: url(http://i387.photobucket.com/albums/oo315/Maartel/newer1.png) no-repeat top left; width:231px; height:81px; } |
Nu zou ik denken dat een vergelijkbare code plaatsen maar dan met a:hover toevoeging het 'm zou moeten doen, maar dat werkt niet.. waar ga ik de fout in?
Een button is geen <a> element.
Gebruik gewoon het id, of de drie id's als je alle drie die elementen een hover wilt geven.
Gebruik gewoon het id, of de drie id's als je alle drie die elementen een hover wilt geven.
Ik vermoedde al dat het hier anders zit omdat het een # element is.quote:
Een button is geen <a> element.
Gebruik gewoon het id, of de drie id's als je alle drie die elementen een hover wilt geven.
In de html staat alleen dit:
| 1 | {block:NextPage} <a href="{NextPage}" id="next-page">Next Page</a>{/block:NextPage} |
Bedoel je nu dat ik een nieuw id aan zou moeten maken en dan in de html dat id toevoegen als reactie op het hooveren?
(Ik besef dat ik nu enorm clueless overkom.. de basis heb ik inmiddels aardig onder de knie, maar zodra er met id's geslingerd wordt ben ik 'm helemaal kwijt
)
Ben er nu op mijn werk een beetje mee bezig ja.quote:
Iemand ervaringen met XmlHttpRequests?
Als het niet werkt even met de development tools (F12) kijken waarom je CSS regel niet toegepast wordt.quote:
Hmm, dat is wel wat ik geprobeerd had, maar ik zal nog maar een poging doen dan
Enigzins een idee waarin XmlHttpRequests verschillen in Firefox ten opzichte van elke andere browser? Want wat ik ook doe, ik krijg om een of andere reden via Ajaxform (plugin om bestanden asynchroon te uploaden). Elke keer een error. Met na wat onderzoek heb ik boven water getoverd dat er niks gebeurd. ( 0 ready state alles op 0 wat betekende dat er niks gestart is) Het idee was dat er een laadscherm bijgehouden werd hoeveel bytes er geupload werd. In elke browser werkt dit behalve Firefox. Terwijl volgens de XmlhttpRequest support tabel daar juist veel "support" voor is. (Ik gebruik zelf Firefox 14.0).quote:
[..]
Ben er nu op mijn werk een beetje mee bezig ja.
Bron: https://www.clickenweb.nl/bestel&id=2079&aantal=25&prijs=1 (vervolgens in File upload) gedeelte. Ik snap niet wat ik er fout doe.
ik zit nu op open(); gedeelte te googlen* iets zegt me dat het in die richting zit
.[ Bericht 4% gewijzigd door cablegunmaster op 30-08-2012 22:07:39 ]
Redacted
excuus, dan heb je weer een profiel nodigquote:
Doe eens een linkje naar een demo/voorbeeld? Die link die je noemt zie ik geen file upload.
. probeer user: banaan ww: banaan.
Redacted
Fx 14.0.1 op Ubuntuquote:Bestand: stuiterbal.JPG Grootte: 81.13 KiB Succesvol geupload!
Ik doe alleen maar $.getJSON() joh
Probeer nu eens iets van 3 - 4 Mb. Dan gaat het fout .quote:
[..]
Fx 14.0.1 op Ubuntu
Ik doe alleen maar $.getJSON() joh
Ik begrijp het maar half waarom het fout gaat.
Redacted
upload 4 mb PDF file als voorbeeldquote:
.Object { readyState=0
, status=0
, statusText="error"
}
Krijg ik de hele tijd terug als ik zoiets probeer.
Redacted
probeer het anders eens in safe-mode ofzo...quote:Bestand: takeaction.pdf Grootte: 3.24 MiB Succesvol geupload!
Goed puntquote:
[..]
probeer het anders eens in safe-mode ofzo...
, maar raar genoeg wil ik snappen waarom dit gebeurt.
Redacted
Wat ik snap dusverre is dat het script open(); niet aanroept en dat heeft met iets met security in firefox te maken.quote:
Dat begint met achterhalen hoe het komt.
Iets met same origin policy.Wat ik wel snap is dat ik verzoekheaders bij de errors terug vind maar geen antwoord headers.
Ik ga dit eens uit testen
. Blijkbaar iemand gevonden met het zelfde probleem 
[ Bericht 7% gewijzigd door cablegunmaster op 30-08-2012 22:51:02 ]
Redacted
Een vraagje
Op mijn website loopt een twitterfeed en ik heb deze als widget rechts ingesteld: nu zie ik helaas dat er een raar foutje in de kleuren zit:
Op mijn website loopt een twitterfeed en ik heb deze als widget rechts ingesteld: nu zie ik helaas dat er een raar foutje in de kleuren zit:
SPOILEROm 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.Het is de widget: Tweetblender.
Ziet iemand van jullie de fout?Of saté?
quote:
Een vraagje
Op mijn website loopt een twitterfeed en ik heb deze als widget rechts ingesteld: nu zie ik helaas dat er een raar foutje in de kleuren zit:
[ afbeelding ]Jep , zelf gebruik ik voor dit soort fouten Firebug op Firefox dan kun je het element selecteren dat de foute kleur heeft of uit testen wat voor margin het heeft.SPOILEROm 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.Het is de widget: Tweetblender.
Ziet iemand van jullie de fout?
1
2
3
4
5
6
7
8.sidebar h3 {
background: -moz-linear-gradient(#3C9CD2, #1F6EB6) repeat scroll 0 0 transparent;
border-bottom: 1px solid #195392;
border-radius: 5px 5px 0 0;
margin: -15px 0 5px -12px;
padding: 7px 12px;
width: 100%;
}
Dit zorgt voor de gare achtergrond voornamelijk omdat het een H3 tag is binnen je .sidebar class.
Wat je het beste kan doen is de H3 tag niet voor de achtergrond gebruiken die nu staat ingesteld.
maar eenEn dit bij elke blauwe kop ombouwen.
1 <div class='subheader'><h3>Volg Glazenhuis3FM op Twitter!</h3></div>
Dit in je CSS zetten daarnaast ipv de bovenstaande CSS. (naam verandering)
1
2
3
4
5
6
7
8.subheader {
background: -moz-linear-gradient(#3C9CD2, #1F6EB6) repeat scroll 0 0 transparent;
border-bottom: 1px solid #195392;
border-radius: 5px 5px 0 0;
margin: -15px 0 5px -12px;
padding: 7px 12px;
width: 100%;
}
Daarnaast op : http://www.glazenhuis3fm.nl/videos/ loopt je video's onder je twitter feed door.
[ Bericht 27% gewijzigd door cablegunmaster op 31-08-2012 02:29:52 ]Redacted
en over mijn xmlHttprequest, eerst maar eens mijn browsers herinstalleren, er zit iets goed fout hiero 
.
.
Redacted
Thanks alleen al die naamswijziging naar subheader heeft al geholpen om het blauwe weg te krijgen. Alleen de opmaak van de kopjes terugkrijgen nog niet.quote:
[..]
Jep , zelf gebruik ik voor dit soort fouten Firebug op Firefox dan kun je het element selecteren dat de foute kleur heeft of uit testen wat voor margin het heeft.
[ code verwijderd ]
Dit zorgt voor de gare achtergrond voornamelijk omdat het een H3 tag is binnen je .sidebar class.
Wat je het beste kan doen is de H3 tag niet voor de achtergrond gebruiken die nu staat ingesteld.
maar een
[ code verwijderd ]
En dit bij elke blauwe kop ombouwen.
Dit in je CSS zetten daarnaast ipv de bovenstaande CSS. (naam verandering)
[ code verwijderd ]
Daarnaast op : http://www.glazenhuis3fm.nl/videos/ loopt je video's onder je twitter feed door.
Waar moet ik:
| 1 | <div class='subheader'><h3>Volg Glazenhuis3FM op Twitter!</h3></div> |
Of saté?
Draai je wordpress?quote:
[..]
Thanks alleen al die naamswijziging naar subheader heeft al geholpen om het blauwe weg te krijgen. Alleen de opmaak van de kopjes terugkrijgen nog niet.
Waar moet ik:
[ code verwijderd ]
En die voor elke andere Widget titel plaatsen? Aangezien het allemaal widgets zijn durf ik niet te zeggen waar ik dit het beste kan plaatsen.
Redacted
Heel de browser opnieuw geinstalleerd en alle andere ook , nog steeds de error bij grotere bestanden.quote:
een nieuw profiel instellen (of safe-mode gebruiken) lost vaak meer op...
Redacted
Nou dan weet je waar je moet zijn! binnen je Theme aanpassenquote:
[..]
Ja het is wordpress met de theme Graphene
Dat is kwestie van de map Theme vinden en uiteindelijk de headers opzoeken. Daarnaast, je video's "youtube" 550 width zijn te breed! net als je feed van je Webcam van het glazen huis fix dat ook eens . naar 500 ipv 550!Mocht dit niet zo blijken kunje altijd terug gaan naar wat je eerst had en je plugin zelf aanpassen door te zoeken waar dat stukje van de header staat. en ipv H3 er H4 van maken. (genoeg mogelijkheden).
Redacted
Bedankt voor je antwoord maar ik heb werkelijk geen idee waar ik moet zoeken. In de .css bestanden staat niks wat er op lijkt. En de Theme bestanden die offline staan hebben natuurlijk die widget die gewoon vanuit Wordpress gaat niet bijjgevoegd. Heb je enig idee welk bestand ik het kan vinden?
Of saté?
Er gaat ergens iets mis wanneer ik een hover effect op DIVs toe wil passen.
De hovers op images werken prima, maar hoewel ik volgens mij gewoon netjes volgens de regel werk met 'div:hover naam{eigenschappen}" wordt zodra ik dit toepas zo'n beetje de hele pagina een grote hoversectie, zodra ik met mijn muis al een beetje beweeg wordt het effect toegepast terwijl de DIV zelf echt niet zo groot is. Ik heb alles al geisoleerd tot een heel basic design waarin verder niks gaande is. Waar kan dit aan liggen?
Momenteel is de css
En de html <div class="shadpic">inhoud div</div>
[ Bericht 78% gewijzigd door Maartel op 01-09-2012 15:19:00 ]
De hovers op images werken prima, maar hoewel ik volgens mij gewoon netjes volgens de regel werk met 'div:hover naam{eigenschappen}" wordt zodra ik dit toepas zo'n beetje de hele pagina een grote hoversectie, zodra ik met mijn muis al een beetje beweeg wordt het effect toegepast terwijl de DIV zelf echt niet zo groot is. Ik heb alles al geisoleerd tot een heel basic design waarin verder niks gaande is. Waar kan dit aan liggen?
Momenteel is de css
| 1 2 3 4 5 6 7 8 9 10 | .shadpic{ border-radius:0px; box-shadow: 0px 0px 2.5px 0px #000000; behavior: url(/PIE.htc)} div:hover .shadpic { border-radius:0px; box-shadow: 0px 0px 2px 2px #ffffff; behavior: url(/PIE.htc)} |
En de html <div class="shadpic">inhoud div</div>
[ Bericht 78% gewijzigd door Maartel op 01-09-2012 15:19:00 ]
Help!
Ik heb onderstaande tabel gemaakt, maar Internet Explorer wil niet meewerken. Iemand enig idee hoe ik dit kan oplossen? Of iemand die een mooi alternatief weet?
Code:
CSS:
Alvast bedankt voor jullie hulp!
Ik heb onderstaande tabel gemaakt, maar Internet Explorer wil niet meewerken. Iemand enig idee hoe ik dit kan oplossen? Of iemand die een mooi alternatief weet?
Code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <h2 class="content"><span class="white"> Team </span></h2> <table summary="table summary" class="content"> <tr> <td colspan="3"> </td> </tr> <tr> <td width="25px"></td> <td> <!-- content here --> </td> <td width="25px"></td> </tr> <tr> <td height="20px"></td> <td></td> <td></td> </tr> </table> |
CSS:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | /* =Content -------------------------------------------------------------- */ table.content { width: 700px; border-collapse: collapse; border: 1px solid #000000; font-family: Arial, Verdana, sans-serif; font-size: 13px; } h2.content { width: 200px; margin-left: 50px; margin-bottom: -.5em; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; } .white { background: #FFFFFF; } |
Alvast bedankt voor jullie hulp!
Fieldset lijkt me iets voor formulieren, niet voor een tabel. Sowieso lijkt het me niet handig om dezelfde classname ('.content') te gebruiken voor verschillende elementen. Om het nog niet te hebben over een classname als '.white'.
Nee.
Het hangt er vanaf wat erin moet komen te staan, maar zoals het er nu uitziet is een tabel ook niet de beste keus.
Het ziet er nu precies uit zoals een fieldset en een legend standaard worden gerenderd. Dat impliceert inderdaad wel een formulier, maar misschien komt er ook wel een formulier in?
Het ziet er nu precies uit zoals een fieldset en een legend standaard worden gerenderd. Dat impliceert inderdaad wel een formulier, maar misschien komt er ook wel een formulier in?
Er komt geen formulier in nee. Maar wat is dan wel een goede keuze?
Ik heb het zojuist ook al geprobeerd om het met een plaatje op te lossen, ipv platte tekst als titel, maar ook daar gaat de tabel in Internet Explorer keihard doorheen
.
En wat maakt het uit hoe ik mijn classes noem...?
Ik heb het zojuist ook al geprobeerd om het met een plaatje op te lossen, ipv platte tekst als titel, maar ook daar gaat de tabel in Internet Explorer keihard doorheen
.En wat maakt het uit hoe ik mijn classes noem...?
is het wel tabulaire data dan? anders is de keuze voor een tabel minstens net zo raar. persoonlijk zou ik denk ik gewoon niet moeilijk doen en een fieldset gebruiken.
en je moet idd zelf weten watvoor classnames je gebruikt, maar voor je eigen gemak is het wel handig om ze een beetje semantisch te houden...
en je moet idd zelf weten watvoor classnames je gebruikt, maar voor je eigen gemak is het wel handig om ze een beetje semantisch te houden...
Niet per se tabulaire data nee, ik had ook een div kunnen gebruiken, maar ik heb nou eenmaal voor een tabel gekozen in de layout.. Ik ga in ieder geval eens klojo'en met de fieldset-tag. Mocht ik er niet uit komen, dan zien jullie mij wel weer verschijnen 
.
Bedankt voor de reacties!
.Bedankt voor de reacties!
Een tabel voor layout gebruiken is extreem gedateerd en semantisch natuurlijk totaal geen goed idee.
Aangezien je er nu ook mee zit, waarom niet gewoon even met een div en een header? Zo moeilijk is het niet.
Bekijk hier een voorbeeld.
Ik denk dat dit werkt in alle browsers (kheb IE7 hier niet paraat, maar IE8 in elk geval wel en IE9 ook).
Aangezien je er nu ook mee zit, waarom niet gewoon even met een div en een header? Zo moeilijk is het niet.
| 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 | <!DOCTYPE html> <html> <head> <style> body { font-family: sans-serif; } h1 { font-size: 150%; } .fieldset { border: 1px black solid; padding: 1em; position: relative; } .fieldset > h2 { background-color: #fff; font-size: 100%; padding: 0 5px 5px 0; position: absolute; top: -1.4em; } </style> </head> <body> <h1>Voorbeeld van een fieldset-achtige layout</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p>Ok, komt 'ie:</p> <div class="fieldset"> <h2>Titel van dit blokje</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <p>Dat was het.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </body> </html> |
Bekijk hier een voorbeeld.
Ik denk dat dit werkt in alle browsers (kheb IE7 hier niet paraat, maar IE8 in elk geval wel en IE9 ook).
Dat doet er toch niet toe? Het gaat om het idee. Hier kun je toch je eigen layout omheen of in stoppen?
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
gebruik alsjeblieft gewoon een fieldset met een legend
quote:Op dinsdag 4 september 2012 16:56 schreef picodealion het volgende:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Laat eens zienquote:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
'Websites voor kunstenaars', dan weet je het al
[ Bericht 7% gewijzigd door #ANONIEM op 04-09-2012 17:03:27 ]
Kun jij dan niemand regelen met wél een fatsoenlijk ontwerp?quote:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
ZHE HORROR.
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. :'(
quote:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
quote:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
download dan alsjeblieft gewoon een gratis wordpress-template.
http://i.imgur.com/0vRVC.pngquote:
[..]
Laat eens zien
'Websites voor kunstenaars', dan weet je het al
hmm daar valt toch wel wat van te maken? Niet bepaald uitdagend of verfrissend maargoed als de klant er tevreden mee is...
Ja, ik vind het ook niet zo schokkend slecht. Je gaat er verder geen prijzen mee winnen ofzo, maar ik vind het ook geen drama, hoor.
Ik ben nu bezig met het maken van een eigen Word Press theme, deze ben ik om de lege Starkers theme heen aan het bouwen.
Het is toch een stuk lastiger dan ik had gedacht.
Iemand hier al ervaring mee en die wat tips/hints heeft.
Het is toch een stuk lastiger dan ik had gedacht.
Iemand hier al ervaring mee en die wat tips/hints heeft.
Het viel me mee inderdaad. De HTML bestaat uit geneste font tags, maar het ontwerp is in elk geval nog bij te schaven. Maar alleen al het portfolio van die damen deed me huilen en lachen tegelijk.quote:
hmm daar valt toch wel wat van te maken? Niet bepaald uitdagend of verfrissend maargoed als de klant er tevreden mee is...
Wat precies vind je lastig?quote:
Ik ben nu bezig met het maken van een eigen Word Press theme, deze ben ik om de lege Starkers theme heen aan het bouwen.
Het is toch een stuk lastiger dan ik had gedacht.
Iemand hier al ervaring mee en die wat tips/hints heeft.
Als je het wegflikkert en opnieuw begint ja.quote:
hmm daar valt toch wel wat van te maken?
Ik ga naar huis.
Jij bent vormgever van beroep, nietwaar? Zo'n site als dat, simpel ontwerp maar dan wel goed. Wat mag dat kosten tegenwoordig?quote:Op woensdag 5 september 2012 13:39 schreef nietzman het volgende:
[..]
Als je het wegflikkert en opnieuw begint ja.
Ik zie liever een website met zo'n ontwerp en fatsoenlijke programmatuur erachter, dan een hip design wat is gebouwd met bulky en onsemantische spaghetticode.quote:
[..]
Als je het wegflikkert en opnieuw begint ja.
Sja ik ook, maar uiteindelijk ontwerp je toch voor de gemiddelde facebook-gebruiker.quote:
[..]
Ik zie liever een website met zo'n ontwerp en fatsoenlijke programmatuur erachter, dan een hip design wat is gebouwd met bulky en onsemantische spaghetticode.
Mja die code kun je allemaal wegtyfen. Deze layout nabouwen from scratch is hooguit een paar uurtjes werk voor iemand met jouw ervaring.quote:
[..]
Het viel me mee inderdaad. De HTML bestaat uit geneste font tags, maar het ontwerp is in elk geval nog bij te schaven. Maar alleen al het portfolio van die damen deed me huilen en lachen tegelijk.
Ik ontwerp niet veel hoorquote:
[..]
Sja ik ook, maar uiteindelijk ontwerp je toch voor de gemiddelde facebook-gebruiker.
Bouw een site inderdaad niet voor je gebruiker, stel je voor.quote:
Ik zie liever een website met zo'n ontwerp en fatsoenlijke programmatuur erachter, dan een hip design wat is gebouwd met bulky en onsemantische spaghetticode.
Voor zover mijn blik er op rijkt hou ik van nette code hoor, begrijp me niet verkeerd, maar ik snap niet hoe je code die alleen jij als developer zelf ziet in Hemelsnaam boven je gebruiker kunt zetten.
Ik ga naar huis.
Inderdaad, 't valt uiteindelijk reuze mee. Maar ik heb wel gezegd dat ze voortaan maar gewoon een echte designer moet zoekenquote:
[..]
Mja die code kun je allemaal wegtyfen. Deze layout nabouwen from scratch is hooguit een paar uurtjes werk voor iemand met jouw ervaring.
.
Hangt er vanaf, zou daar zelf ws niet meer dan een paar honderd euro voor durven vragen, maar op m'n werk brief ik de studio daar nog niet voor.quote:Op woensdag 5 september 2012 13:40 schreef picodealion het volgende:
Jij bent vormgever van beroep, nietwaar? Zo'n site als dat, simpel ontwerp maar dan wel goed. Wat mag dat kosten tegenwoordig?
.
Ik ga naar huis.
Ik denk dat ik juist voor de gebruiker bouw als ik snelle en semantisch correcte code aflever. Het gaat er wat mij betreft om dat een bezoeker zo snel mogelijk kan vinden wat 'ie zoekt. Dat garandeer je in eerste instantie met een logische indeling van de content en daarna is de kwaliteit van de code een belangrijk aspect. Pas als dat in orde is, doet het ertoe of het er ook aantrekkelijk uitziet wat mij betreft.quote:
[..]
Bouw een site inderdaad niet voor je gebruiker, stel je voor.
Voor zover mijn blik er op rijkt hou ik van nette code hoor, begrijp me niet verkeerd, maar ik snap niet hoe je code die alleen jij als developer zelf ziet in Hemelsnaam boven je gebruiker kunt zetten.
Kwaliteit van code zegt absoluut niets over het al dan niet gebruiksvriendelijk zijn van een site.quote:Op woensdag 5 september 2012 14:22 schreef Tijn het volgende:
[..]
Ik denk dat ik juist voor de gebruiker bouw als ik snelle en semantisch correcte code aflever. Het gaat er wat mij betreft om dat een bezoeker zo snel mogelijk kan vinden wat 'ie zoekt. Dat garandeer je in eerste instantie met een logische indeling van de content en daarna is de kwaliteit van de code een belangrijk aspect. Pas als dat in orde is, doet het ertoe of het er ook aantrekkelijk uitziet wat mij betreft.
Nee, daarom zeg ik dat het allerbelangrijkste is dat de indeling van de content logisch is. Als dat niet zo is, maakt de rest ook niet uit, dan wordt het nooit wat.quote:
[..]
Kwaliteit van code zegt absoluut niets over het al dan niet gebruiksvriendelijk zijn van een site.
Maar nog minder dan de kwaliteit van de code maakt wat mij betreft uit hoe het eruit ziet, als het maar boven een bepaalde ondergrens zit waardoor de site überhaupt leesbaar is natuurlijk.
quote:
[..]
Nee, daarom zeg ik dat het allerbelangrijkste is dat de indeling van de content logisch is. Als dat niet zo is, maakt de rest ook niet uit, dan wordt het nooit wat.
Maar nog minder dan de kwaliteit van de code maakt wat mij betreft uit hoe het eruit ziet, als het maar boven een bepaalde ondergrens zit waardoor de site überhaupt leesbaar is natuurlijk.
Je spreekt jezelf nu tegenquote:
[..]
Ik denk dat ik juist voor de gebruiker bouw als ik snelle en semantisch correcte code aflever. Het gaat er wat mij betreft om dat een bezoeker zo snel mogelijk kan vinden wat 'ie zoekt. Dat garandeer je in eerste instantie met een logische indeling van de content en daarna is de kwaliteit van de code een belangrijk aspect. Pas als dat in orde is, doet het ertoe of het er ook aantrekkelijk uitziet wat mij betreft.
UX dus, het belangrijkste deel van het ontwerpproces. Niet van het codeproces.quote:
Nee, daarom zeg ik dat het allerbelangrijkste is dat de indeling van de content logisch is. Als dat niet zo is, maakt de rest ook niet uit, dan wordt het nooit wat.
Nouja, de kwaliteit van je code is iets wat überhaupt niemand gaat zien.quote:
Maar nog minder dan de kwaliteit van de code maakt wat mij betreft uit hoe het eruit ziet, als het maar boven een bepaalde ondergrens zit waardoor de site überhaupt leesbaar is natuurlijk.
Ik ga naar huis.
Nee, helemaal niet. Het stuk tussen de twee zinnen die je nu hebt vetgemaakt is het allerbelangrijkste, dat zeg ik.quote:
Eerst is het belangrijk dat het goed is bedacht. Daarna is het belangrijk dat het goed is gemaakt. Tot slot is het belangrijk dat het er goed uit ziet. Logisch toch?
Ik denk dat mensen het verschil wel ervaren tussen een website die slecht is gebouwd en eentje die goed is gebouwd, ook als ze er verder precies hetzelfde uitzien.quote:
[..]
Nouja, de kwaliteit van je code is iets wat überhaupt niemand gaat zien.
Op welke manier bedoel je? Bugs?quote:
[..]
Ik denk dat mensen het verschil wel ervaren tussen een website die slecht is gebouwd en eentje die goed is gebouwd, ook als ze er verder precies hetzelfde uitzien.
Nee, in dingen als laadtijden, vindbaarheid van content met zoekmachines, cross browser/device compatibility, toegankelijkheid.quote:
[..]
Op welke manier bedoel je? Bugs?
Ik zie niet helemaal in hoe je die dingen kan linken aan de mate van kwaliteit van code.quote:
[..]
Nee, in dingen als laadtijden, vindbaarheid van content met zoekmachines, cross browser/device compatiblity, toegankelijkheid.
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |