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

dinsdag 21 augustus 2007 @ 20:10:12 #1

Flaccid

[CSS] voor dummies.
[CSS] voor dummies - Deel 2
[CSS] voor dummies - Deel 3
[CSS] voor dummies - Deel 4
[CSS] voor dummies - Deel 5
[CSS] voor dummies - Deel 6

Ik denk ik blaas een nieuw leven in, heb zelf namelijk een probleempje!
Mag dat? Want die ander ging zomaar dicht!

dinsdag 21 augustus 2007 @ 20:24:39 #2

Flaccid

Hier mijn probleem:

http://joristimes.nl/nieuw/

FF vs IE

Rechts zit een pixeltje verkeerd, links ook (bovenaan)

[ Bericht 30% gewijzigd door Flaccid op 21-08-2007 20:49:06 ]

dinsdag 21 augustus 2007 @ 20:56:21 #3

DorentuZ

quote:
Op dinsdag 21 augustus 2007 20:24 schreef Flaccid het volgende:
Hier mijn probleem:

http://joristimes.nl/nieuw/

FF vs IE

Rechts zit een pixeltje verkeerd, links ook (bovenaan)

Fix eerst je html maar eens.. En aangezien ik geen IE heb, kan je beter een plaatje posten, zodat iedereen 't kan zien

.

dinsdag 21 augustus 2007 @ 21:13:12 #4

Flaccid

ben al wat gaan invullen.

Firefox

Internet Explorer + Blurry Highlights wat er mis is!

Het gaat op dit moment om dat streepje...

dinsdag 21 augustus 2007 @ 22:56:28 #5

Flaccid

http://joristimes.nl/tada is de geupdate versie, mijn ftp deed vaag dus een nieuwe dir gemaakt.

woensdag 22 augustus 2007 @ 00:23:52 #6

Wouser

Ik heb even een vraagje...
http://wouser.wo.funpic.org/website/?page=about

Ik heb een div die zorgt dat het allemaal wat doorzichtig is...
Dat is de volgende in die div komt dus ook alle teksten in te staan... nu wil ik graag dat mijn foto niet doorzichtig wordt... Nu dacht ik gewoon nauw gewoon

1
2
3

#content img {
filter Alpha(opacity=100);
}

te doen maar dat werkt dus hellaas niet. Iemand een idee hoe ik ervoor zorg dat me foto niet doorzichtig wordt?

De div die ervoor zorgt dat doorzichtig wordt...

1
2
3
4
5
6
7
8
9
10
11
12

#content {
   background-color: #ffffff;
   width: 53em;
   filter: Alpha(opacity=90);
   opacity: .75;
   float: right;
   height: 23.8em;
   padding: 0.5em;
   font-family: Verdana, Arial;
   font-size: 0.8em;
   overflow: auto;
}

woensdag 22 augustus 2007 @ 09:36:36 #7

Flipper01

Addicted Dolphin

@Wouser, misschien moet je je foto in een aparte layer zetten mbz z-zindex?

Ik heb zelf een probleem met IE waar tekst niet wordt weergegeven naast een plaatje: linkje
Als je de tekst selecteert dan wordt deze wel weer weergegeven.

I don't shine if you don't shine

woensdag 22 augustus 2007 @ 09:51:42 #8

ErwinEHVNL

Banned!

quote:
Op woensdag 22 augustus 2007 09:36 schreef Flipper01 het volgende:
@Wouser, misschien moet je je foto in een aparte layer zetten mbz z-zindex?

Ik heb zelf een probleem met IE waar tekst niet wordt weergegeven naast een plaatje: linkje
Als je de tekst selecteert dan wordt deze wel weer weergegeven.

dan moet je ff fatsoenlijk text-wrappen in je css

woensdag 22 augustus 2007 @ 11:40:31 #9

Flipper01

Addicted Dolphin

quote:
Op woensdag 22 augustus 2007 09:51 schreef ErwinEHVNL het volgende:
dan moet je ff fatsoenlijk text-wrappen in je css

