abonnement bol.com Unibet Coolblue
pi_73025676
quote:
Op dinsdag 22 september 2009 23:40 schreef Light het volgende:

Je kunt in een stylesheet niet iets opnemen als een breedte afhankelijk van of een ander element wel of niet aanwezig is. Dan zou je met een andere naam moeten werken voor de smallere div. En dan kan ook weer andere complicaties hebben waardoor je de stylesheet dan veel groter moet maken. Maar dat ligt ook aan de stylesheet en de verdere opbouw van de site.
Wat dacht je van simpelweg een class aan de body hangen, en "body.className #whatever" onderaan je stylesheet zetten, waarmee je "#whatever" overruled?

Net zoveel werk als een extra CSS includen, zelfde effect, een request minder.
pi_73026797
quote:
Op dinsdag 22 september 2009 23:50 schreef Roy_T het volgende:

[..]

Wat dacht je van simpelweg een class aan de body hangen, en "body.className #whatever" onderaan je stylesheet zetten, waarmee je "#whatever" overruled?

Net zoveel werk als een extra CSS includen, zelfde effect, een request minder.
Kan ook.
Er zijn, zoals altijd, meerdere wegen die naar Rome leiden. De beste oplossing voor situatie A hoeft niet de beste te zijn voor situatie B.
pi_73029023
mee lees post
Just say hi!
pi_73029414
quote:
Op dinsdag 22 september 2009 21:59 schreef daReaper het volgende:

[..]

nja die div wordt ook niet geladen bij andere pags dan de frontpage, was ik er even vergeten bij te zetten
Volgens mij gaat het dan haast automatisch goed. Als je die div #frontpage float:left geeft, gaat de inline inhoud uit de parent div automatisch de overgebleven ruimte vullen. Als #frontpage er niet is, staat'ie ook niet in de weg.

Als je voor een oplossing als hierboven gaat, mag ik er dan aan herinneren dat er ook nog altijd inline-styles bestaan? Voor dit soort pagina-specifieke opmaak nog altijd uiterst geschikt.
pi_73030179
quote:
Op woensdag 23 september 2009 00:30 schreef Light het volgende:

[..]

Kan ook.
Er zijn, zoals altijd, meerdere wegen die naar Rome leiden. De beste oplossing voor situatie A hoeft niet de beste te zijn voor situatie B.
True. Al is een request minder per definitie een betere weg, als het verder geen extra code kost
pi_73034877
tvp
  FOK!-Schrikkelbaas woensdag 23 september 2009 @ 14:57:29 #8
1972 Swetsenegger
Egocentrische Narcist
pi_73038730
Ik heb een box van 200px breed met een overflow:hidden. Als ik een image nest die breder is dan 200px valt de overflow in FF en safari keurig weg. IE 7 en 8 tonen de image gewoon volledig en loopt dus buiten de box.

Hoe ga ik dit oplossen?

-edit- al opgelost, had de image in een extra div genest die er gewoon uit kon.

[ Bericht 15% gewijzigd door Swetsenegger op 23-09-2009 15:20:15 ]
pi_73040549
quote:
Op woensdag 23 september 2009 14:57 schreef Swetsenegger het volgende:
Ik heb een box van 200px breed met een overflow:hidden. Als ik een image nest die breder is dan 200px valt de overflow in FF en safari keurig weg. IE 7 en 8 tonen de image gewoon volledig en loopt dus buiten de box.
Jahoor, volledig CSS-complient. Maar wel op zijn IE's.
  zondag 27 september 2009 @ 15:34:40 #10
87680 Mirel
Mirel wil een bongophone.
pi_73149791
www.mirelmasic.nl
Ik wil het menubalkje precies laten grenzen aan bovenste balkje. Dat doet ie allemaal heel goed, maar wanneer ik mijn unordered list aanzet, dan verspringt ie naar beneden.

1
2
3
4
5
6
7
8
9
10
11
<div id="bgtop">   
</div>
<div id="container">
   <div id="menu">
      <ul id="menulist">
         <li>een</li>
         <li>twee</li>
         <li>drie</li>
      </ul>
   </div>
</div>

bgtop is het achtergrond balkje.

css:
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
body {
   margin: 0px;
   padding: 0px;
   font-family: calibri;
   font-size: 12px;
   background: #333333;
}

#bgtop {
   background-image: url(images/bg-top.gif);
   height: 186px;

}

#container {
   width: 1000px;
   margin: 0 auto;
}

#menu {
   background: #f2ebeb;
   width: 1000px;
   height: 20px;
   color: red;
   font-family: verdana;
}

#menulist li {
   display: inline;
   list-style-type: none;
}

Een leraar zei tegen me dat die afstand komt vanwege de punten in de unordered list. Hij zegt dat ze wel weggehaald zijn met de css code (list-style-type: none;), maar dat de afstand nog niet eruit is.

Wat ik wel opmerk is dat als hij op horizontaal staat, de punten sowieso niet verschijnen.

Die afstanden kan ik allemaal mee lopen kutten via #menu, #menulist li en ook nog gewoon #menulist. Padding op 0 zetten doet niks. Hij komt niet boven die leegte terecht.

[ Bericht 2% gewijzigd door Mirel op 27-09-2009 15:53:05 ]
When all else fails, you always have delusion.
pi_73150916
Je <ul> met id #menulist moet "margin: 0" hebben.
  zondag 27 september 2009 @ 17:15:32 #12
87680 Mirel
Mirel wil een bongophone.
pi_73152589
Yep dat is het.

Wat ik heb er trouwens ene pesthekel aan als je zoveel probeert dat iets wat voor de hand ligt je denkt "dat was het eerste wat ik geprobeerd had"

