website layout fail :(

Status
Niet open voor verdere reacties.

DarrellDD

Gebruiker
Lid geworden
4 mei 2010
Berichten
111
Hallo,

ik heb een groot probleem. Ik werk met een cms (website Baker) en ik wil me eigen css hier voor maken maar ik kom er niet meer uit. ik het de XP taskbar werkend gekregen met de startbuton + hover en het systeemvak, en de borders. maar nu faalt alles weer :( de header is een plaatje. ik wil dat plaatje strechen zoals bij de windows xp header. en ik wil dat het content scrolt in plaats van de pagina, en dat hij werkt in alle browser. nu alleen in mozilla firefox. Alsjeblieft help me! hier is de site en css: http://www.mytweaks.tk en http://www.myserver.loomhost.com/templates/simple/template.css

Alvast bedankt!
DarrellDD
 
Laatst bewerkt:
Ik heb hem helemaal goed staan, maar ik werk ook in chrome, alleen het balkje van het venster zit denk ik fout
 
hmm het lijkt er zowieso op dat deze sprite verkeerd is om als kopje te gebruiken van een window.

Tevens vielen mij nog deze dingen op:
  • opmaak dmv een table. Niet handig om een table daarvoor te gebruiken. Gebruik in plaats daarvan div's. (Bron)
  • css: background-size. Ik denk dat je problemen in oudere browsers (IE:cool: kan fixen door een <img /> te gebruiken in de body en die te stretchen, want bij IE8 werkt dit attribuut blijkbaar niet. Je kan natuurlijk ook overwegen om een groter plaatje te pakken dat bijvoorbeeld minimaal grootte 1600x900 heeft. Let wel op een jpg indeling (het is nu een bmp!) voor een snellere laadtijd.
  • positionering van de taakbalk-klok: doordat de opmaak met een table is gedaan kan ik daar geen makkelijke oplossing voor vinden helaas. Ik heb momenteel ook geen tijd om de website geheel in div's te gaan herschijven :p

mvg,
Flame
 
Bedankt voor alle reacties!

de background kan ik fixen, ik heb een andere manier gevonden om de background goed te krijgen.

Klopt dat het Bmp is, het is direct geupload vanuit xp wallpaper map, Er staat een HD versie op internet die overgens ook nog jpg is :)

Het lijk mij een beetje moelijk om de website in div's te gaan schrijven want de index ziet er zo uit

Code:
<?php
/**
 * $Id: index.php 1106 2009-08-06 16:07:39Z Ruebenwurzel $
 * Website Baker template: simple
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains the overall template markup and the Website Baker
 * template functions to add the contents from the database.
 *
 * LICENSE: GNU General Public License
 * 
 * @author     Ryan Djurovich, C. Sommer
 * @copyright  GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    2.70
 * @platform   Website Baker 2.7
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
*/

// prevent this file from being accessed directly
if (!defined('WB_PATH')) die(header('Location: ../../index.php'));

// TEMPLATE CODE STARTS BELOW
?>
<!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" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=<?php 
	echo defined('DEFAULT_CHARSET') ? DEFAULT_CHARSET : 'utf-8'; ?>" />
	<meta name="description" content="<?php page_description(); ?>" />
	<meta name="keywords" content="<?php page_keywords(); ?>" />
	<?php 
	// automatically include optional WB module files (frontend.css, frontend.js)
	if (function_exists('register_frontend_modfiles')) {
		register_frontend_modfiles('css');
		register_frontend_modfiles('js');
	} ?>
	<link rel="stylesheet" type="text/css" href="<?php 
		echo TEMPLATE_DIR; ?>/template.css" media="screen,projection" />
	<link rel="stylesheet" type="text/css" href="<?php 
		echo TEMPLATE_DIR; ?>/print.css" media="print" />
		<script type="text/javascript">
function GetClock(){
d = new Date();
nhour  = d.getHours();
nmin   = d.getMinutes();
if(nmin <= 9){nmin="0"+nmin}


document.getElementById('clockbox').innerHTML=""+nhour+":"+nmin+"";
setTimeout("GetClock()", 1000);
}
window.onload=GetClock;
</script>
	<title><?php page_title('', '[WEBSITE_TITLE]'); ?></title>
</head>

<body style="overflow-x:hidden; overflow-y:hidden;">

<table cellpadding="5" cellspacing="0" border="0" width="750" align="center">
<tr>
	<td colspan="2" class="header">
		<?php page_title('','[WEBSITE_TITLE]'); ?>
	</td>
</tr>
<tr>
	<td class="menu">
	<div class="grouphead">
		<?php 
		if (SHOW_MENU) { 
			// navigation menu
			echo $TEXT['MENU'] . ':' ;
			echo "<a href='#' class='groupcollapse'> </a>" ;
			show_menu();
		} ?>
		</div>
		
		<?php 
		if (SHOW_SEARCH) { /* Only show search box if search is enabled */ ?>
			<br />
			<div class="groupheadsearch">
			<?php echo $TEXT['SEARCH']; ?>: <br />
			<form name="search" action="<?php echo WB_URL; ?>/search/index.php" method="get">
				<input type="hidden" name="referrer" value="<?php
					echo defined('REFERRER_ID') ? REFERRER_ID : PAGE_ID; ?>" />
				<input type="text" name="string" style="width: 100%;" />
				<input type="submit" name="submit" value="<?php echo $TEXT['SEARCH']; ?>" style="width: 100%;" />
			</form>
		<?php } ?>
		</div>
		
		<br />
	</td>
	<td class="content" style="overflow-x:hidden; overflow-y:scroll;">
		<?php page_content(); ?>
	</td>
</tr>
<tr>
	<td colspan="2" class="xpfooter"> </td>
</tr>
<tr>
	<td colspan="2" class="footer">
	<a href="/" class="start"> </a>
<tr>
	<td class="taskbartray">
		<div id="clockbox"></div>
	</td>
</tr>
		<?php page_footer(); ?>
	</td>
</tr>
</table>
<?php 
// automatically include optional WB module file frontend_body.js)
if (function_exists('register_frontend_modfiles_body')) { register_frontend_modfiles_body(); } 
?>
</body>
</html>

Heb jij een idee wat voor sprite ik dan voor die header kan gebruiken, om toch de xp header met de knoppen te krijgen? de knoppen wil ik wel met sprite maken vanwegen het hover effect en leuke toepassingen :)

Met Vriendelijke Groeten en Alvast bedankt!
DarrellDD
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan