http://wp-danmark.dk/forum/topic/begynderfejl-med-css WordPress DK Forum Topic: begynderfejl? med CSS da-DK Mon, 27 Jul 2026 23:07:45 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6954 lør, 23 aug 2008 17:39:53 +0000 peterhenrichsen 6954@http://wp-danmark.dk/forum/ <p>ok :-) </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6948 lør, 23 aug 2008 14:33:33 +0000 Søren Hugger Møller 6948@http://wp-danmark.dk/forum/ <p>Jeg er blevet ret vild med IE Tester, et program der indeholder IE 5.5, IE 6, IE 7 og IE 8. Ikke noget med at installere en masse forskellige versioner. Bare ét program med dem alle i :)</p> <p><a href="http://my-debugbar.com/wiki/IETester/HomePage" rel="nofollow">http://my-debugbar.com/wiki/IETester/HomePage</a> </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6944 lør, 23 aug 2008 10:26:55 +0000 peterhenrichsen 6944@http://wp-danmark.dk/forum/ <p>Det er nemlig rigtigt! Det er lige den jeg bruger, og den kan klart anbefales til alle andre WP'ere der ikke kender den. Browershots viser nogle statiske skærmbillederne af det link man sender ind, så man kan se resultatet i adskillige browser. Man lægger sit link i et batch job hos browsershots, og så kan der altså godt gå en time eller mere, inden ens job er kørt. Men resultatet er meget værd, så man skal blot vænne sig til at sætte den til at koge, mens man arbejder videre med noget andet.</p> <p>Så godt du nævnte det, fiskeben ;-)</p> <p>Jeg benytter også noget der hedder:</p> <p><a href="http://tredosoft.com/Multiple_IE" rel="nofollow">http://tredosoft.com/Multiple_IE</a></p> <p>Her kan man teste i de ældre versioner af IE. Altså ikke blot statiske skærmbilleder, men en installation (eller emulering, aner det ikke) af de gamle IE's. Fx er der stadig mange der benytter 6'eren, og så kan det være rart lige at suse rundt i WP menuerne og se hvordan det tager sig ud :-)</p> <p>mvh Peter </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6943 lør, 23 aug 2008 08:38:48 +0000 fiskeben 6943@http://wp-danmark.dk/forum/ <p>Med hensyn til at teste i flere browsere og på flere platforme kan man bruge Browsershots (<a href="http://browsershots.org/)" rel="nofollow">http://browsershots.org/)</a>. Det er kort fortalt en service, som tager et billede af en given hjemmeside, som den ser ud i et utal af forskellige browsere. Det tager dog lidt tid, så det er ikke noget man bare gør, hver gang man har ændret padding fra 2px til 3px :) </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6916 fre, 22 aug 2008 12:38:23 +0000 peterhenrichsen 6916@http://wp-danmark.dk/forum/ <p>Oho, også forskel på PC og Mac, herligt herligt ;-)</p> <p>Tak for svar, Thomas :-)</p> <p>Skal huske det CSS tip, og så må jeg vist til at lave nogle tests på alle populære browsers, for jeg ser nemlig også en del af mine brugere der anvender Safari.</p> <p>Nej, det ikke er nemt, men det er jo også lidt spændende ...</p> <p>Men uden Wp-venner gik det jo slet ikke, så TAK :-) endnu engang</p> <p>mange hilsner Peter </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6844 lør, 16 aug 2008 15:38:32 +0000 Thomas-DK 6844@http://wp-danmark.dk/forum/ <p>Man vender sig til at undgå de ting IE og FF er uenige om, men hvis man ikke kan undgår dem, så kan du altid lave et hack til FF eller IE. Hvis det ser pænt ud i FF, så kør det som regel også i Safari, Opera og alle de andre gecko (ligesom FF) baseret browsere.<br /> Så hvis du tjekker i IE og FF, er du ret sikker.</p> <p>Jeg gør som regel altid såden her i starten af mine css'er:<br /> * {margin:0; padding:0;}</p> <p>IE og FF sætter nemlig selv nogle standard værdier der som regel ikke er ens.<br /> Så skal du selv sætte padding og margin på input, ul, li osv. men det bliver normalt også ens så.</p> <p>Når jeg lige sidder ved min arbejds PC så skal jeg nok kigge på dine overskrifter.</p> <p>Ps. Jeg købte en mac for et ½ års tid siden og der viser det sig, at der også er forskel på FF på pc og på mac :D</p> <p>Det skal bare ikke være nemt :D </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6839 fre, 15 aug 2008 23:20:42 +0000 peterhenrichsen 6839@http://wp-danmark.dk/forum/ <p>Hej Thomas</p> <p>Jeg er også tilhænger at man selv læser sig til alt det der er muligt, men jeg synes nu du afslørede ganske meget. Nogle gange kører man bare håbløst fast, og ved ikke i hvilken bog man skal læse, og så er det SÅ fedt at få et skub i den rigtige retning.</p> <p>Det er blevet så fint nu, men mine infobokse på Kulturfoto.</p> <p>Firebug lyder for fedt. Det må jeg bestemt kigge på ...</p> <p>Nu, hvor du sikkert kigger i dette indlæg igen, har jeg et lille tillægsspørgsmål:</p> <p>Mange af mine overskrifter fx på mellemrubrikker, defineret i CSS, står lige som jeg ønsker det i IE7 mens Firefox næsten ikke retter sig efter noget af det. Er det bare sådan noget programmøren må forfine sig et kompromis til, så det står nogenlunde i de fleste browsers?</p> <p>Mange hilsner Peter </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6838 fre, 15 aug 2008 23:20:03 +0000 peterhenrichsen 6838@http://wp-danmark.dk/forum/ <p>Hej Thomas</p> <p>Jeg er også tilhænger at man selv læser sig til alt det der er muligt, men jeg synes nu du afslørede ganske meget. Nogle gange kører man bare håbløst fast, og ved ikke i hvilken bog man skal læse, og så er det SÅ fedt at få et skub i den rigtige retning.</p> <p>Det er blevet så fint nu, men mine infobokse på Kulturfoto.</p> <p>Firebug lyder for fedt. Det må jeg bestemt kigge på ...</p> <p>Nu, hvor du sikkert kigger i dette indlæg igen, har jeg et lille tillægsspørgsmål:</p> <p>Mange af mine overskrifter fx på mellemrubrikker, defineret i CSS, står lige som jeg ønsker det i IE7 mens Firefox næsten ikke retter sig efter noget af det. Er det bare sådan noget programmøren må forfine sig et kompromis til, så det står nogenlunde i de fleste browsers?</p> <p>Mange hilsner Peter </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6824 tors, 14 aug 2008 15:35:49 +0000 Thomas-DK 6824@http://wp-danmark.dk/forum/ <p>Super!<br /> Jeg svarede med vilje ikke 100% på dine spørgsmål, da jeg er sikker på du finder ud af det.<br /> Du ved også godt du bare spørger igen ;)</p> <p>I Firebug, kan jeg tilføje og rette i din css og se resultatet live. Så jeg satte !important i dine blaabog og baggrund under margin og padding. Så kommer det mellemrum du savner, men der kommer også det andet problem jeg beskrev.</p> <p>Prøv dig frem :) </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6823 tors, 14 aug 2008 15:19:05 +0000 peterhenrichsen 6823@http://wp-danmark.dk/forum/ <p>Tusind tak, Thomas!</p> <p>Det med float og !important anede jeg ikke, og jeg kan høre at jeg har byttet rundt på padding og margin.</p> <p>Jeg læser lige på det, og øver i lidt workshop ;-)</p> <p>Så har jeg garanteret nogle gode spørgsmål lidt senere.</p> <p>Hvad mener du med at du har tilføjet !important til mine CSS regler? Den forstod jeg ikke lige?</p> <p>Endnu engang en stor tak :-)</p> <p>Hilsen Peter </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6822 tors, 14 aug 2008 14:34:29 +0000 Thomas-DK 6822@http://wp-danmark.dk/forum/ <p>Jeg tilføjede lige !important til dine blaabog og baggrund css regler.<br /> Det vil løse dine problemer er jeg ret sikker på.</p> <p>Der vil nok også komme et andet, som er at padding udvidder elementet.<br /> Så du skal faktisk trække antal px du sætter i padding, fra i width.<br /> God fornøjelse :D </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6821 tors, 14 aug 2008 14:29:50 +0000 Thomas-DK 6821@http://wp-danmark.dk/forum/ <p>Når du har float på et element, så skal du forstille dig, at det ligger i et andet lag end resten (uden float). Derfor kan det nemt drille mht. at sætte margin på, så det påvirker elementer i et andet lag. Her snakker jeg især om forskelligheder i IE og FF.</p> <p>Hvis du tilføjer !important til dine css regler, så for de første prioritet.<br /> Padding er luft inden i elementet, margin er udenfor.</p> <p>Og jeg kan se i FireBug (must have firefox extension) at din margin og padding på baggrund bliver overskrevet af #content p</p> <p>Det løser du ved ovenstående forklaring f.eks.<br /> margin: 10px 10px 10px 10px !important;</p> <p>Håber jeg svarede på alle dine spørgsmål og jeg ikke forvirrede dig mere :D </p> http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6820 tors, 14 aug 2008 13:12:46 +0000 peterhenrichsen 6820@http://wp-danmark.dk/forum/ <p>Halløj!</p> <p>Jeg sidder som tidligere beskrevet i mit (synes jeg selv) lækre Brian Gardner Revolution tema, men jeg må erkende at jeg ikke styrer Cascading Style Sheets så godt.</p> <p>Det er nok nemmest at komme med et eksempel.</p> <p><a href="http://kulturfoto.dk/2008/07/22/bournonville-pa-pantomimen/" rel="nofollow">http://kulturfoto.dk/2008/07/22/bournonville-pa-pantomimen/</a></p> <p>I dette indlæg, nederst nede, arbejder jeg med nogle informationsbokse fx "Blå Bog" og "Baggrund".</p> <p>Udfordringen går på, at jeg ikke kan få 'margin' og 'padding' til at virke, hverken i IE eller Firefox</p> <p>Blå Bog's CSS koden ser således ud:</p> <p>.blaabog {<br /> width: 490px;<br /> background: #99CCFF;<br /> float: left;<br /> margin: 10px 10px 20px 10px;<br /> border-top: 4px solid #1A4E88;<br /> border-left: 1px solid #1A4E88;<br /> border-right: 1px solid #1A4E88;<br /> border-bottom: 1px solid #1A4E88;<br /> padding: 20px 20px 10px 20px;<br /> }</p> <p>Og alligevel står teksten helt ud til kanten i både venstre og højre side. Burde ovenstående margin-kommando ikke forhindre det?</p> <p>------------</p> <p>Den anden ting er at mine bokse i dette tema, ligger fuldstændig "cleanet" op af hinanden. Blå bog boksen ligger lige op og ned af Baggrund boksen. Der troede jeg at padding ville have en effekt, men tydeligvis ikke her?</p> <p>Er det mon netop begrebet Cascading som gør sig gældende her, nemlig at tidligere kommandoer om margin og padding "overruler" mine CSS-kommandoer for Blå bog og Baggrrund?</p> <p>Og er det korrekt at det er padding som skal skabe lidt horisontal luft mellem mine elementer?</p> <p>For jeg har altid savnet en nem både at skabe horisontal luft mellem elementerne på, da html 'break-kommandoen' åbenbart ikke er den rigtige måde at gøre det på?</p> <p>På forhånd mange tak :-)</p> <p>Hilsen Peter </p>