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.
hmm oke, jammer danquote:Op zondag 26 december 2010 22:23 schreef KomtTijd... het volgende:
Ding is absoluut gepositioneerd.... Dat kun je wel schudden dus!
edit:
dit heeft me wel de goede richting op geduwd..
ik heb het element nu relative i.p.v. absoluut gepositioneerd
de top:109px weggehaald en
Margin-bottom:10px;
Margin-top:109px;
toegevoegd, wellicht is dit een erg smerige manier van doen, maar de site oogt zowel in FF als in IE nog zoals bedoeld, maar nu met een onderrandje...
ik weet echter niet wat er gebeurd als de content veranderd
(mocht dat toch problemen opleveren, draai ik het terug [ Bericht 39% gewijzigd door mschol op 26-12-2010 22:48:11 ]
Maarja, dat is lastig als niet zeker is welke paragraaf de eerste en welke de laatste wordt.quote:
Inderdaad. Ik gebruik zelf nog steeds vaak classes .first en .last. Erg jammer, goede support voor al die pseudo-classes maakt het werk zo veel makkelijker. Tuurlijk zijn er Javascript hacks die moderne CSS ook werkend maakt in IE6/7/8 - maar mijn ervaring is dat de performance van dat soort scripts nogal eens te wensen over laat.
Voor dat soort gevallen gebruik ik dan dus ook gewoon pseudoselectors. Dingen als de eerste alinea van een artikel dikgedrukt en iets groter tonen is dan iets wat mensen met een oude browser maar moeten missen. Voor essentiele dingen als menu's e.d. kun je dat echter niet maken IMO, dat bijv. een laatste menu item van het scherm valt omdat de browser :last-child/:last-of-type (nog) niet ondersteunt.
Nee.
Zo'n div uberhaupt absoluut positioneren is de smerige manier van doen. Maar in principe moet het zo gewoon goed gaan denk ik.quote:
[..]
hmm oke, jammer dan
edit:
dit heeft me wel de goede richting op geduwd..
ik heb het element nu relative i.p.v. absoluut gepositioneerd
de top:109px weggehaald en
Margin-bottom:10px;
Margin-top:109px;
toegevoegd, wellicht is dit een erg smerige manier van doen, maar de site oogt zowel in FF als in IE nog zoals bedoeld, maar nu met een onderrandje...
ik weet echter niet wat er gebeurd als de content veranderd
Inderdaad. Schijt hebben aan IE is steeds vaker ook mijn oplossing voor datsoort details.quote:
Voor dat soort gevallen gebruik ik dan dus ook gewoon pseudoselectors. Dingen als de eerste alinea van een artikel dikgedrukt en iets groter tonen is dan iets wat mensen met een oude browser maar moeten missen. Voor essentiele dingen als menu's e.d. kun je dat echter niet maken IMO, dat bijv. een laatste menu item van het scherm valt omdat de browser :last-child/:last-of-type (nog) niet ondersteunt.
http://dowebsitesneedtolookexactlythesameineverybrowser.com/
Precies. Nu de opdrachtgevers van mn baas er nog van zien te overtuigen. Gaat al steeds beter, IE6 is nauwelijks meer aandacht voor, maar men wil toch wel vaak graag een 1:1 replica zien van de statische PSD's die gemaakt zijn. Ik snap niet dat er nog steeds bedrijven zijn die websites tot op de pixel nauwkeurig uitwerken in Photoshop - en daarna uren bezig zijn om het pixel voor pixel na te maken. Heeft geen zin, is meestal niet haalbaar en levert naar mijn idee ook geen enkele meerwaarde op. Maar ja...
Nee.
in IE7 viel de gehele navigatie balk bovenin de pagina weg, met wat aanpassen ziet hij er zo goed als hetzelfde uit in IE7/IE8/IE9, FF & Chromequote:
[..]
Zo'n div uberhaupt absoluut positioneren is de smerige manier van doen. Maar in principe moet het zo gewoon goed gaan denk ik.
in IE6 ziet hij er wel hetzelfde uit, maar functioneert hij niet goed i.v.m. een CSS :hover die ik gebruik voor navigatie
dat ga ik alleen niet aanpassen.. geen zin in en het is redelijk nutteloos...
Hey hey.
Even een vraagje.
Ik heb nu de volgende site:
http://deridderbrandbeveiliging.nl/index_new.htm
Echter wil ik dat het logo vlak boven de paarse footer komt te staan in plaats van vlak onder het menu.
Alleen lukt het me niet.
Even een vraagje.
Ik heb nu de volgende site:
http://deridderbrandbeveiliging.nl/index_new.htm
Echter wil ik dat het logo vlak boven de paarse footer komt te staan in plaats van vlak onder het menu.
Alleen lukt het me niet.
Dat logo moet je dan absoluut positioneren, maar dit wordt lastig omdat je de kolommen ook relatief positioneert (tenzij je met een negatieve bottom-positionering gaat werken als de hoogte van de linkerkolom vast staat). Anders zou ik de #logo-div verplaatsen en die absolute positioneren van de onderkant.
Waarom je uberhaupt een logo onderaan het scherm zou willen is uiteraard een heel ander punt
Waarom je uberhaupt een logo onderaan het scherm zou willen is uiteraard een heel ander punt
Nee.
Mja, het logo had ik nu al klaar staan. Maar aan de rechterkant komt ook een image die hetzelfde zou moeten doen.quote:
Dat logo moet je dan absoluut positioneren, maar dit wordt lastig omdat je de kolommen ook relatief positioneert (tenzij je met een negatieve bottom-positionering gaat werken als de hoogte van de linkerkolom vast staat). Anders zou ik de #logo-div verplaatsen en die absolute positioneren van de onderkant.
Waarom je uberhaupt een logo onderaan het scherm zou willen is uiteraard een heel ander punt
Bottom hoogte staat vast. Ga daar denk even mee stoeien. Tnx
Idd. Het ging om de margin van de tekst, dat is niet echt heel storend als het fout gaat.quote:
Voor dat soort gevallen gebruik ik dan dus ook gewoon pseudoselectors. Dingen als de eerste alinea van een artikel dikgedrukt en iets groter tonen is dan iets wat mensen met een oude browser maar moeten missen. Voor essentiele dingen als menu's e.d. kun je dat echter niet maken IMO, dat bijv. een laatste menu item van het scherm valt omdat de browser :last-child/:last-of-type (nog) niet ondersteunt.
Lieve schatten, kan iemand me even uit de brand helpen? Op één of andere manier maakt Chrome van mijn images/bg.jpg, word het css/images/bg.jpg. Dit doet het bij 2 images, de rest niet.. Anyone got a clue?
Thanks in advance,
Thanks in advance,
---
quote:
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 neem aan dat het verder niet veel met de code te maken heeft, maar misschien iets dat chrome in de cache onthoud of iets?
body {
background: url(images/bg.jpg);
}
word ineens
body {
background: url(file:///C:/Users/Marciano/Desktop/EMPEFINAL2/css/images/header.jpg);
}
Waar slaat dit op? =P
En ja, het plaatje bg.jpg bestaat wel en staat in de images map, voorheen deed hij het wel :/
body {
background: url(images/bg.jpg);
}
word ineens
body {
background: url(file:///C:/Users/Marciano/Desktop/EMPEFINAL2/css/images/header.jpg);
}
Waar slaat dit op? =P
En ja, het plaatje bg.jpg bestaat wel en staat in de images map, voorheen deed hij het wel :/
---
Dan gooit hij er weer de hele rits ervoor, en krijg ik 2x dezelfde zin.
waar die /css/ vandaan komt heb ik geen idee van, heb niet eens een css mapje aangemaakt in empefinal2 :s
waar die /css/ vandaan komt heb ik geen idee van, heb niet eens een css mapje aangemaakt in empefinal2 :s
---
Dat daar een fout zit snap ik ook. Zoals ik zei is het alleen bij 2 plaatjes het geval, en niet bij de anderen. Ik zie namelijk gewoon mijn images/mountains.png, mijn images/fish.png e.d alleen de header en bg wil hij niet laten zien.
---
Wat is je directorystructuur dan? Aan je CSS te zien zou het volgens mij:
Of faal ik nu hopeloos?
moeten zijn, maar dat lijkt me vrij onlogisch:quote:/css
/css/images
is waarschijnlijker. Je moet dan de juiste paden gebruiken, door '../images/' te gebruiken. Als je 'images/' gebruikt zal dit volgens mij alleen werken op de homepage van je site, aangezien het pad dan nog wel klopt.quote:/css
/images
Of faal ik nu hopeloos?
Nee.
Omg 
Er was opeens een mapje die /css/ heet, heb er helemaal overheen gekeken.. Toch vraag ik me af waarom hij daarnaar linkte, en dan pas images?
(had in m'n main directory een index.html een css mapje, images mapjes en js mapje)
Hij doet het in ieder geval nu weer, maar als iemand me het bovenste uit kan leggen ben ik dankbaar, het ligt in iedergeval aan Dreamweaver, aangezien het in alle browsers gebeurt (nog nooit eerder gehad trouwens)
Thanks Tegan & PimD
Er was opeens een mapje die /css/ heet, heb er helemaal overheen gekeken.. Toch vraag ik me af waarom hij daarnaar linkte, en dan pas images?(had in m'n main directory een index.html een css mapje, images mapjes en js mapje)
Hij doet het in ieder geval nu weer, maar als iemand me het bovenste uit kan leggen ben ik dankbaar, het ligt in iedergeval aan Dreamweaver, aangezien het in alle browsers gebeurt (nog nooit eerder gehad trouwens)
Thanks Tegan & PimD
---
Daarom link ik altijd gewoon de hele url ipv alleen de filename.
Hij pakt zijn eigen pad. Dus als de css een level lager staat neemt hij die map gewoon mee en is het lastig om iets te linken wat een level hoger staat.
Tenminste, ik denk dat dat het probleem was.
Hij pakt zijn eigen pad. Dus als de css een level lager staat neemt hij die map gewoon mee en is het lastig om iets te linken wat een level hoger staat.
Tenminste, ik denk dat dat het probleem was.
De hele URL linken... En wat doe je dan als je de site live zet? Ga je dan alles weer aanpassen naar de nieuwe URL? Als je gewoon een standaard directorystructuur voor al je projecten hebt zou er geen probleem moeten zijn hoor - waarom zou je je map met CSS-files willen verplaatsen...?
Nee.
Als je css in home/css/ wordt uitgevoerd en jij zegt dat een plaatje in /images/ zit pakt hij zijn eigen pad home/css/ + /images/ wordt home/css/images ipv wat jij wil home/images/. Als je het snapt.quote:
Hoe bedoel je, pakt zijn eigen pad? Hij zou toch gewoon moeten doen wat ik hem vertel te doen
Ja, maar vooral gooi ik css nooit in een eigen map.quote:
De hele URL linken... En wat doe je dan als je de site live zet? Ga je dan alles weer aanpassen naar de nieuwe URL? Als je gewoon een standaard directorystructuur voor al je projecten hebt zou er geen probleem moeten zijn hoor - waarom zou je je map met CSS-files willen verplaatsen...?
En mijn vraag is dus 'waarom' voert hij het uit via home/css, ik heb daar toch helemaal geen opdracht toe gegeven?
---
Hij pakt altijd zijn eigen pad + wat je opgeeft, anders kan hij ook niet ruiken waar hij het moet zoeken. Dit kun je dus tegengaan door gewoon de hele url op te geven , maar dat vind niemand tof ofzo, of je moet je je pad beter opgeven, maar dat moet je zelf even uitzoeken .
, maar dat vind niemand tof ofzo, of je moet je je pad beter opgeven, maar dat moet je zelf even uitzoeken .
Of gewoon absolute paden gebruiken, dus beginnen met een /. Dan begint hij altijd in de hoogst mogelijke map (in het geval van een webserver dus de map die gekoppeld staat aan je domein).quote:
Hij pakt altijd zijn eigen pad + wat je opgeeft, anders kan hij ook niet ruiken waar hij het moet zoeken. Dit kun je dus tegengaan door gewoon de hele url op te geven
-edit-
En even firebug installeren. Dan had je gewoon rechtermuis -> element inspecteren kunnen doen, en gelijk gezien dat het pad verkeerd was.
@KomtTijd dat het pad verkeerd was wist ik, dat is ook wat ik aangaf in het begin. Ik vroeg me af waarom het gebeurde. Verder heb ik Firefox aan de kant geschoven, Chrome heeft deze optie er automatisch in 
---
Ik wil op een site text verticaal centreren.
Nou had ik iemand gevonden, die deed het op een manier door de line-height even hoog te maken als de div. Opzich kan dit prima, als je maar 1 zin text hebt, of maar 1 afbeelding. Maar hoe is dit op te lossen als je een aantal aparte regels hebt?
Nou had ik iemand gevonden, die deed het op een manier door de line-height even hoog te maken als de div. Opzich kan dit prima, als je maar 1 zin text hebt, of maar 1 afbeelding. Maar hoe is dit op te lossen als je een aantal aparte regels hebt?
Dat kan niet in div's (althans niet met css). Alleen in een table cell, met vertical-align: middle.
Gelukkig kun je een div wel met CSS ombouwen tot table cell met display:table-cell.
Beetje ranzig maar minder ranzig dan javascript-oplossingen...
Gelukkig kun je een div wel met CSS ombouwen tot table cell met display:table-cell.
Beetje ranzig maar minder ranzig dan javascript-oplossingen...
Ik heb een noobvraag die hier hopelijk beantwoord kan worden:
In deze code wil ik de tekst 'Reageer' veranderen in de kleur zwart (deze is nu wit op een witte achtergrond, dat werkt dus niet):
<?php wp_list_comments(array('type'=>comment,'callback'=>mytheme_comment,'avatar_size'=>50, 'reply_text'=>__('Reageer','OnTheGo'))) ; ?>
Als iemand mij kan zeggen waar ik wat precies in moet voeren, stel ik dat zeer op prijs. De dingen die ik zelf al geprobeerd heb, resulteerden in het verdwijnen van de helft van mijn website
Dank.
In deze code wil ik de tekst 'Reageer' veranderen in de kleur zwart (deze is nu wit op een witte achtergrond, dat werkt dus niet):
<?php wp_list_comments(array('type'=>comment,'callback'=>mytheme_comment,'avatar_size'=>50, 'reply_text'=>__('Reageer','OnTheGo'))) ; ?>
Als iemand mij kan zeggen waar ik wat precies in moet voeren, stel ik dat zeer op prijs. De dingen die ik zelf al geprobeerd heb, resulteerden in het verdwijnen van de helft van mijn website
Dank.
[PHP/(My)SQL] voor dummies - Deel 85quote:
Ik heb een noobvraag die hier hopelijk beantwoord kan worden:
In deze code wil ik de tekst 'Reageer' veranderen in de kleur zwart (deze is nu wit op een witte achtergrond, dat werkt dus niet):
<?php wp_list_comments(array('type'=>comment,'callback'=>mytheme_comment,'avatar_size'=>50, 'reply_text'=>__('Reageer','OnTheGo'))) ; ?>
Als iemand mij kan zeggen waar ik wat precies in moet voeren, stel ik dat zeer op prijs. De dingen die ik zelf al geprobeerd heb, resulteerden in het verdwijnen van de helft van mijn website
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. :'(
Ja zoiets gok ik... Wel even goed testen in verschillende browsers!quote:
Zet er <font color="black"> voor en </font> achter?quote:
Ik heb een noobvraag die hier hopelijk beantwoord kan worden:
In deze code wil ik de tekst 'Reageer' veranderen in de kleur zwart (deze is nu wit op een witte achtergrond, dat werkt dus niet):
<?php wp_list_comments(array('type'=>comment,'callback'=>mytheme_comment,'avatar_size'=>50, 'reply_text'=>__('Reageer','OnTheGo'))) ; ?>
Als iemand mij kan zeggen waar ik wat precies in moet voeren, stel ik dat zeer op prijs. De dingen die ik zelf al geprobeerd heb, resulteerden in het verdwijnen van de helft van mijn website
Dank.
Niet aan PHP code gaan zitten kloten als je er geen verstand van hebt. gebruik de templates.
Ja, moet eerst even ergens registreren, zit achter een mac. Maar komt goedquote:
[..]
Ja zoiets gok ik... Wel even goed testen in verschillende browsers!
[..]
Zet er <font color="black"> voor en </font> achter?
Niet aan PHP code gaan zitten kloten als je er geen verstand van hebt. gebruik de templates.
Dankje 
Zie, daar ga ik al, denkend dat CSS en PHP hetzelfde isquote:Op woensdag 5 januari 2011 13:38 schreef donroyco het volgende:
[..]
[PHP/(My)SQL] voor dummies - Deel 85
Dankje! KomtTijd... dat had ik al geprobeerd, met alle gevolgen van dien
| 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 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 | <?php /** * @package WordPress * @subpackage Default_Theme */ // Do not delete these lines if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME'])) die (__('Please do not load this page directly. Thanks!','OnTheGo')); if ( post_password_required() ) { ?> <p class="nocomments"><?php _e('Dit bericht is beveiligd.','OnTheGo'); ?></p> <?php return; } ?> <!-- You can start editing here. --> <?php if ( have_comments() ) : ?> <div id="comment-section"> <p id="comments"><?php comments_number(__('Er zijn geen reacties','OnTheGo'), __('Er is één reactie','OnTheGo'), 'Er zijn % '.__('reacties','OnTheGo'));?></p> <?php if ( ! empty($comments_by_type['comment']) ) : ?> <ol class="commentlist"> <?php wp_list_comments(array('type'=>comment,'callback'=>mytheme_comment,'avatar_size'=>50, 'reply_text'=>__('Reageer','OnTheGo'))) ; ?> </ol> <?php endif; ?> <div class="navigation"> <div class="alignleft"> <?php previous_comments_link() ?> </div> <div class="alignright"> <?php next_comments_link() ?> </div> </div> <?php if ( ! empty($comments_by_type['pings']) ) : ?> <div id="trackbacks"> <h3 id="pings"><?php _e('Trackbacks/Pingbacks','OnTheGo'); ?></h3> <ol class="pinglist"> <?php wp_list_comments('type=pings&callback=list_pings'); ?> </ol> </div> <?php endif; ?> <?php else : // this is displayed if there are no comments so far ?> <div id="comment-section" class="nocomments"> <?php if ('open' == $post->comment_status) : ?> <!-- If comments are open, but there are no comments. --> <?php else : // comments are closed ?> <!-- If comments are closed. --> <div id="respond"> <p class="nocomments"><?php _e('Reageren op dit bericht is gesloten.','OnTheGo'); ?></p> </div> <!-- end respond div --> <?php endif; ?> <?php endif; ?> <?php if ('open' == $post->comment_status) : ?> <div id="respond"> <h3> <?php _e('Laat een reactie achter','OnTheGo'); ?> </h3> <div class="cancel-comment-reply"> <small> <?php cancel_comment_reply_link(); ?> </small> </div> <!-- end cancel-comment-reply div --> <?php if ( get_option('comment_registration') && !$user_ID ) : ?> <p><?php _e('Je moet zijn','OnTheGo'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>"><?php _e('ingelogd','OnTheGo'); ?></a> <?php _e('om te reageren.','OnTheGo'); ?></p> <?php else : ?> <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform"> <?php if ( $user_ID ) : ?> <p><?php _e('Je bent ingelogd als','OnTheGo'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>"><?php _e('Log uit »','OnTheGo'); ?></a></p> <?php else : ?> <p> <input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> /> <label for="author"><small><?php _e('Naam:','OnTheGo'); ?><?php if ($req) _e(' verplicht','OnTheGo'); ?></small></label> </p> <p> <input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?> /> <label for="email"><small><?php _e('E-mail (wordt niet weergegeven):','OnTheGo'); ?> <?php if ($req) _e(' verplicht','OnTheGo'); ?></small></label> </p> <p> <input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" /> <label for="url"><small><?php _e('Website','OnTheGo'); ?></small></label> </p> <?php endif; ?> <!--<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>--> <p> <textarea name="comment" id="comment" cols="60" rows="10" tabindex="4"></textarea> </p> <p> <input name="submit" type="submit" id="submit" tabindex="5" value="<?php _e('Reageer','OnTheGo'); ?>" /> <?php comment_id_fields(); ?> </p> <?php do_action('comment_form', $post->ID); ?> </form> <?php endif; // If registration required and not logged in ?> </div> <!-- end respond div --> <?php else: ?> <?php endif; // if you delete this the sky will fall on your head ?> </div> <!-- end comment-section --> |
Wat hij bedoelt is, je moet de css van de template aanpassen.
css is de stijl, php de content. Dus post even je css.
css is de stijl, php de content. Dus post even je css
.
Php genereert de content, is weer heel wat anders. No offencequote:
Wat hij bedoelt is, je moet de css van de template aanpassen.
css is de stijl, php de content. Dus post even je css
Maar voor hij denkt dat je content normaal blij kan aanpassen en hij aan de PHP gaat zitten. PHP haalt eigenlijk je content ergens anders vandaan.
Mierenneukenquote:
[..]
Php genereert de content, is weer heel wat anders. No offence
PHP haalt eigenlijk je content ergens anders vandaan.
.
Heb ik je dat even goed uitgelegd!quote:
[..]
Php genereert de content, is weer heel wat anders. No offence
PHP haalt eigenlijk je content ergens anders vandaan.
