[CSS] voor dummies - deel 11

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_66914691
Weet iemand of het mogelijk is om in een textarea een vaste achtergrond te zetten? zodat deze niet verspringt als je entert?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_66915210
quote:
Op dinsdag 10 maart 2009 22:01 schreef Chandler het volgende:
Weet iemand of het mogelijk is om in een textarea een vaste achtergrond te zetten? zodat deze niet verspringt als je entert?
waarom wil je dat nou weer ?
Redacted
pi_66915754
om een afbeelding als achtergrond te gebruiken voor een textarea? vraag van een klantje, en het wil wel maar niet in alle browsers (IE7 bv)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 10 maart 2009 @ 22:31:09 #274
30927 metallicattim
-=Hypocrisy=-
pi_66916088
quote:
Op dinsdag 10 maart 2009 21:53 schreef Roy_T het volgende:
Stuk beter metallicattim!

Op basis van wat ik nu snel gezien heb:

Het is nu tijd om wat meer op semantiek te letten. Je lijst met menu items bijvoorbeeld, is een lijst en geen paragraaf. Het zou dus logischer zijn om hier een <ul> voor te gebruiken.

Zorg daarnaast dat de namen van de CSS classes en ID's beschrijvend zijn. Vermijd zaken als "red" en "rechts". Je regelt de lay-out nu met CSS, maar je krijg een vreemde situatie als je de tekst liever links en groen wilt hebben: je class "redrechts" dekt dan de lading niet meer. Maak het beschrijvend, zoals "introtekst", etc etc (wat het is dus, en niet hoe het eruit ziet).

PNG's kun je prima gebruiken, zolang je beseft dat de transparantie in PNG's niet werkt in IE6 (wél in IE7 en 8). Je kunt daar kunstgrepen voor uithalen, of denken "fuck IE6" Het voordeel van PNG's is dat ze het fenomeen "semi-transparant" kennen, waar in een GIF een pixel helemaal transparant is, of helemaal niet.

PS: Haal die <center> eens snel weg, dat kan ook in de CSS
Thx, met deze opbouwende kritiek kan ik wel wat!! Ik ga ermee aan de slag

Ik had idd al een browsercheck gedaan en zag dat de site in IE6 en lager sowieso niet fatsoenlijk wordt weergegeven... op het moment heb ik idd het "fuck IE6" gevoel haha. Komt misschien nog wel, het is geen miljoenenpubliek wat er komt, het gaat op die sowieso meer om de info, dan om het design, maar wil het toch een beetje netjes uit laten zien.
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66918150
quote:
Op dinsdag 10 maart 2009 22:24 schreef Chandler het volgende:
om een afbeelding als achtergrond te gebruiken voor een textarea? vraag van een klantje, en het wil wel maar niet in alle browsers (IE7 bv)
Nee, dat kan niet. Wat je wél kunt doen is een div die achtergrond geven, met daarbinnen een textarea met dezelfde afmetingen als die div en background: transparent.
pi_66937813
ik zit nu op werk, dus kan niet al te veel aan de site doen, maar nu valt me bv. in dat ik nog een menu-item wil toevoegen, dat moet ik nu dus op elke pagina erbij gaan plakken.

Is er geen mogelijkheid om een menu te maken en deze "op te vragen" op elke pagina, zodat je het menu maar op 1 plek hoeft aan te passen en dat op elke pagina doorgevoerd word ( Dat was toch de kracht van CSS? ) maar dit kan niet via een div in style.css of toch?
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66937996
quote:
Op woensdag 11 maart 2009 15:41 schreef metallicattim het volgende:
ik zit nu op werk, dus kan niet al te veel aan de site doen, maar nu valt me bv. in dat ik nog een menu-item wil toevoegen, dat moet ik nu dus op elke pagina erbij gaan plakken.

