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

dinsdag 2 augustus 2005 @ 22:40:31 #226

SuperRembo

Sinds 1998

Je kan bijvoorbeeld de clear div een hoogte van 1px geven.

Lees trowens ook het stuk Semantiek - Waarom zou je?, een goede css layout is veel meer dan een verzameling divjes.
De <center> hoort er eigenlijk ook niet in te staan.

donderdag 4 augustus 2005 @ 00:37:00 #227

The_Cyberspace

Ook ik zit met een probleem.

Heb een simpel voorbeeld gemaakt, de site die het probleem heeft is makkelijk aan te passen als ik de fout gevonden heb. Het gaat me nu alleen puur om de lay-out.

Hier de htm file: http://www.freriks6.demon.nl/layout/main.htm

Hier de css file: http://www.freriks6.demon.nl/layout/layout.css

Open de htm file nu eens in Internet Explorer en in FireFox.. In IE word hij weergegeven zoals het moet en FF "vergeet" de onderste balk.

Ik heb al verschillende dingen geprobeerd maar ik kan de fout echt niet vinden. Ik weet wel dat FireFox net ff iets anders omgaat met htm files dan IE

Wie ziet de fout?

donderdag 4 augustus 2005 @ 07:40:50 #228

SuperRembo

Sinds 1998

Je moet je floats "clearen". Zie bijv Clearing floats. Een paar post naar boven staat er ook wat over.

donderdag 4 augustus 2005 @ 13:13:56 #229

The_Cyberspace

Prolbleem is al opgelost door ergens nog een float: left; te plaatsen... maar bedankt voor het meedenken

donderdag 4 augustus 2005 @ 20:27:56 #230

The_Cyberspace

Gmbrl, nu zit ik met een ander probleem

Heb de site even aangepast daarvoor:

Htm file

CSS file

Ik heb even als test 1 vlak helemaal vol gepropt met tekst en nu komt het. In Internet Explorer kan ik scrollen en "springt" de tekst aan de bovenkant, zijkanten en onderkant netjes in door een margin van 15px. Maar in FireFox "vergeet" hij de onderkant en kan ik ook niet scrollen. Wat ik trouwens ook raar vind is dat het voorbeeld bij een ander wel scrolt in FireFox en bij mij nie

En ook bij hem laat FireFox te tekst niet netjes "inspringen" door die margin van 15px.

Ik las op diverse sites trouwens dat FF geen kleur toepast op een scrollbar wat IE dan weer wel doet. (ik weet dat dit officieel niet als CSS word goedgekeurd)
Is dit ook te verhelpen of moet ik het in FireFox doen met die grijze saaie kleur?

donderdag 4 augustus 2005 @ 21:31:36 #231

SuperRembo

Sinds 1998

Dat het scroolen met 't scrollwieltje niet werkt is een (irritante) bug in Firefox.

