[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

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

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...

dinsdag 1 november 2005 @ 14:05:55 #76

ALTF4

Ik hoor niets, heeft niemand een idee?
Inmiddels heb ik de reclame maar even linksbovenaan gezet, dat lukte wel...

En toen was het verhaaltje uit...

woensdag 2 november 2005 @ 11:42:17 #77

Nevermind

(-_-)

In Opera en Firefox werkt het horizontale menu prima, maar in Internet Explorer niet... waar ligt dit aan?

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

woensdag 2 november 2005 @ 13:34:16 #78

SuperRembo

Sinds 1998

Dat ligt aan het verschil in het box model tussen FireFox en Internet Explorer.
In FF wordt de border wel bij de breedte gerekend, in IE wordt de border niet bij de breedte gerekend. Daardoor worden de listitems te breed.

Vreemd dat je een wel een list gebruikt voor het menu, maar dat je verder taballen gebruikt voor de layout.

woensdag 2 november 2005 @ 15:41:21 #79

Nevermind

(-_-)

Daar heb je helemaal gelijk in

Ik heb het wederom eens compleet in css geprobeerd, maar ik word ontzettend moe van de onderlinge verschillen tussen browsers. Vooral als het in de grote drie browsers bij elke er compleet anders uit ziet. Dan ga ik toch liever voor de makkelijke manier die het wel prima doet in elke browser. Ik weet dat je ontzettend veel ervaring hebt met css, maar ik denk dat je je ook wel kunt voorstellen hoe de beginnende of gemiddelde (daar reken ik mezelf onder

) 'webdesigner' er wel moeite mee kan hebben.

Maar ik zal me even verdiepen in het box model hack, wederom bedankt

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

woensdag 2 november 2005 @ 18:46:47 #80

SuperRembo

Sinds 1998

Je kan je verdiepen in allerlei hacks om alles op de pixel precies gelijk te krijgen.

Je kan ook je layout zo aanpassen dat het niet uit maakt als iets een pixeltje meer of minder breed is.

woensdag 2 november 2005 @ 21:38:07 #81

pandinus

quote:
Op vrijdag 23 september 2005 15:51 schreef Onnib het volgende:
Zo zijn er nog wel wat dingen die niet werken in FF en wel in IE:

Horizontale balk is een 1px grijze streep in IE maar in FF niet

Probeer dit eens, werkt zowel in FF als in IE

1	hr {color: #3064a0; background-color: #3064a0; height: 1px; border: 0; }

dinsdag 8 november 2005 @ 13:51:37 #82

gtjw

HELP!!
Ik zit met een select - Z-index probleem.

Ik weet dat je een Iframe moet maken onder de Div om ervoor te zorgen dat de select objecten er niet voor komen.
Nu zit ik met het probleem dat alle oplossingen die op internet te vinden zijn allemaal met UL->LI werken of met vage javascript inhoud.

Ik ben op zoek naar een javascript dat op een moment dat ik op de layer klik (deze wordt dan namelijk vergroot) een iframe eronder getekent wordt.

dinsdag 8 november 2005 @ 17:33:08 #83

SuperRembo

Sinds 1998

Bedoel je dit? http://superrembo.com/dhtml/coverdropdown.html

donderdag 10 november 2005 @ 20:08:06 #84

Stephan4kant

Waarschijnlijk een bekend probleem, alleen niets kunnen vinden. Ook oplossingen jatten van andere websites is me niet gelukt

Ik heb een simpele tabel voor o.a. een forum (let niet op de kleuren, just for testing). In IE ziet het er goed uit, maar o.a. met FireFox krijgen de rijen maarliefst 48 pixels hoogte (in IE zo'n 18). Hoe fix ik dit?

Nog een probleempje: iemand die in IE en FF kijkt, ziet het waarschijnlijk al. De lichtblauwe achtergrond doet het wel in IE, maar niet in FF. Iemand een idee?overflow: visible; ==> auto

[ Bericht 3% gewijzigd door Stephan4kant op 10-11-2005 20:10:22 (Tweede probleem al opgelost :P) ]

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

donderdag 10 november 2005 @ 21:04:25 #85

SuperRembo

Sinds 1998

In IE en FF (1.5) zijn de rijen 20px hoog.

vrijdag 11 november 2005 @ 01:26:33 #86

DionysuZ

Respect my authority!

ik ben bezig met een klein administratiepaneeltje voor op een site. Heel simpel, links menu, rechts de inhoud. Dit heb ik gedaan door 2 divjes te specificeren, 1 voor het menu en 1 voor de contents. Dit is de CSS:

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

  * { margin: 0; padding: 0; }
  body, html { height: 100%; }
  #menu {
    position: relative;
    width: 158px;
    _height: 100%;
    min-height: 100%;
    float: left;
  }
  #contents {
    margin: 20px 20px 20px 20px;
    _height: 100%;
    min-height: 100%;
  }

en op een of andere manier rendert hij hem NIET goed. De body ziet er ongeveer als volgt uit:

1
2
3
4
5
6
7

Wat hij fout doet zijn de margins van #contents. Als ik die weglaat dan rendert hij hem goed. Menu links, contents rechts. Echter wil ik de contents ook een stukje van de rand van het menu afhebben en een stukje van boven/onder en rechterkant. Als ik dan een margin instel, ziet het er goed uit in IE, maar niet in FF, dan voegt hij ruimte tussen bovenkant pagina en bovenkant menu/contents ter hoogte van de margin en voegt hij geen ruimte tussen menu en contents.

Iemand die weet waar ik de fout inga?

□ 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

vrijdag 11 november 2005 @ 21:17:05 #87

AnGabhar

quote:
Op vrijdag 11 november 2005 01:26 schreef DionysuZ het volgende:Wat hij fout doet zijn de margins van #contents. Als ik die weglaat dan rendert hij hem goed. Menu links, contents rechts. Echter wil ik de contents ook een stukje van de rand van het menu afhebben en een stukje van boven/onder en rechterkant. Als ik dan een margin instel, ziet het er goed uit in IE, maar niet in FF, dan voegt hij ruimte tussen bovenkant pagina en bovenkant menu/contents ter hoogte van de margin en voegt hij geen ruimte tussen menu en contents.

Iemand die weet waar ik de fout inga?

Een eerste stap is begrijpen wat een float is. Een float 'zweeft' boven de pagina. Niet-zwevende blokelementen (zoals je div#contents) zullen gewoon op de pagina worden geplaatst alsof de float er niet is. Beschouw de float als een luchtballon die erboven hangt.

Met andere woorden: als je op je div#contents een linkermarge van 20px definieert, betekent dat 20px van de linkerkant van het scherm. Als je 20px vanaf de rechterrand van je menu wilt hebben, zul je margin-left: 178px moeten gebruiken. Of een heel andere opzet, waarmee je bijvoorbeeld de inhoud ook float:left meegeeft, dan zal een marge wel werken. Of absolute positionering gebruiken. Al heeft dat ook weer allerlei nadelen.

Let er verder op dat als je height: 100% gebruikt op een element dat ook nog marge of padding heeft, het totale element hoger wordt dan het scherm en er dus schuifbalken ontstaan. Zie enige uitleg over het box-model.

vrijdag 11 november 2005 @ 21:47:46 #88

SuperRembo

Sinds 1998

De makkelijkste oplossing is om er een extra divje in te zetten waar je de padding op zet. Dan heb je geen last van de verschillen in IE en FF.

zaterdag 12 november 2005 @ 14:58:51 #89

DionysuZ

Respect my authority!

hartstikke bedankt! ik heb de contents div laten floaten en er een extra div ingezet en nu werkt het goed

□ 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

maandag 21 november 2005 @ 17:34:01 #90

DutchBlood

*kick*

Ik heb een div met een transparantie van 50% maar nu wil ik de tekst die daarin zit gewoon 100% hebben.

Ik heb het nu zo, schematisch.

1
2
3

<div style="opacity: 50%; background-color: #FFF;">
<div style="color: #000; ">De tekst
</div>

Maar nu neemt de tekst die 50% opacity van die andere div over, en dat wil ik niet. Hoe los ik dat op?
Die andere div een opacity van 100% geven helpt niet. Ook z-indexes halen niks uit.

-edit-
In IE is het me inmiddels gelukt met position: relative; geven aan de tekst, maar nog geen succes in FF.

[ Bericht 5% gewijzigd door DutchBlood op 21-11-2005 17:53:07 ]

maandag 21 november 2005 @ 20:07:43 #91

SuperRembo

Sinds 1998

Je kan zoiets doen:

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

#wrapper {
   position: relative;
}

#wrapper .background {
   position: absolute;
   opacity: 0.5;
   filter: alpha(opacity=50);
   background-color: #f00;
   width: 400px;
   height: 300px;
}

#wrapper .content {
   position: absolute;
   width: 400px;
   height: 300px;
   color: #000;
}

1
2
3
4
5
6
7
8

<div id="wrapper">
   <div class="background"></div>
   <div class="content">
      <p>
         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse est turpis, aliquet a, auctor vel, bibendum elementum, urna. In ut lorem. Cras pretium lacinia urna. Etiam porttitor iaculis leo. Nam placerat, dolor congue accumsan condimentum, urna felis convallis odio, in convallis erat sapien at est. Maecenas risus nibh, rutrum interdum, pulvinar et, interdum eu, erat. Mauris sagittis, risus ac tristique facilisis, quam enim viverra pede, molestie tincidunt justo lectus a sapien. Cras porttitor. Mauris dapibus tincidunt risus. Maecenas in nisi id lorem ornare varius.
      </p>
   </div>
</div>

Het wordt alleen lastig als de grootte van de inhoud af moet hangen.

maandag 21 november 2005 @ 21:01:11 #92

DutchBlood

Had ik nog een vraagje.
Ik heb twee div's naast elkaar, de ene is 125px breed, en de andere moet de ruimte opvullen die overblijft van de andere div. Hoe doe ik dat?

maandag 21 november 2005 @ 21:04:13 #93

cyberstalker

Een krachtig neen!

