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.
Ja ik heb Opera dragonding, Firefox firebug, en webdeveloper voor IE. 
ik dacht gewoon dat het een echte lijn was ipv een afbeelding
ik dacht gewoon dat het een echte lijn was ipv een afbeelding
When all else fails, you always have delusion.
Die ook, maar die kan echt niet tippen aan Firebug. Daarmee had ik dit iig niet in 30 seconden gevonden.quote:
CSS > View Style Information > selecteer de cel van de tabel met de stippellijn. 5 sec.quote:Op maandag 18 mei 2009 14:55 schreef Roy_T het volgende:
[..]
Die ook, maar die kan echt niet tippen aan Firebug. Daarmee had ik dit iig niet in 30 seconden gevonden.
シ
Ik heb de volgende code:
Maar als ik die maten invoer dan worden de afmetingen van de header aangepast en niet die van het plaatje. Weet iemand wat ik fout doe?
Nu wil ik het plaatje dus bepaalde afmetingen geven, zodat ie netjes in de header past.quote:Body {
width:750px;
margin:0 auto;
margin-top:15px;
}
#header {
width:750px;
height:150px;
background-color:#ffffff;
border: 2px solid #CCCCCC;
font-weight: bold;
color: #666666;
background: url(Pics/FP-moving-gif2.gif) no-repeat center center ;
}
Maar als ik die maten invoer dan worden de afmetingen van de header aangepast en niet die van het plaatje. Weet iemand wat ik fout doe?
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
DeviantArt
Met css kan je (nog) niet de afmetingen van een achtergrondafbeelding bepalen, je zult dus de afbeelding zelf aan moeten passen naar de juiste afmetingen.quote:
Ik heb de volgende code:
[..]
Nu wil ik het plaatje dus bepaalde afmetingen geven, zodat ie netjes in de header past.
Maar als ik die maten invoer dan worden de afmetingen van de header aangepast en niet die van het plaatje. Weet iemand wat ik fout doe?
| 1 2 3 4 | width:750px; margin: 15px auto 0; } |
Volgens mij werkt dit trouwens ook, scheelt weer een regel.
“Specialization is for insects”.—Robert Heinlein
Jawel hoor dat gaat prima, als ik van een los plaatje de afmetingen ingeef dan gaat dat prima, alleen dus niet bij het plaatje wat ik in de header wil zetten.quote:Op maandag 18 mei 2009 17:16 schreef n8n het volgende:
[..]
Met css kan je (nog) niet de afmetingen van een achtergrondafbeelding bepalen, je zult dus de afbeelding zelf aan moeten passen naar de juiste afmetingen.
[ code verwijderd ]
Volgens mij werkt dit trouwens ook, scheelt weer een regel.
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
DeviantArt
Omdat dat in je header een background is dus dan kan dat (nog) niet.quote:
[..]
Jawel hoor dat gaat prima, als ik van een los plaatje de afmetingen ingeef dan gaat dat prima, alleen dus niet bij het plaatje wat ik in de header wil zetten.
シ
Maar what about deze methode?quote:Op maandag 18 mei 2009 17:25 schreef Chanty87 het volgende:
Omdat dat in je header een background is dus dan kan dat (nog) niet.
Zou moeten werken, maar ik krijg het niet aan de praat , vandaar dat ik het op bovenstaande manier probeer.quote:div#afbeelding{
background: #D3E6CF url(../_img/para.jpg) no-repeat 0 0;
height: 300px;
width: 225px;
border: 5px solid #618059;
}
Als ik dit in de header zet dan is het hele plaatje weg.
Of werkt dat in zijn geheel niet voor headers?
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
DeviantArt
Dat is positioneringquote:
Met CSS2 is het niet mogelijk om achtergronden te schalen. Je zult toch echt zelf het plaatje moeten verkleinen
シ
Oke, dank voor de info, ff photoshop opstarten dan.
There are no Saviours, there are no Kings, the Power lies in your head
DeviantArt
DeviantArt
Ik wil children options in een select box een indent geven. Dit gaat niet met padding(-left) of margin(-left). Hoe kan ik dit doen in IE? Firefox doet het wel gewoon..
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Hetzelfde geldt eigenlijk voor optgroup, die blijft in IE maar bold en italic.quote:Op donderdag 21 mei 2009 10:32 schreef markiemark het volgende:
Ik wil children options in een select box een indent geven. Dit gaat niet met padding(-left) of margin(-left). Hoe kan ik dit doen in IE? Firefox doet het wel gewoon..
Hier mijn CSS
| 1 2 3 | option.option_category_0 {background-color:#09F; color:#000;} option.option_category_1 {padding-left: 25px;} |
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
Een beetje zoals hier onder aan de pagina (Selecteer forum)? Daar zit de padding met & nbsp; in de html-code.quote:
Ik wil children options in een select box een indent geven. Dit gaat niet met padding(-left) of margin(-left). Hoe kan ik dit doen in IE? Firefox doet het wel gewoon..
Als ik deze pagina bekijk, kan het nog wel eens lastig worden om een <option> of een <optgroup> te stylen. Je hebt ook te maken met browsers die alles zelf bepalen. Er valt natuurlijk ook wel wat voor te zeggen dat een standaardcomponent van het besturingssysteem altijd op dezelfde manier wordt getoond, en dat het dus geen browserding is.quote:
[..]
Hetzelfde geldt eigenlijk voor optgroup, die blijft in IE maar bold en italic.
Hier mijn CSS
[ code verwijderd ]
Wat is nou de meest makkelijke en beste manier om de a van een class te stijlen? Ik heb steeds het probleem dat de link uiteindelijk een andere a overneemt.
Voorbeeldje:
h1 is gestyled
.test a, a:active, a:visited en a:hover zijn gestyled
In <div class="test"> wil ik dus niet dat die daar de h1 gaat gebruiken. Dit gebeurt uiteindelijk wel. Hoe kan ik de classes apart stijlen zodat dat wel lukt?
Voorbeeldje:
h1 is gestyled
.test a, a:active, a:visited en a:hover zijn gestyled
In <div class="test"> wil ik dus niet dat die daar de h1 gaat gebruiken. Dit gebeurt uiteindelijk wel. Hoe kan ik de classes apart stijlen zodat dat wel lukt?
Er hoeft ook niets van te worden gemaakt. Gaat gewoon om een stukje uitleg.
Hoe stijl jij jouw links in een div?
Hoe stijl jij jouw links in een div?
Ik doe het meestal zo:quote:Op maandag 25 mei 2009 10:16 schreef Nashje het volgende:
Er hoeft ook niets van te worden gemaakt. Gaat gewoon om een stukje uitleg.
Hoe stijl jij jouw links in een div?
Pak de standaard a/h1/hr/ul enz. en die geef ik een basiskleur/afmeting/border en alle andere ongein die je kunt bedenken.
Daarbuiten heb ik nog datzelfde verhaal voor bepaalde delen op de site waarbij die zaken afwijken van de rest van de site en daarbij werk ik dan weer met de div-verwijzing voor de a/h1 enz. enz.
body, img, h1, h2, h3, p, hr, ul
a:link, a:visited, a:active, a:hover enz.
En dan bijvoorbeeld voor mijn div MenuInhoud (onderdeel van een 'grotere' div) die een andere h1 opmaak heeft dan de standaard h1 die eerder in de stylesheet staat:
.MenuInhoud h1 { font-size: 1.3em; }
.MenuInhoud a { color:#000000 ;text-decoration:none; }
En zo weer verder.
Vast niet de makkelijkste en/of beste manier, ben ook maar beginner.
Ik snap niets van wat jouw h1 ermee te maken heeftquote:Op maandag 25 mei 2009 10:16 schreef Nashje het volgende:
Er hoeft ook niets van te worden gemaakt. Gaat gewoon om een stukje uitleg.
div.classname a {quote:Hoe stijl jij jouw links in een div?
...
}
Hoe krijg ik de footer helemaal onder de pagina op http://www.yeuxmarrons.com/ (in Firefox) en op http://www.yeuxmarrons.com/theme/disney/ ? Ik heb de verschillende onderdelen met DIV'jes onderverdeeld maar de footer begint zelfs al tussen de bovenste menuopties. (globalnav)
De CSS staat hier http://www.yeuxmarrons.com/new/yeuxmarrons.css
De CSS staat hier http://www.yeuxmarrons.com/new/yeuxmarrons.css
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
gewoon de float clearen?quote:Op maandag 1 juni 2009 @ 16:32 schreef tim2308 het volgende:
Hoe krijg ik de footer helemaal onder de pagina op http://www.yeuxmarrons.com/ (in Firefox) en op http://www.yeuxmarrons.com/theme/disney/ ? Ik heb de verschillende onderdelen met DIV'jes onderverdeeld maar de footer begint zelfs al tussen de bovenste menuopties. (globalnav)
De CSS staat hier http://www.yeuxmarrons.com/new/yeuxmarrons.css
Dank je he! Het werkt. p {clear: both;} aan de css toegevoegd en een lege <p></p> boven de footer gezet. (gevonden op http://www.flashfocus.nl/forum/archive/index.php/t-43103.html , onderaan)
Ook nog een handige site lijkt me:http://css.maxdesign.com.au/floatutorial/
Ook nog een handige site lijkt me:http://css.maxdesign.com.au/floatutorial/
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
waarom niet gewoon op de footer zelf dan?
grofweg alle P-tags clearen kan ook ongewenste effecten hebben...
grofweg alle P-tags clearen kan ook ongewenste effecten hebben...
Een lege <p>, dat is lekker semantisch correct zullen we zeggen Hang die clear idd gewoon aan de footer en klaar.
Met alle respect, de meeste mensen op FlashFocus hebben geen totaal benul van wat ze doen in HTML & CSS. Die moeten het gewoon bij Flash houden.
Hang die clear idd gewoon aan de footer en klaar.Met alle respect, de meeste mensen op FlashFocus hebben geen totaal benul van wat ze doen in HTML & CSS. Die moeten het gewoon bij Flash houden.
Dat lijkt me idd beter.quote:Op maandag 1 juni 2009 21:25 schreef jemoeder125 het volgende:
waarom niet gewoon op de footer zelf dan?
Ik kan me ook niet echt voorstellen dat het nodig is. Als je iets heb dat je voor alle P-tags wilt instellen, dan zijn het margins en paddings. Font-dingen stel je op een hoger niveau in (html of body) en dan ben je eigenlijk al klaar.quote:grofweg alle P-tags clearen kan ook ongewenste effecten hebben...
