[CSS] voor dummies - Deel 2 | Digital Corner (DIG)

dinsdag 23 augustus 2005 @ 12:55:55 #251

Brilaap

Snel verveeld

Ja dat is het idd

, dank je wel Light voor je licht

. Ik zal waarschijnlijk vandaag nog wel vaker terugkomen, er zijn een aantal dingen die het niet helemaal doen zoals ik het wil.

dinsdag 23 augustus 2005 @ 12:58:24 #252

Brilaap

Snel verveeld

Dit bijv: 'Give content a position of relative.' Zelfde sheet die hierboven staat. Hoe bedoelen ze dit en hoe doe je dat?

dinsdag 23 augustus 2005 @ 13:06:07 #253

Light

quote:
Op dinsdag 23 augustus 2005 12:54 schreef Brilaap het volgende:
Neee dat was het dus wel he?! Fuck ik ben er voor mezelf nog wel scherp op!!! Ff proberen...

Er zijn ook online CSS validators, zoals deze van w3.

fokstok.nl

dinsdag 23 augustus 2005 @ 13:12:06 #254

Brilaap

Snel verveeld

quote:
Op dinsdag 23 augustus 2005 13:06 schreef Light het volgende:

[..]

Er zijn ook online CSS validators, zoals deze van w3.

Ja klopt ik hem. Ik gebruik hem eigenlijk alleen als ik helemaal klaar ben, maar het is een goed idee om dat ook tussendoor te gebruiken.

dinsdag 23 augustus 2005 @ 22:12:53 #255

SuperRembo

Sinds 1998

quote:
Op dinsdag 23 augustus 2005 13:12 schreef Brilaap het volgende:

[..]

Ja klopt ik hem. Ik gebruik hem eigenlijk alleen als ik helemaal klaar ben, maar het is een goed idee om dat ook tussendoor te gebruiken.

Dat zijn eigenlijk dingen waar je naar zou moeten kijken voordat je je probleem hier post. Is mijn HTML en CSS wel valide? Het kan wel eens zijn dat je dingen doet waar de validator over klaagt, maar dan moet je wel weten waarom (bijvoorbeeld een CSS hack).

dinsdag 23 augustus 2005 @ 22:56:53 #256

Brilaap

Snel verveeld

quote:
Op dinsdag 23 augustus 2005 22:12 schreef SuperRembo het volgende:

[..]

Dat zijn eigenlijk dingen waar je naar zou moeten kijken voordat je je probleem hier post. Is mijn HTML en CSS wel valide? Het kan wel eens zijn dat je dingen doet waar de validator over klaagt, maar dan moet je wel weten waarom (bijvoorbeeld een CSS hack).

True. Goed punt ook, ik zal er even op letten

.

donderdag 25 augustus 2005 @ 15:04:26 #257

ikke_ook

1
2
3
4
5

<ul>
   <li style="float:left;width:100px;">hier een stukje tekst</li>
   <li style="float:left;width:100px;">hier heel veel tekst dat breder wordt dan 100 pixels</li>
   <li style="width:100px;">tekst3</li>
</ul>

Hoe krijg ik het voor elkaar dat het middelste stukje tekst niet over tekst3 heen gaat maar gewoon netjes op een nieuwe regel verder gaat?

Vogelaars.nl

donderdag 25 augustus 2005 @ 15:29:00 #258

Roonaan

Strictly

Je moet hem display:block geven,

donderdag 25 augustus 2005 @ 15:39:25 #259

ikke_ook

quote:
Op donderdag 25 augustus 2005 15:29 schreef Roönaän het volgende:
Je moet hem display:block geven,

Dankje, dat werkt, en dan doe ik daaronder

1	<div style="clear:both;"></div>

Omdat anders de lijst eronder links naast die ander gaat floaten..
Is dat de beste oplossing met die <div> of kan dat beter?

Vogelaars.nl

donderdag 25 augustus 2005 @ 17:07:43 #260

Roonaan

Strictly

je kan toch gewoon het eerstvolgende element pakken?

donderdag 25 augustus 2005 @ 17:23:10 #261

Minos111

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title>Clearing floats using ‘overflow’ - 003</title>
<style type="text/css">
div#sidebar{
  float:left;
  width:20em
}
div#content{
  _height:1%;
  overflow:auto;
  background:lime
}
</style>
<div id="content">
<div id="sidebar">
  tekst in een floating div, met een container div erachter die een kleurtje heeft. </div>
</div>

dinsdag 30 augustus 2005 @ 17:38:43 #262

ikke_ook

Ik wil dat mijn lijst minder ver inspringt. Dus ik heb :

1
2
3
4
5
6

.categorylist {
padding-left:15px;
}
<ul class="categorylist">
<li>Testje</li>
</ul>

Maar het lijkt er op dat IE zich hier te goed voor voelt, het werkt daar niet dus.
Gebruik ik iets verkeerd of is er een hack voor?

-edit-

Opgelost, in IE is het blijkbaar margin-left, terwijl het in FF padding-left moet zijn...

[ Bericht 5% gewijzigd door ikke_ook op 30-08-2005 17:44:05 ]

Vogelaars.nl

zaterdag 10 september 2005 @ 17:36:18 #263

onderjas

Eigenlijk een trui

quote:
Op zaterdag 10 september 2005 16:35 schreef onderjas het volgende:
Ik wil een half doorzichtige tabel maken, hoe doe ik dat?

En heeft iemand een tutorial voor van die ronde randen de plaatsen om een tabel.

zaterdag 10 september 2005 @ 17:42:18 #264

SuperRembo

Sinds 1998

Transparantie:

1
2
3
4
5

