css positioning, två iframes bredvid varandra.

2012-03-21 14:25

Avstängd

Registrerad: Jun 2011

●

css positioning, två iframes bredvid varandra.

Hej jag är nybörjare i css, det jag vill göra är att lägga två iframes bredvid varandra med css exempel
ungefär sådär
fall någon kan peka mig i rätt riktning eller kanske posta ett exempel så vore det bra

------------------------------------------------------------------------------------------------------------------------------
                                                              |                                                              |
                                                              |                                                              |
                iframe                                     |                         iframe                             |
                                                              |                                                              |
                                                              |                                                              |
                                                              |                                                              |
-------------------------------------------------------------------------------------------------------------------------------

Visa signatur

//pHANTAZOM

Rapportera Redigera

Citera flera Citera

2012-03-21 14:38

Permalänk

Be4ten

Medlem

Plats: Karlstad
Registrerad: Sep 2003

●

Prova att floata båda elementen. Beskriv annars vad det är du försöker uppnå så blir det lättare att hjälpa till.

iframe {
width: 50%;
float: left;
}

Sen får du köra " clear: both " på det element som ligger nedanför.

Rapportera Redigera

Citera flera Citera

2012-03-21 14:44

Permalänk

pHANTAZOM

Avstängd

Registrerad: Jun 2011

●

Skrivet av Be4ten:

Prova att floata båda elementen. Beskriv annars vad det är du försöker uppnå så blir det lättare att hjälpa till.

iframe {
width: 50%;
float: left;
}

Sen får du köra " clear: both " på det element som ligger nedanför.

Gå till inlägget

Jag vill kunna sätta två st inviduella iframes bredvid varandra.

det ska va på denna sida det finns två st formulär man kan skriva i dom två ska vara bredvid varandra,
http://cphumor.se/forum/index.php?page=VIP
och dom är iframes

Visa signatur

//pHANTAZOM

Rapportera Redigera

Citera flera Citera

2012-03-21 14:59

Permalänk

Be4ten

Medlem

Plats: Karlstad
Registrerad: Sep 2003

●

Slängde ihop ett exempel. Prova koden nedan och testa lite så förstår du nog tillslut hur det hänger ihop.

HTML: Lägg in detta i en NY index.html

<!DOCTYPE html>
	<html>
		<head>
			<meta charset="UTF-8">
			<title>exempel</title>
			<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
			<link href="style.css" rel="stylesheet" type="text/css">
		</head>
		
	
		<body>
			<div id="wrapper">
				
				<div id="content">
					<iframe></iframe>
					<iframe></iframe>
					
				</div>
			</div>
		</body>
		
	</html>

CSS: Lägg in detta i en NY style.css i samma katalog.

html, body {
background-color: #000;
}

#wrapper {
width: 920px;
padding: 20px;
margin: 0 auto;
}

iframe{
height: 100px;
width: 40%;
float: left;
background-color: #f00;
border: none;
}

iframe:first-child {
margin-right: 10%;
}

Rapportera Redigera

Citera flera Citera

css positioning, två iframes bredvid varandra.

css positioning, två iframes bredvid varandra.

Externa nyheter

Spelnyheter från FZ