Is er geen mogelijkheid om een menu te maken en deze "op te vragen" op elke pagina, zodat je het menu maar op 1 plek hoeft aan te passen en dat op elke pagina doorgevoerd word ( Dat was toch de kracht van CSS? ) maar dit kan niet via een div in style.css of toch?
PHP

pagina maken met menu of de div stukjes alleen

bvb Menu.php
1<div>wat er ook in mag staan</div

1
2
3		<?php
 include 'menu.php' 
?>

Werkt prima online (offline werkt het met Xampp en localhost wel even kijken in welke div hij moet staan dat menu

je kan de include zien als een verlenging van de pagina waarop je hem zet . soort tussengeplakt briefje

zelfde manier kan er ook een footer gemaakt worden

Natuurlijk moeten je bestanden .php gaan heten ipv .html maar de meeste servers maakt dat geen bal uit

[ Bericht 5% gewijzigd door cablegunmaster op 11-03-2009 16:42:04 ]
Redacted
pi_66938361
Of een willekeurig andere server-side taal ipv PHP, of client-side met JavaScript (maar dat zou ik niet aan willen raden)
pi_66944535
thx!! De opmaak van die menu.php mag dus ook gewoon html code zijn?

En het menu word geplaatst, daar waar ik de include oproep?

Ik ga er eens mee stoeien, bedankt voor de hulp!
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66944622
in menu.php mag je kloten wat je wil met html

als de pagina waar je het in include ook .php heet
Redacted
pi_66955997
Sterker nog, je mag 'm ook gewoon menu.html noemen en die includen in je iets.php
pi_66956876
quote:
Op donderdag 12 maart 2009 00:10 schreef Roy_T het volgende:
Sterker nog, je mag 'm ook gewoon menu.html noemen en die includen in je iets.php
Zolang elk bestand waar het menu in voorkomt maar php heet snapt de php code je werking
Redacted
pi_66959689
kan ik mijn huidige index.html etc. dan gewoon veranderen in index.php? Of moet ik de doctype en meta tags aanpassen?

Met deze vraag ben ik effe lui, want ik kan het ook opzoeken weet ik Maar ik moet nu naar werk, misschien dat iemand het effe voor me kan voorkauwen
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66959729
Je kan het gewoon aanpassen in .php.
pi_66962032
quote:
Op donderdag 12 maart 2009 00:53 schreef cablegunmaster het volgende:

[..]

Zolang elk bestand waar het menu in voorkomt maar php heet snapt de php code je werking
Hoeft niet eens, zolang er in de httpd.conf van apache maar staat aangegeven dat het betreffende bestandsformaat geparsed wordt door php is er niks aan de hand..
met .php zit je wel altijd safe.
pi_66976195
iemand een idee waarom in IE mijn footer div zo'n resultaat geeft:


en in FF en Chrome zo'n resultaat geeft:


En wat ik er aan zou kunnen doen om het goed te krijgen ? ;-)

1
2
3
4
5
6
7		#footer{
   height: 20px;
   left: 260px;
   background: #CCC;
   position: absolute;
   bottom: 20px;
   padding-top: 20px;
pi_66977119
Iets zegt mij dat we HTML en meer CSS moeten zien
pi_66987004
quote:
Op donderdag 12 maart 2009 09:07 schreef Roy_T het volgende:
Je kan het gewoon aanpassen in .php.
SUPER!!

Heb het zojuist aangepast en werkt idd perfect!! Ik ga de header en footer ook meteen via een include oproepen, alleen de inhoud is dan statisch.

Thx voor de hulp
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
  zondag 15 maart 2009 @ 00:32:24 #289
245726 BanaBox
U never know whats inside.
pi_67057627
quote:
Op donderdag 12 maart 2009 17:19 schreef klusmeister het volgende:
iemand een idee waarom in IE mijn footer div zo'n resultaat geeft:
[ afbeelding ]

en in FF en Chrome zo'n resultaat geeft:
[ afbeelding ]

En wat ik er aan zou kunnen doen om het goed te krijgen ? ;-)
[ code verwijderd ]


