Beiträge von Donkey

Donkey

Hallo zusammen!

Ich weiss nichtmehr weiter.
Da ich nicht einfach nur eine Hintergrundfarbe oder ein Bild das einfach immerwieder wiederholt wird, muss das Hintergrund variabel sein,
Sonst siehts bei verschiedenen Auflösungen einfach nicht gut aus.

Dazu hab ich 2 div-container exakt übereinander gelegt - einer mit dem Hintergrundbild, der andere mit den Inhalt.
Das Klappt auch schon ganz gut, aber ich bekomm das Bild einfach nicht zentriert.

Hab ihr eine Idee?

Hier mal der Quelltext (stark abgespeckt wegen der Übersicht):

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="mainmodules/werbestyle.css">
<title>Werbehalle :: Zeitbanner, Links, Webkatalog, Bannerschlacht, Topliste :: Home
</title>
</head>
<body>
 
<div class="midbg">
<div class="main">
 
 <!-- <a name="top">&nbsp;</a> -->
<div id="title">
<img src="images/mainheader.png" width="758" height="110" border="0" alt="">
</div>
<br>
<table width="100%" border="0">
<tr>
<td width="20%" valign="top">
---Navigation---
</td>
<td width="60%" valign="top">
---Hauptteil---
</td>
<td width="20%" valign="top">
---rechte Spalte---
</td>
</tr>
</table>
--- Footer ---
 
</div>
</div>
 
</body>
</html>

Alles anzeigen

Das hab ich in der CSS:

Code

.midbg
{
width:100%;
position:relative;
left:0px;
top:0px;
z-index:1;
background-image:url(../images/bgmid.png);
background-repeat:repeat-y;
}
 
.main
{
width:100%;
position:relative;
left:0px;
top:0px;
z-index:2;
text-align:center;
}

Alles anzeigen

Hier könnt ihr das ganze angucken: http://werbehalle.de/test/index.php
-hellblau is die bgcolor von body.
-das dunkelblaue ist das Bild (z-index:1), das in die Mitte soll
-die Schrift und alles andere ist z-index:2

Wäre euch für eine Lösung wirklich dankbar.
Hab viele verschiedene Sachen ausprobiert, auch mit Tabellen, aber das hat alles nicht funktioniert

Gruss Donkey

Donkey

Danke für die rasche Antwort.

Mit der neuesten Version tritt das gleiche Problem auf.

Dann frag ich mal den Hersteller

Gruss Donkey

Donkey

Hallo zusammen

Hab mir so ein Script runtergeladen mit dem man einen Chat betreiben kann.
Die Installation hat auch gut geklappt und es funzt auch alles..... Naja fast alles.

Wenn ich das ACP aufrufen will bekomm ich die Meldung:

Zitat

Fehler beim Senden der Abfrage...

1064: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '' at line 1

Also ich hab überhaupt keine Ahnung von SQL-Programmierung und meine Englischkenntnisse reichen bei weiten nicht um dieses Handbuch zu studieren.
Wär euch wirklich dankbar wenn ihr den Fehler aufspüren könntet

Das ist die .sql:

Code

-- phpMyAdmin SQL Dump
-- version 2.9.0.2
-- [URL]http://www.phpmyadmin.net[/URL]
--
-- Host: localhost
-- Erstellungszeit: 18. Dezember 2007 um 14:46
-- Server Version: 5.0.24
-- PHP-Version: 5.2.4
--
-- Datenbank: 'chat'
--
-- --------------------------------------------------------
--
-- Tabellenstruktur für Tabelle 'etchat_blacklist'
--
DROP TABLE IF EXISTS etchat_blacklist;
-- limit --
CREATE TABLE etchat_blacklist (
  etchat_blacklist_id int(8) NOT NULL auto_increment,
  etchat_blacklist_ip varchar(255) NOT NULL,
  etchat_blacklist_userid int(8) NOT NULL,
  etchat_blacklist_time int(30) NOT NULL,
  PRIMARY KEY  (etchat_blacklist_id)
);
-- limit --
--
-- Daten für Tabelle 'etchat_blacklist'
--
 
-- --------------------------------------------------------
--
-- Tabellenstruktur für Tabelle 'etchat_messages'
--
DROP TABLE IF EXISTS etchat_messages;
-- limit --
CREATE TABLE etchat_messages (
  etchat_id bigint(20) unsigned NOT NULL auto_increment,
  etchat_user_fid int(8) NOT NULL,
  etchat_text text NOT NULL,
  etchat_text_css text NOT NULL,
  etchat_timestamp bigint(20) NOT NULL,
  etchat_fid_room int(11) NOT NULL default '1',
  etchat_privat int(8) default '0',
  PRIMARY KEY  (etchat_id)
);
-- limit --
--
-- Daten für Tabelle 'etchat_messages'
--
 
-- --------------------------------------------------------
--
-- Tabellenstruktur für Tabelle 'etchat_rooms'
--
DROP TABLE IF EXISTS etchat_rooms;
-- limit --
CREATE TABLE etchat_rooms (
  etchat_id_room int(3) unsigned NOT NULL auto_increment,
  etchat_roomname varchar(100) NOT NULL,
  PRIMARY KEY  (etchat_id_room)
);
-- limit --
--
-- Daten für Tabelle 'etchat_rooms'
--
INSERT INTO etchat_rooms (etchat_id_room, etchat_roomname) VALUES
(1, 'Lobby'),
(2, 'Raum II'),
(3, 'Raum I');
-- limit --
-- --------------------------------------------------------
--
-- Tabellenstruktur für Tabelle 'etchat_smileys'
--
DROP TABLE IF EXISTS etchat_smileys;
-- limit --
CREATE TABLE etchat_smileys (
  etchat_smileys_id int(5) NOT NULL auto_increment,
  etchat_smileys_sign varchar(20) NOT NULL,
  etchat_smileys_img varchar(100) NOT NULL,
  PRIMARY KEY  (etchat_smileys_id)
);
-- limit --
--
-- Daten für Tabelle 'etchat_smileys'
--
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':angry:', 'smilies/angry.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-]', 'smilies/approve.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-}', 'smilies/blushing.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':charming:', 'smilies/charming.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-P', 'smilies/cheeky.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':cheesy:', 'smilies/cheesy.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES ('8-)', 'smilies/cool.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':*(', 'smilies/cry.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES ('x-(', 'smilies/dead.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':dissap:', 'smilies/dissappointed.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':embar:', 'smilies/embarassed.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':evil:', 'smilies/evil.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':goofy:', 'smilies/goofy.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-D', 'smilies/grin.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-?', 'smilies/huh.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':idea:', 'smilies/idea.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-L', 'smilies/laugh.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':lips:', 'smilies/lips.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-x', 'smilies/lipsrsealed.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':mad:', 'smilies/mad.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-K', 'smilies/ok.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':rolleyes:', 'smilies/rolleyes.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-(', 'smilies/sad.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-O', 'smilies/shocked.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':shy:', 'smilies/shy.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':smartass:', 'smilies/smartass.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':smarty:', 'smilies/smarty.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':-)', 'smilies/smiley.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':tongue:', 'smilies/tongue.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':undecided:', 'smilies/undecided.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':veryangry:', 'smilies/veryangry.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (';-)', 'smilies/wink.gif');
-- limit --
INSERT INTO etchat_smileys (etchat_smileys_sign, etchat_smileys_img) VALUES (':worried:', 'smilies/worried.gif');
-- limit --
-- --------------------------------------------------------
--
-- Tabellenstruktur für Tabelle 'etchat_user'
--
DROP TABLE IF EXISTS etchat_user;
-- limit --
CREATE TABLE etchat_user (
  etchat_user_id int(8) NOT NULL auto_increment,
  etchat_username varchar(200) NOT NULL,
  etchat_userpw varchar(40) default NULL,
  etchat_userprivilegien varchar(15) NOT NULL default 'gast',
  PRIMARY KEY  (etchat_user_id)
);
-- limit --
--
-- Daten für Tabelle 'etchat_user'
--
INSERT INTO etchat_user (etchat_user_id, etchat_username, etchat_userpw, etchat_userprivilegien) VALUES
(1, '<i>System</i>', NULL, 'system'),
(2, 'Admin', '21232f297a57a5a743894a0e4a801fc3', 'admin');
-- limit --
-- --------------------------------------------------------
--
-- Tabellenstruktur für Tabelle 'etchat_useronline'
--
DROP TABLE IF EXISTS etchat_useronline;
-- limit --
CREATE TABLE etchat_useronline (
  etchat_onlineid bigint(20) unsigned NOT NULL auto_increment,
  etchat_onlineuser_fid int(8) NOT NULL,
  etchat_onlinetimestamp bigint(20) NOT NULL,
  etchat_onlineip varchar(255) NOT NULL,
  etchat_fid_room int(11) NOT NULL default '1',
  etchat_user_online_room_name varchar(100) NOT NULL,
  etchat_user_online_user_name varchar(200) NOT NULL,
  etchat_user_online_user_priv varchar(20) NOT NULL,
  PRIMARY KEY  (etchat_onlineid)
);
-- limit --
--
-- Daten für Tabelle 'etchat_useronline'
--
-- --------------------------------------------------------
--
-- Tabellenstruktur für Tabelle `etchat_config`
--
DROP TABLE IF EXISTS etchat_config;
-- limit --
CREATE TABLE etchat_config (
  etchat_config_id int(11) NOT NULL auto_increment,
  etchat_config_reloadsequenz int(11) NOT NULL,
  etchat_config_messages_im_chat int(11) NOT NULL,
  etchat_config_style varchar(100) NOT NULL,
  etchat_config_loeschen_nach int(11) NOT NULL,
  PRIMARY KEY  (etchat_config_id)
);
-- limit --
--
-- Daten für Tabelle 'etchat_config'
--
INSERT INTO etchat_config (etchat_config_id, etchat_config_reloadsequenz, etchat_config_messages_im_chat, etchat_config_style, etchat_config_loeschen_nach) VALUES
(1, 4000, 22, 'etchat_white', 1);