quote:
Op maandag 21 november 2005 21:01 schreef DutchBlood het volgende:
Had ik nog een vraagje.
Ik heb twee div's naast elkaar, de ene is 125px breed, en de andere moet de ruimte opvullen die overblijft van de andere div. Hoe doe ik dat?

De div van 125px floaten.

Hope for the best, prepare for the worst.

maandag 21 november 2005 @ 21:14:37 #94

DutchBlood

quote:
Op maandag 21 november 2005 21:04 schreef cyberstalker het volgende:

[..]

De div van 125px floaten.

Ja, maar de overige div kan ik dan nog geen 100% width geven, dan zet ie 'm eronder.

maandag 21 november 2005 @ 21:18:03 #95

cyberstalker

Een krachtig neen!

quote:
Op maandag 21 november 2005 21:14 schreef DutchBlood het volgende:

[..]

Ja, maar de overige div kan ik dan nog geen 100% width geven, dan zet ie 'm eronder.

Hoeft toch niet. Een <div> is een block-element, die vullen standaard alles op.

Hope for the best, prepare for the worst.

vrijdag 25 november 2005 @ 17:54:23 #96

Chandler

Mensen ik zit nu met het volgende kleine probleempje (hoop ik)

Ik draai zelf al tijden Windows Commander en ben er helemaal weg van dat ik nu ook een Windows Commander online wil

oftewel webbased

nu zou je zeggen? waarom? er zijn toch al zoveel? yep maar niet door mij gemaakt, en het is voor mij weer een leuke leerweg... maar goed

