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

donderdag 27 oktober 2005 @ 16:34:58 #51

Chandler

haha, die fout was wel heel erg gemakkelijk

had ik zelfs kunnen vinden

Just say hi!

donderdag 27 oktober 2005 @ 16:40:21 #52

Pokkehontas

Hippe nerd

Thnx. Owkee, heb ik aangepast, maar hij doet het nog niet, helaas.

Kortom, the usual.

donderdag 27 oktober 2005 @ 16:46:39 #53

Pokkehontas

Hippe nerd

quote:
Op donderdag 27 oktober 2005 16:34 schreef Chandler het volgende:
haha, die fout was wel heel erg gemakkelijk had ik zelfs kunnen vinden

Knapperd

Maar goed, met de aangebrachte verbeteringen nog nix dus. Wat nu Chandler

Kortom, the usual.

donderdag 27 oktober 2005 @ 17:09:28 #54

SuperRembo

Sinds 1998

Wat hoort er voor html bij? Wat wil je dat er gebeurt? Wat gebeurt er met jouw code?

Ik zou trouwens aanraden om ook achter de laatste property een ; te zetten (achter green en red dus).

donderdag 27 oktober 2005 @ 17:22:12 #55

Pokkehontas

Hippe nerd

HTML4.01 als ik het goed begrepen heb.

Er moeten twee blokken naast elkaar in beeld komen, in de opgegeven kleuren. Eerst had ik de regel die aangaf welke HTML erbij hoort niet in het html document opgenomen (ik deed tot nu toe alles zonder die regel, werkte prima). Toen had ik alleen het tweede blok als blok in beeld, in de juiste kleur. Het andere blok was er niet, was alleen de platte tekst, ook niet in de goede kleuren.
Nu ik de doctype regel heb toegevoegd, met de html versie, krijg ik alleen nog maar twee regels onder elkaar, de laatse regel in de in CSS opgegeven kleuren.

(; toegevoegd achter red en green)

Kortom, the usual.

donderdag 27 oktober 2005 @ 17:41:17 #56

SuperRembo

Sinds 1998

quote:
Op donderdag 27 oktober 2005 17:22 schreef Pokkehontas het volgende:
HTML4.01 als ik het goed begrepen heb.

Ik bedoelde gewoon de html code. Het zijn dus alleen 2 divjes, verder niets?

donderdag 27 oktober 2005 @ 21:35:25 #57

Pokkehontas

Hippe nerd

quote:
Op donderdag 27 oktober 2005 17:41 schreef SuperRembo het volgende:

[..]

Ik bedoelde gewoon de html code. Het zijn dus alleen 2 divjes, verder niets?

Owww....

(ik ben hier wel op mijn plek hè, qua dummie)

Ja, twee divjes, that's it. Dit is de code. Letterlijk overgetypt uit het boek:

<html>
<head>
<title>Zwevende elementen</title>
<link rel="stylesheet" href="C:\Cursus webdesign\Hoofdstuk 12\H12_voorbeeld_7.css" type="text/css">
</head>

<body>
<div class="deel1">Zwevend blok nr.1</div>
<div class="deel2">Zwevend blok nr.2</div>
</body>
</html>

Kortom, the usual.

donderdag 27 oktober 2005 @ 22:08:54 #58

SuperRembo

Sinds 1998

Er horen geen spaties tussen het getal en de eenheid.
Om het tweede blok in ook FireFox naast de eerste te krijgen moet je margin-left:75px aan het 2e blok geven.

En een windows pad (C:\Cursus webdesign\Hoofdstuk 12\H12_voorbeeld_7.css) hoort niet in een html pagina. Je moet een url opgeven of een relatief pad.
Bij jou staan denk ik de css en html in dezelfde map, dan is href="H12_voorbeeld_7.css" voldoende.

(code kan je tussen [code] tags [/code ] plaatsen)

donderdag 27 oktober 2005 @ 22:30:21 #59

Pokkehontas

Hippe nerd

Owkee, dat ga ik morgenochtend eens proberen allemaal (dat van dat pad vond ik zelf ook merkwaardig, maar zo doen ze dat dus in die cursus).

Nog een laatste domme vraag voor het slapen gaan: wat is FireFox?

Bedankt zover

Kortom, the usual.

vrijdag 28 oktober 2005 @ 00:03:43 #60

rekenwonder

Dr. Ir.

quote:
Op donderdag 27 oktober 2005 22:30 schreef Pokkehontas het volgende:
Nog een laatste domme vraag voor het slapen gaan: wat is FireFox?

Een browser zoals Internet Explorer dat ook is.

www.getfirefox.com