De layout vind ik maar niks eerlijk gezegd. Het werkt klote op lagere resoluties en ziet er niet uit op hoge resoluties. Het is ook een verzameling divjes zonder logica (zie http://home.parse.nl/~michiel/semantiek.html).

Onder XP met de XP layout werken de css-kleuren op de scollbar ook niet als ik 't goed heb.

vrijdag 5 augustus 2005 @ 00:48:31 #232

The_Cyberspace

quote:
Op donderdag 4 augustus 2005 21:31 schreef SuperRembo het volgende:
Het is ook een verzameling divjes zonder logica (zie http://home.parse.nl/~michiel/semantiek.html).

Wat is dan wel de juiste manier? Ik kan op die site niet echt een duideljik voorbeeld vinden dat de manier die ik gebruik fout zou zijn?

Of ik met verkeerd gekeken hebben...

vrijdag 12 augustus 2005 @ 20:39:29 #233

Flying

Net ff mijn css-file door de validator gesleurt.. err
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.substruction.com%2Fcss.css&warning=no&profile=css2&usermedium=all
Iemand enige hulp/tips? CSS heb ik nog niet onder de knie.

vrijdag 12 augustus 2005 @ 20:54:14 #234

SuperRembo

Sinds 1998

Je gebruikt properties die niet bestaan. Als je een lengte of hoogte op geeft, dan hoort er een eenheid bij, dus bijv. 601px in plaats van 601. Alleen als de lengte 0 is dan mag je de eenheid weglaten.

zondag 14 augustus 2005 @ 15:31:07 #235

Brilaap

Snel verveeld

*Snel tvp neerzet*

woensdag 17 augustus 2005 @ 15:32:58 #236

Stephan4kant

http://www2.flashywebtools.nl/

Waarschijnlijk hoef ik al niet meer te vertellen

Ik wil de drie divjes naast elkaar hebben (150px-450px-150px). Ik heb al wat geprobeerd met floats en clears, maar ik krijg het niet voor elkaar. Iemand een idee?

"We hebben nooit domme dingen gedaan van onze uitkering, en waren nooit te beroerd om er wat bij te verdienen" (F. Jacobse)

woensdag 17 augustus 2005 @ 15:50:18 #237

Rolie

float: left voor sidebar1 en float: right voor sidebar2 zou het toch moeten doen hoor. Mits je natuurlijk die grote margin's weghaalt. En nergens clearen.

woensdag 17 augustus 2005 @ 21:30:00 #238

Brilaap

Snel verveeld

Weet iemand een goede, gratis (x)html/css editor?

woensdag 17 augustus 2005 @ 22:41:58 #239

DionysuZ

Respect my authority!

notepad?

□ 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

woensdag 17 augustus 2005 @ 23:05:33 #240

SuperRembo

Sinds 1998

quote:
Op woensdag 17 augustus 2005 21:30 schreef Brilaap het volgende:
Weet iemand een goede, gratis (x)html/css editor?

TopStyle, de lite versie is gratis.

woensdag 17 augustus 2005 @ 23:06:46 #241

Brilaap

Snel verveeld

quote:
Op woensdag 17 augustus 2005 22:41 schreef DionysuZ het volgende:
notepad?

Voorspelbare kutnewbie

.

woensdag 17 augustus 2005 @ 23:07:35 #242

Brilaap

Snel verveeld

quote:
Op woensdag 17 augustus 2005 23:05 schreef SuperRembo het volgende:

[..]

TopStyle, de lite versie is gratis.

Ik zal hem gaan proberen. Dank

.

donderdag 18 augustus 2005 @ 00:46:15 #243

DionysuZ

Respect my authority!

quote:
Op woensdag 17 augustus 2005 23:06 schreef Brilaap het volgende:

[..]

Voorspelbare kutnewbie .

que? newbie?

□ 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

donderdag 18 augustus 2005 @ 10:44:12 #244

Brilaap

Snel verveeld

Topstyle werkt handig. Thnx voor de top

.

maandag 22 augustus 2005 @ 14:12:27 #245

Brilaap

Snel verveeld

Even het volgende, ik wil een background-image hebben. Het is een klein .gifje, etc we kennen het vast allemaal maar. Nu ben ik bezig met die stylesheet en ik was even benieuwd hoe die url er uit moet zien? Ik heb in mijn puplic_html een map genaamd image. Bestaandsnaam van .gifje is page-bg.gif. Hier mijn stylesheet:

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

body {
   background-color: #95b7cd;
   color: #666666;
   font-family: Verdana, Helvetica, Ariel, sans-serif;
   font-size: 1em;
   background-image: image/page-bg.gif;
}
h1 {
font-size: 1.2em;
}
h2{
font-size: 1.1em;
}
p{
font-size: .8em
}

Check in body de bacground-image tag. Dit werkt dus niet. Iemand een idee? Alvast bedankt! Als ik het antwoord weer kan ik weer verder met mijn tutorial

.

maandag 22 augustus 2005 @ 14:17:28 #246

Leshy

Held met sokken.

1	background-image: url('image/page-bg.gif');

maandag 22 augustus 2005 @ 14:34:30 #247

Brilaap

Snel verveeld

quote:
Op maandag 22 augustus 2005 14:17 schreef Leshy het volgende:

[ code verwijderd ]

Ik heb nu:

1	background-image: url(http://fatguyslim.nl/image/page-bg.gif);

Dat was hem! Even wat google en zo en ik kan weer verder

. Dank je wel Leshy voor je post

.

dinsdag 23 augustus 2005 @ 12:52:16 #248

Brilaap

Snel verveeld

Ik loop weer ergens tegenaan. Maar ja alles wat je moet leren komt niet zo maar vanzelf. Hier de 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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

/*This stylesheet is only for CSS the tutorial*/

body {
   background-color: #95b7cd;
   color: #666666;
   font-family: Verdana, Helvetica, Ariel, sans-serif;
   font-size: 1em;
   background-image: url(http://fatguyslim.nl/image/page-bg.gif);
   margin: 0;
}
h1 {
   font-size: 1.2em;
   text-align: right;
   font-style: italic;
   letter-spacing: 5px;
}
h2 {
   font-size: 1.1em;
   text-decoration: underline;
}
p {
   font-size: .8em;
   text-align: justify;
   line-height: 1.7em;
}
p.footer {
   font-size: .5em;
   text-align: center;
}
a:link {
   color: #666666;
   background-color: #95b7cd;
   text-decoration: none;
}
a:visited {
   color: #666666;
   background-color: #95b7cd;
   text-decoration: none;
}
a:hover {
   background-color: #aaddee;
}
a:active {
   background-color: #3cc7f0;
}
#header {
   background-color: #ffffff;
   border-bottom: 1px #000000 solid;
}
#content {
}
#navbar {
}
#main-text {
}

Het gaat om regel 46 tm 48. Als ik regel 48 er niet neerschrijf is er niks aan de hand. Ik heb dan een header, background wit. Zodra regel 48 er komt te staan is er geen witte background meer en ik zie nergens een zwarte border-botttom. Hoe kan dit? Wat doe ik pcies fout? Als jullie meer info nodig hebben hoor ik het graag

. Alvast bedankt voor de hulp ennn goed topic dit

.

[ Bericht 0% gewijzigd door Brilaap op 23-08-2005 12:59:01 (Regel 47 gefixt.) ]

dinsdag 23 augustus 2005 @ 12:53:41 #249

Light

Er mist een puntkomma aan het eind van regel 47.

fokstok.nl

dinsdag 23 augustus 2005 @ 12:54:47 #250

Brilaap

Snel verveeld

Neee dat was het dus wel he?! Fuck ik ben er voor mezelf nog wel scherp op!!! Ff proberen...

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

[CSS] voor dummies - Deel 2

» digital corner

» digital corner