Nu heb ik mezelf dit keer goed aan het werk gezet en niemand een vraag of whatever gevraagd, alles zelf opgezocht en veel geexpirmenteerd maar kom nu niet uit het volgende.

De volgende layout (http://www.bruggema.nl/mmenu.html) ziet er op zich aardig uit in IE maar als ik FF open mis ik opeens randen, etc etc etc... ik heb alles gemeten en het zou dus moeten willen... alles op basis van vaste maten... behalve de laatste buttons maar die hebben daar niets mee te maken!

Zou iemand me hier mee kunnen helpen, en het zal goed kunnen dat ik ook een doctype moet toevoegen maar helaas heb ik daar nog niet echt de kennis van

excuus daarvoor.

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

vrijdag 25 november 2005 @ 19:10:06 #97

DionysuZ

Respect my authority!

Het verschil ligt em erin dat de ene browser de randen meetelt bij de grootte, en de andere browser de randen nog erbij neemt.

De ene browser zal bij een box van 200px breed met een rand van 1px een box maken van 200px mét rand. De andere maakt er een box van 202px mét rand van.

□ 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

vrijdag 25 november 2005 @ 20:38:00 #98

Chandler

ow dat is lekker

maar hoe kunnen we dat oplossen? ik weet dat IE (width + border == lengte) ze er bij telt en dus nu ook dat FF ze bij de lengte voegt, maar hoe lossen we dat op, weer van die vieze hacks?

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

vrijdag 25 november 2005 @ 21:01:00 #99

McMarco

Argh

Ik kom niet uit het volgende kleine probleem. Ik ben geen n00b, maar 2 pixels drijven mij tot wanhoop

In een <td> wil ik een plaatje zetten, deze verticaal helemaal naar beneden uitlijnen maar ondanks dat staan er nog blijven er nog 2 pixels onder over.
- cellspacing en -padding van de tabel en de cel staan op 0
- valign naar bottom en baseline helpen niet genoeg
- marges op 0 helpt niet
- vspace rond plaatje op 0 biedt geen soelaas
- border van plaatje = 0

M'n ingekorte 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

BODY
{   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
    color: #FFFFFF;
   margin-top: 60px;
   margin-bottom: 0px;
}

Table.main
{   border: 0px;
   padding: 0px;
   width: 800px;
   background-color:#F8E600;
}

TD, TH
{   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
    color: #FFFFFF;
   vertical-align:top
}

tr.scheiding_header_concent /* blauwe balk bovenin */
{   background-color: #181747;
   height: 30px;
   padding: 0px;
   border: 0px;
}

td.tabbladen
{   text-align: right;
   padding-right: 20px;
   padding-bottom: 0px;
   margin: 0px;
   border-bottom: solid 0px #FFFFFF;
   vertical-align: bottom;
   border: 0px;
}

M'n verkorte HTML:

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

(header)
<body>
<table width="800" border="0" cellspacing="0" cellpadding="0" class="main" align="center">
  <tr>
    <td width="150" height="40"> </td>
    <td width="150" height="40" class="tabbladen">
      <img src="images/actief_links.gif" alt="" border="0">
      <a href="index.php"><b>Home</b></a>
      <img src="images/actief_rechts.gif" border="0" alt="">
   </td>
  </tr>
  <tr class="scheiding_header_concent">
    <td colspan="2"> </td>
  </tr>
</table>
</body>
</html>

Weet iemand raad?

vrijdag 25 november 2005 @ 21:52:09 #100

AnGabhar

quote:
Op vrijdag 25 november 2005 20:38 schreef Chandler het volgende:
ow dat is lekker maar hoe kunnen we dat oplossen? ik weet dat IE (width + border == lengte) ze er bij telt en dus nu ook dat FF ze bij de lengte voegt, maar hoe lossen we dat op, weer van die vieze hacks?

http://www.quirksmode.org/css/box.html

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

[CSS] voor dummies - Deel 3

» digital corner

» digital corner