2 achtergronden (php/css)

L.Pappalettera · 16 februari 2011

LET MAAR NIET OP DAT EXTRA RUIMTE PROBLEEMPJE WANT DAT IS AL GEFIXT THXX;) Nu de achtergronde nog lol..

heeft iemand enig idee hoe ik 2 achtergronden kan gebruike via php of in index-style.css??
want ik heb alles geprobeert nouja dat denk ik teminste .. om die 2 achtergronde erop te krijge.. en als ik het in een html bestand doe, dan lukt het wel nou waarom lukt het niet in me php bestand wat moet ik nou doen ik weet het niet! ik zit nou al dagen naar die oplossing te zoeken..

wat ik wil:
ik wil in mijn index een plaatje hebben in het midden en omdat die niet groot genoeg is wil ik daar achter nog eentje die zich verdubbelt zodat er altijd iets is.. mja hoe is de vraag

in php lukt het me niet maar in html wel .. wrm weet ik niet en het verschil snap ik niet lol
ik heb de html bestandje samen met mijn index.php en index-style.css geupload
want ik weet zelf niet wat of welke ik nou moet veranderen.. die html bestandje laat zien hoe ik het graag wil
en de code zit er al in enzo maar bij mij werkt het niet in mijn index.php of de css bestand hmm of ik doe het niet goed plies help mij

hier is de download link: http://www.easy-share.com/1913880437/H2KVoorbeeld.rar
als die het niet doet moet je maar ff zeggen dan upload ik hem opnieuw. (a)

10000000 MAAL BEDANKT ALS JE HET KAN OPLOSSEN!! :p
Mvg. H4x0r666 (a)

Webbasing · 16 februari 2011

Kan je niet gewoon de link geven van het online voorbeeld?

Thisguyisgone · 16 februari 2011

je maakt een div voor je ene dus bv je content en de andere laad je als body achtergrond? Misschien werkt dat ?

L.Pappalettera · 16 februari 2011

okey hier is de screen van wat ik wou laten zien:

en voor de klikkers
http://img841.imageshack.us/img841/1805/h2kscreen.jpg
en dit is de code die ik ervoor gebruik:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>H2K Example</title>
<style type="text/css">
body {
	padding: 0;
	margin: 0;
	background: #d39c5c url(images/rmcbg.gif);
	color: #333333;
}
#wrapper {
	background: url(images/h2klayout.png) no-repeat center top;
	width: 100%;
	display: table;
}
#content {
	width: 800px;
	margin: 210px auto 0;
	background: #fff;
	border: solid 1px #ccc;
	padding: 20px;
}
h1 {
	margin: 0;
	padding: 0;
}
</style>
</head>


<body>
<div id="wrapper">


	<div id="content">
		<h1><p>Layout Style for <a href="http://www.h4ck2kill.exofire.net">H2K</a></p></h1>
		<img src="images/h2kpic2.jpg" alt="H2K COLUMN" />
		<p style="padding-bottom: 800px"> </p>
	</div>


</div>
</body>
</html>

Toon Meer

en dit is mijn index-style.css:

PHP

body {
	background-color: #313131;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form {
	margin: 0;
	padding: 0;
}
label {
    float: left;
    width: 100px;
    margin-right: 15px;
}


form.formaanmelden label {
    float: left;
    width: 135px;
    margin-right: 15px;
}


.checkbox {
	margin: 0;
}
#container {
	width: 680px;
	margin: 0px auto;
}
#header {
	padding: 8px 5px 0px 5px;
	background-image: url(/images/topic.gif);
	border: 1px solid #000000;
	height: 20px;
}
p#links {
	margin: 0px;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
p#rechts_small {
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
a.underline:link, a.underline:visited {
	color: #FFFFFF;
	text-decoration: none;
}


a.underline:hover, a.underline:active {
	text-decoration: underline;
	color: #FFFFFF;
}
#banner {
	background: url(bgg3.jpg) ;
	border: 1px solid #000000;
	border-top: 0;
}


#banner_content {
	background-image: url(/images/header.gif);
	height: 100px;
}
#container_linker_menu {
	margin: 0;
	width: 175px;
	float: left;
}


.titel_kop {
	margin: 0;
	padding: 5px 0 0 4px;
	background-image:url(/images/menu_titel.gif);
	height: 21px;
	border: 1px solid #000000;
	border-top: 0;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}