Tegenwoordig moet je Dr. Ir. zijn om een beetje correct Nederlands te kunnen neerpleuren.
Abusing semicolons since 1987.

vrijdag 28 oktober 2005 @ 10:00:54 #61

Pokkehontas

Hippe nerd

Okee, ik heb het aangepast:

<html>
<head>
<title>Zwevende elementen</title>
<link rel="stylesheet" href="H12_voorbeeld_7.css" type="text/css">
</head>

<body>
<div class="deel1">Zwevend blok nr.1</div>
<div class="deel2">Zwevend blok nr.2</div>
</body>
</html>

<style type="text/css">

/* CSS Hoofdstuk 12 voorbeeld 7 */

.deel1 {
float:left;
width: 75px;
height: 100px;
color:yellow;
background:green;
}
.deel2 {
margin-left: 75px;
width: 150px;
height: 150px;
color:yellow;
background:red;
}

</style>

Maar nog steeds doet alleen blok twee wat ie moet doen. Net als bij de andere opdrachten en oefeningen: de eerste selector (deel1 in dit geval) slaat ie consequent over.

@ SuperRembo: bedoelde je het plaatsen van code tussen vierkante haken, ipv tussen < deze > ?

@rekenwonder: dank! Die ga ik eens uitproberen.

Kortom, the usual.

vrijdag 28 oktober 2005 @ 12:10:08 #62

SuperRembo

Sinds 1998

quote:
Op vrijdag 28 oktober 2005 10:00 schreef Pokkehontas het volgende:
@ SuperRembo: bedoelde je het plaatsen van code tussen vierkante haken, ipv tussen < deze > ?

Nee, alleen om leesbare code hier op FOK! te maken:

1
2
3
4
5
6
7
8
9
10

<html>
<head>
<title>Zwevende elementen</title>
<link rel="stylesheet" href="H12_voorbeeld_7.css" type="text/css">
</head>
<body>
<div class="deel1">Zwevend blok nr.1</div>
<div class="deel2">Zwevend blok nr.2</div>
</body>
</html>

Het je die <style type="text/css"> in je .css file staan? Dat moet niet.

Maar wat wil je dat er met het eerste blok gebeurt? Het is het meest links blok, dus van float:left zal je geen effect zien.

vrijdag 28 oktober 2005 @ 20:54:14 #63

Pokkehontas

Hippe nerd

quote:
Op vrijdag 28 oktober 2005 12:10 schreef SuperRembo het volgende:

Het je die <style type="text/css"> in je .css file staan? Dat moet niet.

Yessss! Dat was 'm dus!! Ik vermoedde al dat er iets in het cursusboek helemaal niet klopte, maar kon -als absolute beginner- de fout niet vinden. Ik heb die <style> dingen eruit gehaald en nu doet ie precies wat ie doen moet. Bedankt Rembo!

Kortom, the usual.

zaterdag 29 oktober 2005 @ 22:56:23 #64

Flying

Heeft er iemand een idee hoe je de inputfields veranderd in plaatjes? Om het even duidelijker te maken:
http://www.substruction.com/salsapassion/admin/form.html

Die submit knop werkt al. Wat ik nu zou willen is dat mensen hun naam en wachtwoord op die plaatjes kunnen plakken. Als je die lelijke windows submitknoppen kunt veranderen in een plaatje moet dat voor input fields ook wel lukken met css. Als het niet mogelijk is met css graag dan HTML code ofzo

zaterdag 29 oktober 2005 @ 23:02:59 #65

SuperRembo

Sinds 1998

Kolere wat een ranzige bende die html

"naam en wachtwoord op die plaatjes kunnen plakken" vage omschrijving, maar ik neem aan dat je gewoon een achtergrondplaatje op het invoerveld wil zetten. Dat is ook wat je zal moeten doen: achtergrondplaatje gebruiken en de border van het invoerveld weghalen.

zondag 30 oktober 2005 @ 09:57:39 #66

Flying

quote:
Op zaterdag 29 oktober 2005 23:02 schreef SuperRembo het volgende:
Kolere wat een ranzige bende die html

"naam en wachtwoord op die plaatjes kunnen plakken" vage omschrijving, maar ik neem aan dat je gewoon een achtergrondplaatje op het invoerveld wil zetten. Dat is ook wat je zal moeten doen: achtergrondplaatje gebruiken en de border van het invoerveld weghalen.

Ja en ga jij me zeggen hoe ik dat doe? Heb al gegoogled al wat ik vond was een pagina met halve info..

zondag 30 oktober 2005 @ 10:02:34 #67

Nevermind

(-_-)

Erm, het past niet helemaal bij CSS, ik weet het, maar toch mijn vraag;