wat staat er in de html? en wat is de css voor tekst?
Ook leuk!
Last.fm
pi_67151135
http://code.google.com/p/ie7-js/

toevoegen aan OP! svp Dat maakt het dat IE zich ook degelijk gedraagt ^^ als Firefox.
Redacted
  dinsdag 17 maart 2009 @ 23:18:38 #291
230788 n8n
Pragmatisch
pi_67155066
quote:
Op donderdag 12 maart 2009 17:19 schreef klusmeister het volgende:
iemand een idee waarom in IE mijn footer div zo'n resultaat geeft:
[ afbeelding ]

en in FF en Chrome zo'n resultaat geeft:
[ afbeelding ]

En wat ik er aan zou kunnen doen om het goed te krijgen ? ;-)
[ code verwijderd ]
Probeer eens wat te varieren met { line-height: ##px } op het element waar de tekst in staat.
“Specialization is for insects”.—Robert Heinlein
pi_67157293
quote:
Op dinsdag 17 maart 2009 21:37 schreef cablegunmaster het volgende:
http://code.google.com/p/ie7-js/

toevoegen aan OP! svp Dat maakt het dat IE zich ook degelijk gedraagt ^^ als Firefox.
Als dat in OP komt, dan heb ik nog wel een stuk of 10 libraries die erin kunnen. Je kunt je ook afvragen waarom je zo'n library nodig hebt. Je bent best wel een prutser als je een site in IE7 niet hetzelfde krijgt als in Firefox, zonder hier meer dan 5 minuten extra aan te besteden. Het is imo plain evil om dat met JS op te gaan lossen.

[ Bericht 3% gewijzigd door Roy_T op 18-03-2009 00:47:05 ]
pi_67161543
quote:
Op woensdag 18 maart 2009 00:37 schreef Roy_T het volgende:

[..]

Als dat in OP komt, dan heb ik nog wel een stuk of 10 libraries die erin kunnen. Je kunt je ook afvragen waarom je zo'n library nodig hebt. Je bent best wel een prutser als je een site in IE7 niet hetzelfde krijgt als in Firefox, zonder hier meer dan 5 minuten extra aan te besteden. Het is imo plain evil om dat met JS op te gaan lossen.
Wel eenvoudig.

Heb je voorbeelden?
pi_67161627
quote:
Op woensdag 18 maart 2009 10:01 schreef Flaccid het volgende:

Wel eenvoudig.

Heb je voorbeelden?
Voorbeelden van wat?
pi_67162982
quote:
Op woensdag 18 maart 2009 10:04 schreef Roy_T het volgende:

[..]

Voorbeelden van wat?
Had het eigenlijk tegen degene die propageerde dat het in de OP moest. Maar heb al wat gevonden.
pi_67240534
Is het mogelijk om een plaatje in een li te plaatsen, zonder dat die li de bovenliggende li omhoog duwt?
pi_67241064
quote:
Op vrijdag 20 maart 2009 15:11 schreef Nashje het volgende:
Is het mogelijk om een plaatje in een li te plaatsen, zonder dat die li de bovenliggende li omhoog duwt?
Je zult echt eerst uit moeten leggen hoe een li iets "omhoog duwt"
pi_67244067
Hmm nee, heb voor een andere manier gekozen . Sorry.

Kun je trouwens embedded swfjes clickable maken met een a href?
pi_67245678
Nee, maar je zou een link over de swf kunnen leggen, ter grootte van de swf.
pi_67353233
Dat zou ook een oplossing zijn geweest idd, niet eens aan gedacht.

Ben weer aanbeland bij een nieuw raadsel. Zal vast mogelijk zijn, maar weet niet hoe... Een zoeksysteem binnen je site, die niet gaat zoeken in tables oid, nee, stuk tekst waarop je hebt gezocht wordt geselecteerd op de site. Dus zonder PHP ofzo.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 11
Index

» digital corner

» development

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