.linker_menu {
	background: url(bgg3.jpg);
	border: 1px solid #000000;
	border-top: 0;
}
ul {
	margin: 0;
	padding-top: 2px;
	list-style-type: none;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 3px;
	padding-bottom: 3px;
}
li {
	list-style-type:none;
}


li a:link, a:visited, a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#container_content {
	margin: 0;
	width: 504px;
	float: right;
}
.content_titel {
	background-image: url(/images/topic.gif);
	height: 21px;
	padding: 5px 0 0 4px;
	border: 1px solid #000000;
	border-top: 0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}


.content
{
	background-color: #202020;
	border: 1px solid #000000;
	border-top: 0;
	margin-right: auto;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	color: #FFFFFF;
}
input.veld {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 13px;
}
input.submit {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-family: Verdana;
	font-size: 1em;
	color: #000000;
	height: 19px;
	margin-left: 4px;
}
.clear {
	clear: both;
}
.submit_content {
	background-color: #202020;
	border: 1px solid #000000;
	border-top: 0;
	margin-right: auto;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	color: #FFFFFF;
}
#footer {
	width: 668px;
	margin-top: 1px;
	padding: 8px 5px 0 5px;
	border: 1px solid #000000;
	background-image: url(/images/menu_titel.gif);
	height: 20px;
	float: right;
}
p#footer_txt_links {
	margin: 0px;
	float: right;
	color: #FFFFFF;
	font-size: 10px;
}
p#footer_txt_rechts {
	margin: 0px;
	color: #FFFFFF;
	font-size: 10px;
	
}


TD.subTitle {
	background-image: url(/images/topic.gif); BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: "verdana"; LETTER-SPACING: 5px; TEXT-ALIGN: center}

Toon Meer

en voor me index.php moet je maar ff downloade want die is te groot om hier neer te zetten (a)

FrankY · 16 februari 2011

Je gebruikt iframe, dus dat content groter maken zit in de index, als je de index even op Plaatscode.be zet. kun je die daar ook weer wijzigen en af halen.

Tim · 16 februari 2011

Gebruik hoe dan ook geen iframe!

L.Pappalettera · 16 februari 2011

Citaat van FrankY

Je gebruikt iframe, dus dat content groter maken zit in de index, als je de index even op Plaatscode.be zet. kun je die daar ook weer wijzigen en af halen.

ja ik verander mijn scripts gewoon via Notepad2 dus plaatscode.be heb ik niet nodig tenzij ik het wil delen: http://plaatscode.be/140689/ .. mja iframe wat maakt het uit..? en waarom is dat niet goed.. hoe moet het anders? btw weet iemand al hoe ik dat moet doen voor die 2 achtergronden ik ben zoo blij als het werkt want mij lukt het niet

L.Groot · 16 februari 2011

IFrames zijn zó 2004..
Tegenwoordig gebruikt iedereen Div's met CSS of jQuery..

L.Pappalettera · 16 februari 2011

Vreemd als ik dit in mijn index.php doe .. onderaan zodat het in mijn startpagina komt dan komt mijn achtergrond er .. maar vreemd genoeg een klein tikkie naar beneden.. en daarachter zit de 2de plaatje die eigenlijk zich zou moeten repeaten maar dat doet hij niet.. mja opzich is dit de eerste keer dat ik bijde plaatjes te zien krijg hmm.. damn ik wil zo graag dat het me lukt, dit is die code^^

PHP

<style type="text/css"> 
#h2kbg { 
    background: url(images/h2klayout.png) no-repeat center top; 
    width: 100%; 
} 
</style> 
</head> 
<body onLoad="start()" style="background-image: url('images/rmcbg.gif')"> 
<div id="h2kbg">

Willem · 1 Maart 2011

Bump op aanvraag
Topic Starter

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Plesk installer

cpanel / whm themes

PHP Point of Sale

Probleem omtrent Tinymce

Kunnen jullie mij helpen met deze enquete

een eigen cloud sever

Probleem C++ en CL

193 Nieuwe domeinnamen April 2025

228 Nieuwe domeinnamen Maart 2025

285 Nieuwe domeinnamen Februari 2025

2 achtergronden (php/css)

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen