in IE ook?
Nieuwe reactie samengevoegd met originele reactie op 29.06.11 23:42:05:
#Div {
left: 396px;
position: absolute;
top: 246px;
margin-bottom: 0;
background-color: #3cf;
border: 1px solid #0f8a3a;
width: 1198px;
padding-top: 0px;
height: 45px;
}left: 396px;
moet je als goed is nog op 0 zetten!
Die kan je nie zomaar downloaden.. Ik heb die toevallig gekregen van hem ivm samenwerking..!!
Okeej geen probleem
ik vind het ook achteruit gegaan!!
Misschien een dropdownmenu maken?
Probeer dit eens:
index.css
@charset "utf-8";
body {
background-color: #fff;
font-size: 62.5%;
margin: 0;
padding: 0;
text-align: left;
}
body * {
font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
p {
margin-bottom: 1.1em;
margin-top: 0;
}
#main p.lastNode {
margin-bottom: 0;
}
a:link img, a:visited img {
border: none;
}
#Container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
div.clearFloat {
clear: both;
font-size: 0;
height: 0;
line-height: 0px;
}
li.clearFloat {
clear: both;
}
ul.symbolList {
display: inline;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
.AbsWrap {
position: relative;
width: 100%;
}
.rowWrap {
width: 100%;
}
#Div {
left: 396px;
position: absolute;
top: 246px;
margin-bottom: 0;
background-color: #3cf;
border: 1px solid #0f8a3a;
width: 1198px;
padding-top: 0px;
height: 45px;
}
html > body #Div {
height: auto;
min-height: 44px;
}
#index_r1_c1 {
left: 396px;
position: absolute;
top: -1px;
height: 246px;
margin-bottom: 0;
width: 1200px;
text-align: center;
}
#index_r2_c1 {
left: 396px;
position: absolute;
top: 246px;
height: 15px;
margin-bottom: 0;
width: 1200px;
}
#index_r3_c1 {
left: 396px;
position: absolute;
top: 261px;
height: 34px;
margin-bottom: 0;
width: 352px;
}
#index_r3_c4 {
left: 748px;
position: absolute;
top: 261px;
height: 27px;
margin-bottom: 0;
width: 108px;
}
#index_r3_c5 {
left: 856px;
position: absolute;
top: 261px;
height: 27px;
margin-bottom: 0;
width: 108px;
}
#index_r3_c6 {
left: 964px;
position: absolute;
top: 261px;
height: 27px;
margin-bottom: 0;
width: 108px;
}
#index_r3_c7 {
left: 1072px;
position: absolute;
top: 261px;
height: 27px;
margin-bottom: 0;
width: 108px;
}
#index_r3_c8 {
left: 1180px;
position: absolute;
top: 261px;
height: 34px;
margin-bottom: 0;
width: 416px;
}
#index_r4_c4 {
left: 748px;
position: absolute;
top: 288px;
height: 7px;
margin-bottom: 0;
width: 432px;
}
#index_r6_c1 {
left: 403px;
position: absolute;
top: 351px;
height: 269px;
margin-bottom: 0;
width: 227px;
text-align: center;
}
#index_r7_c1 {
left: 404px;
position: absolute;
top: 620px;
height: 258px;
margin-bottom: 0;
width: 220px;
}
#index_r8_c1 {
left: 404px;
position: absolute;
top: 878px;
height: 258px;
margin-bottom: 0;
width: 220px;
}
#laag2 dl dt font {
font-size: 18px;
}
#laag2 dl dt font {
font-size: 24px;
}
#laag2 dl dt font {
font-size: 18px;
}
#laag2 dl dt {
font-size: 18%;
}Index.html
<!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>Maffia scripts - Betà</title>
<link rel="stylesheet" type="text/css" href="./index.css" media="all" />
<!--[if IE]>
<style type="text/css" media="all">.borderitem {border-style: solid;}</style>
<![endif]-->
</head>
<body>
<!-- Begin Wrapper -->
<div id="Container">
<div id="Div">
</div>
<img src="index_r1_c1.gif" id="index_r1_c1" alt="" />
<img src="index_r2_c1.gif" id="index_r2_c1" alt="" />
<img src="index_r3_c1.gif" id="index_r3_c1" alt="" />
<img src="index_r3_c4.gif" id="index_r3_c4" alt="" />
<img src="index_r3_c5.gif" id="index_r3_c5" alt="" />
<img src="index_r3_c6.gif" id="index_r3_c6" alt="" />
<img src="index_r3_c7.gif" id="index_r3_c7" alt="" />
<img src="index_r3_c8.gif" id="index_r3_c8" alt="" />
<img src="index_r4_c4.gif" id="index_r4_c4" alt="" />
<img src="index_r6_c1.gif" id="index_r6_c1" alt="" />
<img src="index_r7_c1.gif" id="index_r7_c1" alt="" />
<div style="position: absolute; left: 408px; top: 442px; width: 211px; height: 172px; z-index: 1" id="laag1">
<dl>
<dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Maffia
scripts nieuwe update</font></dt>
<dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt>
<dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt>
<dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt>
<dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt>
<dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt>
<dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font> </dt>
</dl>
<address>
</address>
</div>
<p> </p>
<p>
<img src="index_r8_c1.gif" id="index_r8_c1" alt="" />
</p>
<div style="position: absolute; left: 409px; top: 703px; width: 211px; height: 172px; z-index: 1; font-size: 13px;" id="laag2">
<dl>
<dt><font color="#FFFFFF" size="4">Bezoekers:</font></dt>
<dd> </dd>
<dt><font color="#FFFFFF" size="4">Leden:</font></dt>
<dd> </dd>
<dt><font color="#FFFFFF" size="4">leden online:</font></dt>
</dl>
<address>
</address>
</div>
</body>
</html>
<div align="center"> <a href="http://www.freebits.nl">Foto uploaden</a>
</div>
</div>
<!-- Einde Wrapper -->zet je html code tussen een Wrapper of container zodat alles in het midden staat
Kleuren zijn wel goed, alleen mis ik het content gedeelte (middelste gedeelte)
en de footer / header.. maak het wat beter zodat het lijkt op een layout.. dit lijkt op een afbeelding en klaar!
php expert editor
@ Frenzo idd, normaal wel jah!
Sam broadcaster, virtual mengpaneel:)
werkt in ie en google chrome dus!
scripts.js:
function SelectAll(id)
{
document.getElementById(id).focus();
document.getElementById(id).select();
}
function clearText(thefield)
{
if (thefield.defaultValue==thefield.value)
thefield.value = ""
}
$(document).ready(function()
{
$('input[name="loginpopup"]').click(function()
{
$('#popup[name="registreer"]').animate(
{
opacity: 0,
marginTop: "700px"
},"slow");
$('#popup[name="loginpopup"]').animate(
{
opacity:1,
marginTop: "400px"
},"slow");
});
$('input[name="registreer"]').click(function()
{
$('#popup[name="registreer"]').animate(
{
opacity:1,
marginTop: "400px"
},"slow");
$('#popup[name="loginpopup"]').animate(
{
opacity:0,
marginTop: "700px"
},"slow");
});
$('a[name="closelogin"]').click(function()
{
$('#popup[name="loginpopup"]').animate(
{
opacity:0,
marginTop: "700px"
},"slow");
});
$('a[name="closeregistreer"]').click(function()
{
$('#popup[name="registreer"]').animate(
{
opacity:0,
marginTop: "700px"
},"slow");
});
});Html:
<div id="popup" name="loginpopup">
<div class="close"><a href="#" name="closelogin"><img src="images/popup-close.png" alt="close" /></a></div>
<h1>Administrator login</h1>
<p>Beheer hier uw website</p>
<div class="img"><img src="images/login.png" alt="login" /></div>
<div class="form">
<form method="post" action="?p=login">
<input type="text" id="naam" name="naam" value="Sitenaam" onclick="SelectAll('naam');" />
<input type="password" id="pass" name="pass" value="wachtwoord" onclick="SelectAll('pass');" />
<p class="left"><a href="?p=wwvergeten">Wachtwoord vergeten?</a></p>
<button class="button-popup" type="submit" name="submit">Login</button>
</form>
</div>
</div>
<div id="popup" name="registreer">
<div class="close"><a href="#" name="closeregistreer"><img src="images/popup-close.png" alt="close" /></a></div>
<h1>Registreren</h1>
<p>Maak hier je spel aan</p>
<div class="img"><img src="images/register.png" alt="image" /></div>
<div class="form">
<form method="post" action="?p=aanmelden">
<input type="text" id="site" name="site" value="Sitenaam" onclick="SelectAll('site');" />
<input type="text" id="user" name="user" value="Naam op de site" onclick="SelectAll('user');" />
<input type="password" id="passw" name="pass" value="wachtwoord" onclick="SelectAll('passw');" />
<input type="password" id="repeat" name="repeat" value="wachtwoord" onclick="SelectAll('repeat');" />
<input type="text" id="email" name="mail" value="Email" onclick="SelectAll('email');" />
<button class="button-popup" type="submit" name="aanmelden">Registreer</button>
</form>
</div>
</div>Alleen nog de css maken!
Probeer dit eens:
$gebruikersnaam =
$query = mysql_query( 'SELECT * FROM leden WHERE gebruikersnaam = "' . mysql_real_escape_string( $_GET[ 'gebruikersnaam' ] ) . '"' );
if( mysql_num_rows( $query ) > 0 ) {
$fetch = mysql_fetch_assoc( $query );
if( isset( $_POST[ 'submit' ] ) ) {
mysql_query( 'UPDATE leden SET gebruikersnaam = "' . mysql_real_escape_string( $_POST[ 'telefoonnummer' ] ) . '", punten = "' . mysql_real_escape_string( $_POST[ 'punten' ] ) . '", telefoonnummer = "' . mysql_real_escape_string( $_POST[ 'telefoonnummer' ] ) . '", email = "' . mysql_real_escape_string( $_POST[ 'email' ] ) . '" WHERE id = "' . $fetch[ 'id' ] . '"');
$core[ 'tpl' ]->assign( 'succes', 1 );
} else {
$core[ 'tpl' ]->assign( 'telefoonnummer', htmlspecialchars( stripslashes( $fetch[ 'telefoonnummer' ] ) ) );
$core[ 'tpl' ]->assign( 'email', htmlspecialchars( stripslashes( $fetch[ 'email' ] ) ) );
$core[ 'tpl' ]->assign( 'wachtwoord', htmlspecialchars( stripslashes( $fetch[ 'wachtwoord' ] ) ) );
$core[ 'tpl' ]->assign( 'formulier', 1 );
}
} else {
$core[ 'tpl' ]->assign( 'niet_gevonden', 1 );
}Je had bij Where gebruikersnaam = ...... '$gebruikersnaam'
Maar die $ moest weg
Mooie layout!
Cijfer: 10/10
Waarde: ?55,-Samsung Galaxy S of 2
Citaat van habib10wat moet je met een harddisk van 1tb?
Veel, ik als DJ zijnde heb al bijna 5 TB nodig aan muziek / films en software dus!
Super, de moslims / buitenlanders zeggen ook wat ze willen.. nou wilders ook.. En daarbij, Aanslagen, kapingen, geweldpleging? welk cultuur is het meestal? Moslims of andere buitenlanders dus gelijk heeft Wilders....
WILDERS GO ON
Dan moet je via mysql = UPDATE allelogs WHERE JE WAAR DE HIER ; ofzo?
<script type="text/javascript">
$(function(slider){
slider = {
currentFrame: 1,
slideSpeed: 3000,
animateSpeed: 1000,
slide: function(){
slider.currentFrame = (slider.currentFrame >= $("div#slider ul li").length ? 1 : slider.currentFrame+1);
$("div#slider ul").animate({
left: ( '-' + $("div#slider ul li:eq(" + (slider.currentFrame-1) + ")").position().left )
}, slider.animateSpeed);
},
start: function(slider){
interval = setInterval( function(slider){
slider.slide();
}, slider.slideSpeed);
}
}
slider.start();
});
</script>