Hjälp med DIV-Mall önskas

2012-02-10 00:59

Permalänk

Nikkop

Medlem

Plats: Helsingborg
Registrerad: Mar 2010

●

Hjälp med DIV-Mall önskas

Tjena!

Undrar om någon vänlig själ hade kunnat hjälpa mig med att ordna en mall för div-taggar.

Nej det är inget skolarbete utan jag håller på att lära mig lite själv men kommer inte fram till bra resultat och undrar därför om jag kan få en mall där jag kan se och lära

Jag har försökt med DIV-generators på nätet men inte fått fram något resultat som jag velat

Så som bilden ser ut hade jag velat ha en mall på, fast i verklig storlek såklart
Proporsitionerna är inte exakta.

Sen skulle jag gärna också vilja ha så att när man förstorar/minskar fönstret så ska inte innehållet "gå in i varandra" utan allt ska vara fixerat på plats så att säga, det ska inte kunna flyta in i varandra.

Hoppas inte det är för mycket begärt.

Tack på förhand!

Senast redigerat 2012-02-10 01:10

Rapportera Redigera

Citera flera Citera

2012-02-10 01:12

Permalänk

linsjb

Medlem ★

Plats: Sundsvall
Registrerad: Feb 2008

●

Css:

	body {
		background-color: #666;
	}
	#page {
		width: 800px;
		height: 800px;
	}
	
	#blue {
		width: 100px;
		height: 780px;
		background-color: #00F;
		float: left;
	}
	
	#red {
		height: 100px;
		width: 700px;
		background-color: #F00;
		float: left;
	}
	
	#yellow {
		height: 20px;
		width: 700px;
		background-color: #FF0;
		float: left;
	}
	#green {
		height: 660px;
		width: 700px;
		background-color: #0F0;
		float: left;
	}
	#pink {
		width: 800px;
		height: 20px;
		background-color: #F0F;
		float: left;
	}

Html:

	<div id="page">
    
		<div id="blue">
	    </div><!--blue-->
    
	    	<div id="red">
	        </div><!--red-->
        
		<div id="yellow">
	    </div><!--yellow-->
    
			<div id="green">
			</div><!--green-->
        
		<div id="pink">
		</div><!--pink-->
    
	</div><!--page-->

Antar det var något sånt du var ute efter?

Visa signatur

Flickr

Rapportera Redigera

Citera flera Citera

2012-02-10 01:22

Permalänk

Nikkop

Medlem

Plats: Helsingborg
Registrerad: Mar 2010

●

Skrivet av xion_drifter:

Antar det var något sånt du var ute efter?

Gå till inlägget

Grund-idén ja! Tack för det, men det blir problem direkt.

När jag lägger in en bild som är 300x850 i "blue" och fast jag ändrar "blue" till den storleken så hamnar den ovanpå allt annat så att säga. DIV-en hoppar upp och "ställer" sig ovanpå de andra.

Jag skulle vilja att "blue" var 300x850px och "red" 700x150px, eller, bilder som är de storlekarna ska få plats om du förstår.

Jag kanske borde repetera en del, läste webdesign i ettan på gymnasiet men det är ett tag sen nu, minns inte mycket ^^

Tack åter igen!

MVH
Nikkop

Rapportera Redigera

Citera flera Citera

2012-02-10 01:27

Permalänk

linsjb

Medlem ★