Jaren geleden bouwde ik mijn websites allemaal door gebruik te maken van tabellen. Dit is nu grootendeels vervangen, maar ik wil weer iets met tabellen doen voor de layout. Ik word namelijk een beetje gestoord van alle verschillen tussen de browsers.

Maar nu zit ik met het volgende probleem: Ik wil een <TD> alle overgebleven ruimte laten innemen.

1
2
3
4
5
6
7

Het werkt prima, maar ik krijg toch een validatiefout

1	line 29 column 3 - Warning: <td> attribute "width" has invalid value "*"

Is er een andere manier om dit wel te kunnen laten valideren?

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

zondag 30 oktober 2005 @ 10:10:12 #68

SuperRembo

Sinds 1998

quote:
Op zondag 30 oktober 2005 09:57 schreef Flying het volgende:

[..]

Ja en ga jij me zeggen hoe ik dat doe? Heb al gegoogled al wat ik vond was een pagina met halve info..

http://www.w3schools.com/css/css_background.asp
http://www.w3schools.com/css/css_border.asp

zondag 30 oktober 2005 @ 10:15:19 #69

SuperRembo

Sinds 1998

@Nevermind:

1
2
3
4
5
6
7
8

<table>
   <colgroup>
      <col width="1*">
      <col width="700">
      <col width="1*">
   </colgroup>
   <tr>
      ...

[/code]

zondag 30 oktober 2005 @ 10:15:47 #70

Flying

quote:
Op zondag 30 oktober 2005 10:02 schreef Nevermind het volgende:
Erm, het past niet helemaal bij CSS, ik weet het, maar toch mijn vraag;

Jaren geleden bouwde ik mijn websites allemaal door gebruik te maken van tabellen. Dit is nu grootendeels vervangen, maar ik wil weer iets met tabellen doen voor de layout. Ik word namelijk een beetje gestoord van alle verschillen tussen de browsers.

Maar nu zit ik met het volgende probleem: Ik wil een <TD> alle overgebleven ruimte laten innemen.
[ code verwijderd ]

Het werkt prima, maar ik krijg toch een validatiefout
[ code verwijderd ]

Is er een andere manier om dit wel te kunnen laten valideren?

Als je in html verder wilt en je wil dat hij de volledig ruimte benut moet je dit gebruik:

1	<td width="100%"></td>

zondag 30 oktober 2005 @ 10:18:22 #71

Nevermind

(-_-)

quote:
Op zondag 30 oktober 2005 10:15 schreef SuperRembo het volgende:
@Nevermind:
[ code verwijderd ]

[/code]

Ik kende die tags helemaal niet

Dankje!
_{en ik leerde ook nog eens dat er geanimeerde favicons bestaan. dat heb ik nog nooit eerder gezien}

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

zondag 30 oktober 2005 @ 10:21:34 #72

Flying

quote:
Op zondag 30 oktober 2005 10:10 schreef SuperRembo het volgende:

[..]

http://www.w3schools.com/css/css_background.asp
http://www.w3schools.com/css/css_border.asp

Ik heb me even uitgeleefd

1	<INPUT TYPE="text" NAME="name" maxlength="30" style="background-color:transparent;background-image: url(images/button_06.gif;">

De achtergrond is nu transparant maar toont mijn image nog niet. Doe ik wat fout? Met enkel background-image erin werkt het ook niet.

zondag 30 oktober 2005 @ 10:22:50 #73

Nevermind

(-_-)

Je mist een haakje in je url:

1	background-image: url('images/button_06.gif');

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

zondag 30 oktober 2005 @ 10:35:00 #74

Flying

quote:
Op zondag 30 oktober 2005 10:22 schreef Nevermind het volgende:
Je mist een haakje in je url:
[ code verwijderd ]

zondag 30 oktober 2005 @ 15:39:25 #75

ALTF4

Hallo,

ik heb een vraag aan de slimme mensen hier

Op mijn website, www.gewoongertjan.nl, wil ik rechtsbovenaan reclame hebben. Deze wil ik tegen de rand van het blauwe vlak aan en tegen de top van dit gedeelte (in de header dus). De reclame moet niet verdrukt worden door de tekst (wat ik dus dacht te doen met z-index: 1;)
Het lukt me gewoon niet. Met position: absolute; kan ik hem precies plaatsen, maar bij verkleinen of vergroten van mijn browser loopt het dan weer in de soep.

Iemand advies?

Stylesheet: http://www.gewoongertjan.nl/wp-content/themes/blix/layout.css --> helemaal onderaan.

Grtz,

ALTF4

En toen was het verhaaltje uit...

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

[CSS] voor dummies - Deel 3

» digital corner

» digital corner