.transparent {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

Ronde hoeken:
http://www.alistapart.com/articles/customcorners

zaterdag 10 september 2005 @ 22:33:00 #265

onderjas

Eigenlijk een trui

quote:
Op zaterdag 10 september 2005 17:42 schreef SuperRembo het volgende:
Transparantie:

[ code verwijderd ]

Ronde hoeken:
http://www.alistapart.com/articles/customcorners

Dank u! Maar ik ben zo'n noob die niet weet hoe ik een css script in moet voeren.

Die tutorial lukt me denk ik wel maar de 1ste

.

[ Bericht 12% gewijzigd door onderjas op 10-09-2005 22:40:13 ]

zaterdag 10 september 2005 @ 23:13:58 #266

SuperRembo

Sinds 1998

Begin dan bij W3Schools ofzo.

maandag 12 september 2005 @ 16:12:37 #267

Bbfreak

coenm.nl

Een van de vele vragen over DIV en Scrollbars en IE maar ik kom er niet uit.
We hebben 2 applicaties. De 1 laat scrollbars zien en de andere niet.

Het CSS verschil zit hem dat degene die ze niet heeft met TABLE's werkt en ik met DIV.
Mijn DIV heeft een WIDTH van 100% en een position:absolute.
De TABLE heeft ook een WIDTH van 100%. Doet DIV dit anders of iets?
Overigens werkt het in FireFox wel. Overflow op visible zetten helpt niet.
De WIDTH 98% geven helpt ook niet, de balk wordt kleiner maar de scrollbars blijven.

Ik weet het niet meer.

Mijn DVD Collectie /
Weblog

maandag 12 september 2005 @ 17:50:30 #268

Chandler

Weet iemand nu al hoe je iets precies kan centereren ongeacht de 'grote'?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 12 september 2005 @ 18:03:52 #269

Roonaan

Strictly

quote:
Op maandag 12 september 2005 17:50 schreef Chandler het volgende:
Weet iemand nu al hoe je iets precies kan centereren ongeacht de 'grote'?

horizontaal? verticaal? grootte van wat? container? window?

maandag 12 september 2005 @ 20:59:15 #270

Chandler

haha, iets specifieker dus.. gecentreerd in het huidige scherm...

zowel horizontal als vertical dus gecentreerd in het midden van een pagina.

Stel je hebt een explorer scherm op 1280x1024 en daarin wil je een box van 800x800 helemaal vertical en horizontaal centreren? hoe doe je dat... en stel de box is iets groter? of kleiner?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 12 september 2005 @ 21:03:21 #271

Roonaan

Strictly

horizontaal centeren is margin:0 auto.

verticaal centreren doe ik nooit eigenlijk.. geef gewoon een percentuele topmarge van iets van 5%-10% en dan oogt het meestal ook wel gecentreerd.

De methode met een top van 50% en dan een negatieve margin-top van de helft van de height vind ik zo lelijk als je het scherm klein maakt. Staat ook een beetje jammerlijk vind ik altijd.

maandag 12 september 2005 @ 23:37:08 #272

SuperRembo

Sinds 1998

quote:
Op maandag 12 september 2005 21:03 schreef Roönaän het volgende:
horizontaal centeren is margin:0 auto.

Voor IE4/5 moet je nog wat klooien met text-align: center.

woensdag 14 september 2005 @ 15:28:59 #273

DionysuZ

Respect my authority!

ik heb een probleem.

Ik ben een nieuwsbrief aan het maken, en in die nieuwsbrief moeten bepaalde links aan a:hover stijl hebben waarin ze van kleur veranderen. Nu zijn er toch een aantal mailclients (tot nu toe alleen webbased tegengekomen) die de <style> tags uit de head halen. Ik heb al geprobeerd om deze dan in de body te zetten, maar daar worden ze ook weggehaald.

Weet iemand hoe ik een a:hover uitvoer in de tag zelf? <a style="??">. Een mouseover event schrijven met onmouseover="this.style=" werkt niet zoals het zou moeten werken.

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

zaterdag 17 september 2005 @ 16:15:29 #274

WheeleE

StrikeE

Ik zit met het volgende. Ik heb een graphic die ik als topbanner in de achtergrond zet, dat lukt. Die banner is een vaste breedte. Rechts daarvan wil ik opvullen met een ander achtergrondplaatje.
De css die ik gebruik:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

#header {
   border-top: 0px;
   background: url(top.gif) no-repeat fixed top left;
   padding: 0px;
   position: absolute;
   left: 0px;
   width: 783px ;
   height: 85px;
   margin-top: 0px;
}
#rightheader {
   border-top: 0px;
   background: url(topright.jpg) repeat-x fixed top left;
   padding: 0px;
   position: relative;
   left: 783px;
   height: 85px;
   width: auto;
   margin-top: 0px;
}

De HTML:

1
2
3

Ik krijg het echter niet voor elkaar. Hoe krijg ik dat rechterplaatje zover dat het herhaald wordt tot de breedte van het venster, hoe breed dat ook is?

"...while I'm supposed to marry her brother, a renowned pillow biter." Cersei Lannister
"Float like a butterfly, sting like a bee, look ridiculous." Rory the Roman
"It's smaller on the outside." Clara Oswin Oswald

zaterdag 17 september 2005 @ 16:22:55 #275

Leshy

Held met sokken.

Sluit het rechterplaatje aan op het linkerplaatje? Ergo, moet de linkerrand van het rechterplaatje per se aan de rechter rand van het linker plaatje vast zitten, of maakt het niet uit waar de linker afbeelding de rechter overlapt?

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

[CSS] voor dummies - Deel 2

» digital corner

» digital corner