Alles anzeigen

Danke schonmal

Gruss Donkey

EDIT:
Achso das ist die Testinstallation: http://kendo-bunker.de/donkey/demo/
und hier sollte man eigentlich ins ACP kommen: http://kendo-bunker.de/donkey/demo/admin

Donkey

Danke
An die möglichkeit hab ich garnichtmehr gedacht

Mit Ulead GIF Animator hat das super funktioniert

Donkey

Hallo zusammen!

Wie kann ich den HEX-Wert von einzelnen Pixeln eines bereits fertigen Bilds herrausfinden?

Gruss Donkey

Donkey

Hat sich erledigt

Ich sollte mir abgewöhnen immer so kompleziert zu denken...

Naja - warum einfach wenns auch kompleziert geht?!

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Testseite</title>
</head>
<body>
<center>
<div id="title"><img src="images/titletestmain.jpg" width="300" height="110" border="0" alt=""></div>
</center>
</body>
</html>

Alles anzeigen

Code

div#title
{
width:100%;
text-align:center;
background-color:#FF0000;
margin:0px;
padding:0px;
}

Donkey

Hallo

Hab mir gedacht damit das Headerbild bei höheren Auflösungen immer die ganze Breite ausfüllt und
bei niedrigeren Auflösungen nicht zu breit ist, mach ich einfach 3 Teile daraus,
wobei die beiden "Äusseren (rot)" mit repeat-x gebildet werden.

Hier mal meine Testanordnung:

[Blockierte Grafik: http://i38.tinypic.com/264krp1.png]

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Testseite</title>
</head>
<body>
<center>
<p><img src="images/header.jpg"></p>
<img src="images/titletest.jpg"><img src="images/titletestmain.jpg"><img src="images/titletest.jpg">
</center>
</body>
</html>

Alles anzeigen

Nun hab ich überhaupt kein Plan wie ich da anfangen muss

Geht das überhaupt?

Gruss Donkey

Donkey

Cool danke!
Irgendwie is die Navi jetzt zwar länger geworden, aber das stört nicht
Da setzt ich margin einfach auf 0 und bau oben ne Leerzeile ein dann passts wieder

Donkey

Ok.
getestet mit FF, Opera, Netscape, K-Meleon, Seamonkey, T-Online-Browser und Safari - alle 3 Auflösungen passen in allen

Donkey

Hm...
Hab ja erst vor ein paar Tagen Win neu aufgesetzt - bei mir is noch garnichts installiert

Donkey

Hab 10 verschiedene Browser installiert Aber noch nicht getestet.

Donkey

Also ich hab mal versucht jetzt mal ein flexibles Layout zu basteln.
Is glaub ich ganz gut geworden.
Da ich aber bisher nur mit Tabellen und festen Grössen gearbeitet hab is das ein bisschen Neuland für mich
800x600: http://i34.tinypic.com/33f7v6a.jpg
1024x768: http://i35.tinypic.com/rstmoo.png
1280x768: http://i36.tinypic.com/30ucolv.png
andere Auflösungen kann mein Monitor nicht darstellen.
Mit dem Headerbild muss ich mir noch was überlegen.
Mir kommts aber so vor als hätt ich mehr in die css geschrieben als nötig.
Habt ihr Vorschläge?

Code

/* 
10px = 0.6em
12px = 0.76em
14px = 0.9em
16px = 1.0em
18px = 1.12em
22px = 1.38em
26px = 1.63em
*/
body
{
font-size:100,01%;
font-weight:bold;
background-color:#EDEDED;
background-image:url('images/bg.jpg');
}
.blue
{
color:#FFFFFF;
font-family:arial;
font-size:1em
}
div#main2
{
top:0px;
width:83%;
}
div#navi2
{
position:relative;
float:left;
width:23%;
text-align:left;
background-image:url('images/tab-bg.jpg');
}
div#inhalt2
{
position:relative;
float:right;
width:75%;
text-align:left;
background-image:url('images/tab-bg.jpg');
}
.cell
{
background-image:url('images/tabcell.gif');
height:1.6em;
text-align:center;
vertical-align:middle;
color:#000080;
font-size:1.1em;
}
.text
{
padding:1em;
}
.navi
{
width:100%;
text-align:center;
}
.navi ul
{
list-style-type: none;
padding: 0px;
margin: 2px 0px;
}
.navi li
{
display: block;
}
.navi li a, .navi li a:link
{
text-decoration: none;
display: block;
color: #FFFF00;
width: 100%;
padding:0px;
margin:6px 0px 6px 0px;
}
.navi li a:hover
{
color: #000000;
background-color: #00BBFF;
}

Alles anzeigen

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Testseite</title>
</head>
<body>
<center>
<p align="center"><img src="images/header.jpg"></p>
<div id="main2">
<div id="navi2" class="blue">
<div class="cell">Navigation</div>
<div class="navi">
<ul>
<li><a href="index.php" tabindex="2" accesskey="s">Startseite</a></li>
<li><a href="">Punkt 1</a></li>
<li><a href="">Punkt 2</a></li>
<li><a href="">Punkt 3</a></li>
<li><a href="">Punkt 4</a></li>
<li><a href="">Punkt 5</a></li>
<li><a href="">Punkt 6</a></li>
<li><a href="">Punkt 7</a></li>
</ul>
</div>
</div>
<div id="inhalt2" class="blue">
<div class="cell">&Uuml;berschrift</div>
<div class="text">
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2
</div>
</div>
</div>
</center>
</body>
</html>

Alles anzeigen

Gruss Donkey

Donkey

Naja hab halt nach ner "bequemern" Lösung gesucht
Bis jetzt hab ich alles mit festen Grössen gemacht und einfach alles... - bin halt faul

Aber ich arbeite mich jetzt mal in die flexible Darstellung ein

Hab auch in den Zusammen hang auch ne interessante Seite gefunden, die jetzt nicht so wirklich aufschluss reich ist, aber interessant zu lesen.
Vielleicht interessierts euch ja
http://aktuell.de.selfhtml.org/weblog/aufloesung-viewport

Gruss Donkey

Donkey

Danke.
Hm... das hab ich mir schon fast gedacht.

Ich möchte die Seite möglichst barrierefrei erstellen und da hat Javascript dann eigentlich nichts verloren.

Naja vielleicht fällt mir ja noch was anderes ein

Donkey

Hallo zusammen!

Ich bin jetzt schon ne ganze Weile auf der Suche nach einer Weiche die die verwendete Auflösung des Besuchers erkennt und ihn zu den entsprechenden Seiten weiterleitet, welche für diese Auflösung optimiert sind.

Hab auch einiges gefunden - aber alles in Javascript.
Möchte das aber lieber serverseitig lösen.

Aus den ganzen Informationen meine ich rausgelesen zu haben dass man mit php die Auflösung nicht ermitteln kann.
Gibts noch ne andere serverseitige Lösung?

Gruss Donkey

Donkey

Ok - Danke

werde demnächst mal einen neuen Thread eröffnen.
Muss aber erstmal die Beispielseite reparieren - glaub da hab ich Mist gebaut

Donkey

Hallo zusammen

Eigentlich möchte ich ja 2 Projekte vorstellen

Das Andere ist ein Werbeportal.
Das gehört eigentlich mit zu Kennedys World dazu, aber wir haben ein Extraprojekt draus gemacht.
Wer für seine Webseite werben will ist da genau richtig.
Da gibt es alles - Zeitbanner, Bannerrotation, Pixelwerbung, Topliste, Webkatalog,.....

http://werbehalle.de

Gruß Donkey

EDIT:
Kennedys World wurde geschlossen.

Beiträge von Donkey

CSS - Background zentrieren

Wo liegt der Fehler? (MySQL)

Wo liegt der Fehler? (MySQL)

HEX-Wert herrausfinden.

HEX-Wert herrausfinden.

"variable" Grafik

"variable" Grafik

Weiche für verschidene Auflösungen

Weiche für verschidene Auflösungen

Weiche für verschidene Auflösungen

Weiche für verschidene Auflösungen

Weiche für verschidene Auflösungen

Weiche für verschidene Auflösungen

Weiche für verschidene Auflösungen

Weiche für verschidene Auflösungen

Script: Bannerrotation

Kennedys World: Drogen und Suchtforum