login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Vierkante Tabel/Div

Offline Z4uit - 17/01/2007 15:59
Avatar van Z4uitNieuw lid Hey iedereen,

Is het ook mogelijk een tabel of div te maken waar de breedte van de tabel/div afhangt van de hoogte?

Ik wil namelijk een viekantje maken waar plaatjes in komen te staan met de hoogte van de browser als alle vier de zijdes van het vierkantje.

Ik hoop echt dat zoiets bestaat, en als dat niet zo is, dat imand weet hoe het bovenstaande wel moet.

groetjes,

Z4uit

6 antwoorden

Gesponsorde links
Offline Berten - 17/01/2007 16:14
Avatar van Berten PHP beginner
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div><img src="url.jpg" alt="" style="width:100px; height:100px;"></div>


dan heb je een vierkant

zo kan je ook je div in css een height/width meegeven.

OM je probleem echt op te kunnen lossen heb 'k wat meer info nodig:

Als ik het goed begrijp ga je met een popup werken?
moet er 1 plaatje in komen of meerdere?
moet de grootte van de browser afgesteld worden op de grootte van een image, of net andersom?
Offline Z4uit - 17/01/2007 20:12 (laatste wijziging 17/01/2007 20:14)
Avatar van Z4uit Nieuw lid Beste Berten,

Ik wil een vierkant met een dikke zwarte rand
(ongeveer een halve centimeter op je beeldscherm)
met daarin zestien even grote vakjes van vierkantjes waar plaatjes in kunnen.
Maar waar het mogelijk is wil ik die vierkantjes eventueel ook samen kunnen voegen.
Ik heb het eigenlijk al af, maar dat is maar voor 1 resolutie. Bij hoge resoluties is het een minisite.  
En ik heb geen zin alles dubbel te doen, wat toch al moet voor in 2 talen. Een voorbeeld van de site die nog lang niet af is kan je hier bekijken: home.wanadoo.nl/advandenbruinhorst

Een oplossing hiervoor zou zijn een tabel of div (liefst een tabel want dat is gemakkelijker  ) die relatief is, dus afhangt van iemands schermresolutie.
Ik wilde dan de height 100% maken en de width even groot als de height. Dus zonder achtergrondplaatje (kan je die trouwens ook relatief maken?).
Ik heb het nu gedaan met een nested table. Dit is niet zo netjes, maar werkt wel.

Ik hoop dat ik voldoende heb duidelijk gemaakt wat ik van plan ben, ik heb zelf geen idee hoe ik het zou moeten aanpakken.

Groetjes,

Z4uit
Offline Berten - 17/01/2007 20:20
Avatar van Berten PHP beginner hmz, ik weet het niet zeker,

ben zo geen html/css/js expert, maar ik denk dat er een mogelijkheid moet zijn om de height instelling in javascript te setten op een manier die lijkt op deze

divnaam.style.height = divnaam.style.width

of zoiets ongeveer 

ik hoop dat er hier een css/html/js specialist een kijke komt nemen
Offline Z4uit - 02/02/2007 12:32
Avatar van Z4uit Nieuw lid Goed het is me nu gelukt voor de helft,

Na wat puzzelen op verschillende sites heb ik hier ook een tut gevonden over divs. Ik ben ermee aan de slag gegaan, heb wat gemaakt en het werkt... in firefox. Maar dus niet in IE.

Ik zal wel iets gruwelijk fout hebben gedaan, want het ziet er echt niet uit in IE. Ik wil jullie dan ook vragen de broncode van de site te bijkeken en de site in beide browsers te openen. Misschien kan iemand me dan helpen.

Trouwens de site is te bekijken op: http://home.wanadoo.nl/advandenbruinhorst/

Alvast bedankt,
Offline Ibrahim - 02/02/2007 14:44 (laatste wijziging 02/02/2007 14:45)
Avatar van Ibrahim PHP expert Maak hem eerst eens (X)html valid, want mijn validator zegt dat hij 2 div afsluitingen mist + alle img's missen een alt 

Het beste is om niet de position methode te gebruiken, want die zorgt inderdaad voor veel problemen.
Offline Z4uit - 02/02/2007 14:58 (laatste wijziging 03/02/2007 21:51)
Avatar van Z4uit Nieuw lid Hey Silliecom,

Allereerst bedankt vor je reactie,
Dat van die divs moet nu verholpen zijn, ik miste een '/' bij </div>.
Dat heeft verder niets geholpen, alles ziet er nog hetzelfde uit.

Dat van die alt, dat is optioneel, niet noodzakelijk dus dat moet niets uitmaken.

Ik heb een oplossing gevonden , bedankt voor jullie hulp!

Z4uit
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.314s