En hoe doe ik dit?

I don't shine if you don't shine

woensdag 22 augustus 2007 @ 11:43:15 #10

ErwinEHVNL

Banned!

quote:
Op woensdag 22 augustus 2007 11:40 schreef Flipper01 het volgende:

[..]

En hoe doe ik dit?

1
2
3
4
5
6

.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

wellicht zo

om op te schonen natuurlijk je margins niet zo gebruiken

woensdag 22 augustus 2007 @ 12:32:39 #11

Wouser

quote:
Op woensdag 22 augustus 2007 09:36 schreef Flipper01 het volgende:
@Wouser, misschien moet je je foto in een aparte layer zetten mbz z-zindex?

Ik heb zelf een probleem met IE waar tekst niet wordt weergegeven naast een plaatje: linkje
Als je de tekst selecteert dan wordt deze wel weer weergegeven.

Heeft volgens mij niet echt gewerkt... Ik ben niet zo heel erg pro met css

vandaar 'volgens mij'

woensdag 22 augustus 2007 @ 12:39:34 #12

ErwinEHVNL

Banned!

quote:
Op woensdag 22 augustus 2007 12:32 schreef Wouser het volgende:

[..]

Heeft volgens mij niet echt gewerkt... Ik ben niet zo heel erg pro met css vandaar 'volgens mij'

misschien omdat je z-zindex hebt geschreven ipv z-index?!

woensdag 22 augustus 2007 @ 12:53:30 #13

Wouser

quote:
Op woensdag 22 augustus 2007 12:39 schreef ErwinEHVNL het volgende:

[..]

misschien omdat je z-zindex hebt geschreven ipv z-index?!

nah toevallig niet

woensdag 22 augustus 2007 @ 13:18:15 #14

Flaccid

Iemand een oplossing voor mijn probleem?

Of is er een manier om alleen in IE6 een andere achtergrond te doen? of is dat niet mogelijk?

[ Bericht 56% gewijzigd door Flaccid op 22-08-2007 16:40:52 ]

woensdag 22 augustus 2007 @ 16:51:45 #15

Flipper01

Addicted Dolphin

quote:
Op woensdag 22 augustus 2007 11:43 schreef ErwinEHVNL het volgende:
[ code verwijderd ]

wellicht zo ;)

om op te schonen natuurlijk je margins niet zo gebruiken :P

Dat had ik dus al.. Ik heb namelijk de volgende code:

1 2	<img src="fotoalbum/2004/album_13-11/11130001.JPG" alt="" width="125" style="float:left; margin: 0 10px 0 0; border: 1px solid #000;" /> Blablabla hier staat de tekst die niet wordt weergegeven in IE tot deze wordt geselecteerd...

I don't shine if you don't shine

maandag 3 september 2007 @ 10:40:28 #16

Nashje

Kick + tvp

.

Vorige week begonnen een website om te divven op m'n stage. Eerst allemaal stuff doorgelezen en toen begonnen. Gaat goed.

dinsdag 4 september 2007 @ 12:36:11 #17

Dzy

It is I

Ik heb een probleempje met IE css (het zal ook eens niet... kots op IE) een item bestaat bij mij uit drie onderdelen, bovenkant, inhoud en onderkant.. de bovenkant en onderkant sluiten niet goed aan omdat de margin blijkbaar niet goed meegaat.

www.roboimperium.com/hocras/index.php

In FF en opera doet hij het gewoon goed.. someone help me? =)

"Reality is an illusion created by a lack of alcohol."

dinsdag 4 september 2007 @ 14:13:48 #18

ErwinEHVNL

Banned!

quote:
Op dinsdag 4 september 2007 12:36 schreef Dzy het volgende:
Ik heb een probleempje met IE css (het zal ook eens niet... kots op IE) een item bestaat bij mij uit drie onderdelen, bovenkant, inhoud en onderkant.. de bovenkant en onderkant sluiten niet goed aan omdat de margin blijkbaar niet goed meegaat.