Code he
When all else fails, you always have delusion.
pi_73167524
Even Firebug voor Firefox installeren, en je had het in 1 minuut gezien
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 12:59:34 #14
1972 Swetsenegger
Egocentrische Narcist
pi_73239358
Iets vreemds.

relevante css

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
.topmenu{
   position:relative;
   width:728px;
   height:25px;
   background-image:url(../image/topmenubg.png);
   background-repeat:repeat-x;
   color:white;
   line-height:25px;
   font-family: verdana, Sans, sans-serif;
   font-size:10pt;
   overflow:hidden;
   text-align:left;
}

.cart{
   float:right;
   width:200px;
   height:25px;
   background-image:url(../image/cartbg.png); 
   background-repeat:no-repeat;
   color:white;
   line-height:25px;
   font-family: verdana, Sans, sans-serif;
   font-size:10pt;
   text-align:left;
   z-index:99;
}


html

1
2
3
4
5
6
7
8
9
<div class="topmenu">
    <a href="index.php">Home</a>
   <a href="actie/2">Nieuwe Collectie</a>
   <a href="actie/3">Sale!</a>
   <a href="styling">Styling</a>
   <a href="klantenservice">Klantenservice</a>
   <a href="gastenboek">Ervaringen</a>
  <div class="cart">  test</div>
</div>


Onder IE7 en FF 3.0.11 is de div 'cart' niet zichtbaar
pi_73240249
Heb je geen URL waar we even kunnen spieken? Gooi anders je CSS van de a;tjes er ook even bij.
pi_73240552
Off topic, maar waarom gebruik je geen list voor die opsomming van links?
pi_73240727
er zijn wel meer dingen een beetje off, color:white, font size in PT's. een z-index op 1 element? ik moet de rest even zien.
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:44:37 #18
1972 Swetsenegger
Egocentrische Narcist
pi_73240771
Omdat ik in dit geval geen zin hebt in een hoop css voor een simpel menuutje wat niet uitbreidt. Links hiervan staat een menu wat uit mijn css komt rollen en omdat die dynamisch is is dat inderdaad een list.

Nou het probleem was dat hij onder IE7 en FF ging wrappen. Omdat de overflow op hidden stond zag je de layer dus niet. Waarom er gewrap werd is me niet duidelijk, dus ik heb er nu maar 2 floats van gemaakt en het werkt nu crossbrowser in Safari 4 (OSX/XP), FF 3 (OSX/XP), Opera (OSX/XP), Chrome, IE7 en IE8
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:45:49 #19
1972 Swetsenegger
Egocentrische Narcist
pi_73240812
quote:
Op woensdag 30 september 2009 13:42 schreef snkr-xxx het volgende:
er zijn wel meer dingen een beetje off, color:white, font size in PT's. een z-index op 1 element? ik moet de rest even zien.
Wat is er mis met een color: white en font size in pt ? Z-index was ene overblijfseltje van wat tests waarom die layer niet zichtbaar was en er stond dus gewoon op 2 elementen een z-index.
pi_73240835
heeft toch niet zoveel met uitbreiding te maken, is gewoon semantiek..
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:47:47 #21
1972 Swetsenegger
Egocentrische Narcist
pi_73240867
quote:
Op woensdag 30 september 2009 13:46 schreef snkr-xxx het volgende:
heeft toch niet zoveel met uitbreiding te maken, is gewoon semantiek..
Het is hier geen lijst het is een rijtje Dus over semantiek kan je twisten.
pi_73240888
quote:
Op woensdag 30 september 2009 13:45 schreef Swetsenegger het volgende:

[..]

Wat is er mis met een color: white en font size in pt ? Z-index was ene overblijfseltje van wat tests waarom die layer niet zichtbaar was en er stond dus gewoon op 2 elementen een z-index.
Bij white maakt het geen snars uit, maar als je dat vaker doet, bij bijv orange, of pink en dergelijke, zit je er mooi mee dat verschillende browsers de kleur anders interpreteren, dus gewoon lekker hex codes gebruiken, is net zo easy.

Punten zijn voor print, niet voor web. Gewoon px of nog liever em's gebruiken
pi_73240942
quote:
Op woensdag 30 september 2009 13:47 schreef Swetsenegger het volgende:

[..]

Het is hier geen lijst het is een rijtje Dus over semantiek kan je twisten.
Alles wat een opsomming is hoort in een lijst, of dit nu een rijtje of kolom of van mijn part diagonaal gaat. Maar goed, ieder z'n ding idd
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:50:27 #24
1972 Swetsenegger
Egocentrische Narcist
pi_73240965
quote:
Op woensdag 30 september 2009 13:48 schreef snkr-xxx het volgende:

[..]

Bij white maakt het geen snars uit,
Dus je probleem is?
quote:
maar als je dat vaker doet, bij bijv orange, of pink en dergelijke, zit je er mooi mee dat verschillende browsers de kleur anders interpreteren, dus gewoon lekker hex codes gebruiken, is net zo easy.
En waar haal je vandaan dat ik dat niet zou doen? Als ik al preset colors gebruik naast white en black is het voor test doeleinden.
quote:
Punten zijn voor print, niet voor web. Gewoon px of nog liever em's gebruiken
Ja dat is ook echt belangrijk.
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:51:20 #25
1972 Swetsenegger
Egocentrische Narcist
pi_73240996
quote:
Op woensdag 30 september 2009 13:49 schreef snkr-xxx het volgende:

[..]

Alles wat een opsomming is hoort in een lijst, of dit nu een rijtje of kolom of van mijn part diagonaal gaat. Maar goed, ieder z'n ding idd
Dat vind ik niet. Als het semantisch zo bedoeld was is het wel erg lullig dat een <ul> onder elkaar geplaatst wordt en je voor 5 linkjes een stuk CSS moet gaan schrijven.
abonnement bol.com Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')