[CSS] voor dummies - Deel 4

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  donderdag 23 maart 2006 @ 12:03:48 #26
52200 ViPeRII
It's a good day to die
pi_36292490
Als je nu een margin-bottom er in zet van 200px lost dat je probleem op Desdinova?
-- ViPeRII --
pi_36292539
quote:
Op donderdag 23 maart 2006 12:00 schreef Desdinova het volgende:
ik heb een div met height en min-height op 100%, positioning absolute, en top op 200px. Dit creeert een scrollbalk in mn browser omdat hij eerst 100% hoogte berekent, en daarna 200px naar beneden opschuift (of iets dergelijks). Maar ik wil dus 100% - 200px. Kan dit?
Kun je een (container)div niet om de header en dat andere ding zetten met als min-heigt 100%?
  donderdag 23 maart 2006 @ 12:18:03 #28
23170 WebForce
Kijk mij nou!
pi_36292849
Ik heb het denk ik opgelost:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		body {
   width: 808px;
   background: #DDD;
   margin-top: 5px;
   margin: 0px auto;
}

#centercolumn {
   width: 600px;
   padding-top: 6px;
   float: left;
}

#rightcolumn {
   width: 205px;
   float: right;
}

#header {
   width: 800px;
   border: 1px solid #999;
}

Idd met float dus Maar moest de centercolumn ook vertellen dat die rechts moest floaten
pi_36293100
@ ViperII
het lijkt erop van niet. Alleen in netscape en FF werkt het niet okee. Het ziet er wel goed uit, maar met het scrollwieltje is er 200pixels naar beneden te scrollen (er zijn geen scrollbalken).

@ disheaver
kan, maar werkt niet.
misschien als ik dan bij de andere divs de 100% weghaal, maar dan klopt de layout niet meer. de divs hebben een backgroundimage, en eentje draagt de content, dus die moet ook een overflow krijgen.
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_36306266
tvp
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_36355301
Even een klein vraagje:
ik heb het volgende:
1
2
3
4
5
6		<td>
              <a href="" title="test1">test1</a>
              <a href="" title="test2">test2</a>
              <a href="" title="testT">testT</a>
              <span class="weekday">25</span>
</td>

Nu wil ik dat de span met weekday gepositioneerd wordt boven de a's zonder dat ik de span er in de html boven moet zetten. Iemand ideeen?
Curiosity Killed The Cat
pi_36360909
Hey,

in Firefox en MSIE doet ie het prima, maar niet in Opera. Het effect van de links werkt wel, maar de kleuren niet?

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		A:visited {
                    font-family: verdana, Helvetica, sans-serif;
                    font-size: 11px;color:"#624800";
                    text-decoration:none;
                   font-weight: bold;
}
A:hover {
font-family: verdana, Helvetica, sans-serif;
font-size: 11px;
color:"#846100";
text-decoration:underline;
font-weight: bold;
}
A:link {
font-family: verdana, Helvetica, sans-serif;
font-size: 11px;
color:"#624800";
text-decoration:none;
font-weight: bold;
}
A:active {
font-family: verdana, Helvetica, sans-serif;
font-size: 11px;
color:"#846100";
text-decoration:none;
font-weight: bold;
}


[ Bericht 61% gewijzigd door dewitteparel op 25-03-2006 19:01:55 (leesvriendelijk gemaakt ;)) ]
pi_36361563
je hoeft geen " om je hex codes te zetten voor kleurtjes .
Curiosity Killed The Cat
pi_36361630
quote:
Op zaterdag 25 maart 2006 19:21 schreef rickmans het volgende:
je hoeft geen " om je hex codes te zetten voor kleurtjes .
geniaal , maar het werkt wel dank!
pi_36364513
Is het mogelijk om in 1 stylesheet meerdere kleuren te gebruiken voor linkjes?
Ik heb namelijk een menu waarvan de linkjes wit moeten zijn. Maar in de rest van de pagina's moeten ze zwart zijn. Maar nu blijkt dus dat het niet mogelijk is om een classe aan een a href te hangen.
Ik weet dat het kan als je gaat kutten met lists, maar ook dat voorkom ik liever.

Kortom, hoe krijg ik voor elkaar dat je met 1 stylesheet gebruik kunt maken van 2 types urls met elk andere kleuren en andere CSS attributen?
Dwz. in het menu zijn ze wit en in de rest van de pagina zwart .

[ Bericht 20% gewijzigd door blieblie op 25-03-2006 21:17:31 ]
Audioscrobbler _O_
Poezel
pi_36364572
Ik ben net begonnen met css. Mijn vragen gaan zeker nog wel komen
stupidity has become as common as common sense was before
pi_36365223
@ blieblie

zet in je <a> tag een class. bijv:
<a class="white" href="etc

en in je stylesheet zet je dan:

a.white {
color: white;
}

en a.white:hover {
color: black;
}
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_36365556
quote:
Op zaterdag 25 maart 2006 21:28 schreef Desdinova het volgende:
@ blieblie

zet in je <a> tag een class. bijv:
<a class="white" href="etc

en in je stylesheet zet je dan:

a.white {
color: white;
}

en a.white:hover {
color: black;
}
Jup! Dat is em . Dank je! Heerlijk is dat... Zulke makkelijke logische oplossingen en ze gewoon niet zelf verzonnen of gevonden krijgen .
Audioscrobbler _O_
Poezel
  maandag 27 maart 2006 @ 17:55:30 #39