www.roboimperium.com/hocras/index.php

In FF en opera doet hij het gewoon goed.. someone help me? =)

waarop moeten ze aansluiten?

dinsdag 4 september 2007 @ 15:46:34 #19

Dzy

It is I

Op het midden dat het samen dus een rounded rectangle is. Ik maak even screen shotje.

"Reality is an illusion created by a lack of alcohol."

dinsdag 4 september 2007 @ 17:56:02 #20

Dzy

It is I

Ik heb het al gevonden. IE vindt dat divs minstens 20 pixels hoog moeten zijn... achterlijk programma.

"Reality is an illusion created by a lack of alcohol."

zondag 21 oktober 2007 @ 12:40:25 #21

Flaccid

Hoi.

Ik wil iets met een site maken, waarin de navigatie zo'n vorm krijgt. Hoe kan ik dit zonder flash werkende krijgen? Ik wil een mouse over op die vakjes. Maar ik denk dat dit een onmogelijke vorm is voor in html/css. Of moet ik een cirkel div maken, en voor elk vakje een andere div?Hoe kan ik die dan positioneren?

zondag 21 oktober 2007 @ 13:04:05 #22

Nashje

Container div maken, daarin 2 divjes voor de content en menu. Layoutje maken en slicen en instellen per div.

zondag 21 oktober 2007 @ 13:06:28 #23

Flaccid

quote:
Op zondag 21 oktober 2007 13:04 schreef Nashje het volgende:
Container div maken, daarin 2 divjes voor de content en menu. Layoutje maken en slicen en instellen per div.

Misschien ga ik het toch doen via flash

zondag 21 oktober 2007 @ 22:19:37 #24

warezguy05

ik zit met een probleem en hopenlijk kunnen jullie mij verder helpen.
bij het maken van de volgende site: http://www.psmr.nl gebruik van 3 type divjes. de eerste div betreft de achtergrond vd site (een texture die steeds herhaald moet worden). de 2e div is een container om alles te centreren en het 3e type divjes zijn alle divjes die de verdere content bevatten.

nu heb ik de volgende code;

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

#achtergrond {
    border: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('grass.jpg');
    background-repeat: repeat;
    z-index: 2;

}

#centreren {
    width: 940px;
    height: 100%;
    border: 0px solid #666666;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -470px;
    background-image: url('achtergrondmain.jpg');
    background-repeat: repeat;
    z-index: 1;
}

html:

1
2
3
4
5
6
7
8
9
10
11

het probleem is dat de background (Grass.jpg) niet helemaal 100% het scherm vult, ondanks dat ik background-repeat: repeat; gebruik.

weet iemand wat ik hier foutdoe?

Goedkope webhosts met onbeperkte dataopslag / dataverkeer | Biggest Porntubes

maandag 22 oktober 2007 @ 09:44:09 #25

Flaccid

quote:
Op zondag 21 oktober 2007 22:19 schreef warezguy05 het volgende:
ik zit met een probleem en hopenlijk kunnen jullie mij verder helpen.
bij het maken van de volgende site: http://www.psmr.nl gebruik van 3 type divjes. de eerste div betreft de achtergrond vd site (een texture die steeds herhaald moet worden). de 2e div is een container om alles te centreren en het 3e type divjes zijn alle divjes die de verdere content bevatten.

nu heb ik de volgende code;

css:
[ code verwijderd ]

html:
[ code verwijderd ]

het probleem is dat de background (Grass.jpg) niet helemaal 100% het scherm vult, ondanks dat ik background-repeat: repeat; gebruik.

weet iemand wat ik hier foutdoe?

Probeer is een achtergrond te krijgen door middel van de body tag. Dus zo:

Css:

1
2
3
4
5
6
7
8
9
10
11

body{
    border: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('grass.jpg');
    background-repeat: repeat;
    z-index: 2;
}

en dan html:

1
2
3
4
5
6
7

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

[CSS] voor dummies - Deel 7

» digital corner

» digital corner