74523 BaggerUser
ModderFokker!
pi_36410555
oke hoe ga ik dit fixen met div's en css zodat het en in internet explorer en firefox werkt?



het problem is dat als paars langer wordt (content) groen en blauw ook langer moeten worden... heb nog nooit een oplossing voor dit probleem kunnen vinden, maar ik neeeem aan dat dit wel moet kunnen

het kan zelfs met tabellen maar ik wil graag divs gebruiken...

iemand die wel weet hoe dit moet ?
De enige echte BaggerUser!
Riemen
fiets kopen
pi_36413251
Faux columns
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 27 maart 2006 @ 19:32:35 #41
145090 HenkBenzinetank
Toegevoegde waarde
pi_36413463
quote:
Op zaterdag 25 maart 2006 15:24 schreef rickmans het volgende:
Even een klein vraagje:
ik heb het volgende:
[ code verwijderd ]

Nu wil ik dat de span met weekday gepositioneerd wordt boven de a's zonder dat ik de span er in de html boven moet zetten. Iemand ideeen?
Volgens mij kan dat niet, omdat je HTML gebruikt voor de lay-out/volgorde van de tekst en css voor de opmaak.
  maandag 27 maart 2006 @ 21:48:20 #42
74523 BaggerUser
ModderFokker!
pi_36418092
het is me al gelukt, op een andere manier maar het werkt welliswaar
zit nu alleen nog met het probleem dat mn text langer is dan mn div, in firefox

http://80.61.232.209/essek/layout.php
De enige echte BaggerUser!
Riemen
fiets kopen
pi_36418584
Voor Firefox moet je min-height gebruiken. Als je een height opgeeft dan houdt FF zich daar ook echt aan.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  maandag 27 maart 2006 @ 22:10:57 #44
74523 BaggerUser
ModderFokker!
pi_36418835
heb nu een min-height opgegeven maar nu komt die div over de onderliggende div heen.. dat is ook niet de bedoeling.

http://80.61.232.209/essek/layout.php
De enige echte BaggerUser!
Riemen
fiets kopen
pi_36429288
hoe krijg ik iets in het vertikale midden van een div?
Ben dit probleem al een aantal keer tegen gekomen..
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_36443319
Ik heb een container met daarin een menu en een inhoud div
De menu div is 16px breed en de inhoud begint op 165px. Maar als het menu 'klaar' is dan loopt de tekst in de inhoud ineens een stuk terug. Dit in meerdere ua's. Weet iemand wat dat is? Of nog beter, wat ik kan doen om dat op te lossen?

-- Al gefixt

[ Bericht 6% gewijzigd door wonko op 29-03-2006 13:11:43 ]
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
  woensdag 29 maart 2006 @ 02:57:30 #47
46275 Castor
Obey the rules, miss the fun
pi_36453356
quote:
Op maandag 27 maart 2006 22:10 schreef BaggerUser het volgende:
heb nu een min-height opgegeven maar nu komt die div over de onderliggende div heen.. dat is ook niet de bedoeling.

http://80.61.232.209/essek/layout.php
Haal height weg uit .CONTENT_WRAPPER. En zorg ervoor dat je background-image hoog genoeg is voor je content of stop er ook een achtergrond kleur in.

Bijvoorbeeld:
1
2
3		.CONTENT_WRAPPER {
width: 760px;
background:#62E8F9 url(images/background.bmp) repeat-x top left;}   
Castor's Photostream op Flickr
  woensdag 29 maart 2006 @ 03:16:25 #48
46275 Castor
Obey the rules, miss the fun
pi_36453406
quote:
Op dinsdag 28 maart 2006 11:49 schreef Desdinova het volgende:
hoe krijg ik iets in het vertikale midden van een div?
Ben dit probleem al een aantal keer tegen gekomen..
De oplossing is relatief eenvoudig (maar wel lastig te begrijpen), en je hebt helaas een extra "container" div nodig. Het kan echter wel... Ja ook in IE.

Check: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
Castor's Photostream op Flickr
  woensdag 29 maart 2006 @ 03:27:10 #49
46275 Castor
Obey the rules, miss the fun
pi_36453437
quote:
Op zaterdag 25 maart 2006 15:24 schreef rickmans het volgende:
Even een klein vraagje:
ik heb het volgende:
[ code verwijderd ]

Nu wil ik dat de span met weekday gepositioneerd wordt boven de a's zonder dat ik de span er in de html boven moet zetten. Iemand ideeen?
Dit is een mogelijke oplossing:
1
2		td {position:relative;}
td span {position:absolute;top:0;left:0;}


Ik hoorde dat het voor Opera ook wel handig is om er een z-index in te zetten als je relative/absolute positioning gebruikt.
Castor's Photostream op Flickr
  Redactie Games woensdag 29 maart 2006 @ 23:16:19 #50
52557 crew  Mr.Noodle
Offtopic in geleuter...
pi_36479080
Iemand nog een idee hoe je een List met verticale tekst in CSS krijgt? verwerkt in tabjes? Ik had een oplossing gevonden, alleen die is lelijk en werkt alleen in IE.
Als in:
T|
a|
b|
1|

T|
a|
b|
2|
How do you get precisely 4 Gallons of water with a 3 Gallon and 5 Gallon Can...
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - Deel 4
Index

» digital corner

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