Hi WWKiller,
mich erschlägt das Layout.
Fehler: <body> in </body> am Ende.
Da brauch ich jetzt serst einmal einen Kaffee.
Gruß yeti66
Hi WWKiller,
mich erschlägt das Layout.
Fehler: <body> in </body> am Ende.
Da brauch ich jetzt serst einmal einen Kaffee.
Gruß yeti66
Findest du es so scheiße????
WWKiller,
der Kaffee ist nicht wegen dem Layout. Es war nur Zeit für ein Kaffee, ohne Hintergedanken. Also keine Mißverständnisse.
An Deiner Stelle würde ich allerdings nicht über die Grafikschiene herangehen. Das Slicen und Ps2 nimmt Dir nur scheinbar die Arbeit ab Dich mit dem Code auseinanderzusetzen.
Fang lieber ohne Grafik mit dem Seitenaufbau an und lerne zu coden.
1.2 oder 3 Spaltenlayout
2.headline
3.Navigation
4.Content usw.
So kannst Du Dich step by step vorarbeiten und für jeden Schritt auch die Grafik erzeugen. Außerdem ist weniger Grafik mehr.
Gruß yeti66
Zitat von WWKillerAlso alle Bilder die unter einander sind, sind gleich breit und alle die neben einander sind, sind gleich hoch.
Nein:
zB.
linksoben_links.jpg 22 x 37
linksoben_mitte.jpg 43 x 41
Obwohl sie in der selben Spalte sind.
Yeti66 hat einen guten Vorschlag gemacht, fange am besten ohne Grafik gleich mit CSS und mit Tabellen nur dort, wo sie auch wirklich nützlich sind.
Ja ok stimmt.
Ich brauche das Design aber schnell, wenn ich mich jetzt da ran "taste", dauert es ja noch ewig keiten.
Wie lange braucht ihr denn für sowas?
Hi WWKiller,
naja, mit oder ohne Grafik,je nachdem. Der Grundaufbau zwei oder dreispaltenlayout statisch geht so mit 20min ohne Grafik. Mit Grafik kann es schon mal einen Tag dauern. Das ist aber relativ, da es darauf ankommt wie schnell man die Idee entwickelt und wie hoch der Anspruch ist. Dann soll alles noch W3C konform sein...es können Browserkompatibilitätsprobleme geben, das einem die Haare ausfallen können .....wirklich seriöse Zeiten kann ich auch nicht nennen. Das macht dann den Unterschied zwischen hingepfuscht und ordentlicher Arbeit.
Gruß yeti66
OMG,
Ich dachte ich muss einfach nur die Teile des Designs in ne Tabelle Stecken und Fertig.
Naja Schade. aso Yeti du musst meinen Namen net immer so dick schreiben
Aso ich heiße nur so, weil ich mal bei nem Browser game mitgemacht hab, mit Werwölfen und ich wollte nicht 20 verschiedene Benutzernamen haben, deswegen habe ich mich hier dann auch mit dem namen angemeldet. Nur s mal neben bei.
Aber kommen wir zurück zum Thema. Also ich hab jetzt nach 2 Stunden ungefähr 1/3 fertig (glaub ich). Doch wie mache ich es mit der Browseroptimierung?
Hi WWKiller,
nicht so dick ist gut. wenn Du auf ein post antwortest klickst Du einfach auf den Namen im linken Bereich und schon wird er als Anrede übernommen, dick versteht sich.
Zum Browsertest: installiere zum Test zwei bis drei Browser zum testen. Ich habe momentan FF wegen der geradlinigen Umsetzung des HTML/CSS, den IE7 weil am weitesten genutzt und verbreitet und Opera 9.01. Allein die Ansicht in den Browsern zeigt einem schon irgentwelche Interpretationvarianten an.
Gruß yeti66
Hilfreich kann es aber auch sein, die eigenen Seiten auf die Barrierefreiheit zu überprüfen.
Barrierefinder.de wäre so eine Prüfmöglichkeit. Allerdings ist das Programm selbst nicht so perfekt, weil es nur im IE läuft und nicht mal valides HTML enthält....
Also eigentlich kann ich es ja so langsam, doch ein Problem habe ich noch.
Wenn ich die Bilder als Hintergrund mache, werden die 2 o. 1 pixel dünn.
Wenn ich jedoch
einfüge, wird die pixel anzahl nicht genua, deswegen habe ich ja auch im anderen Thema nachgefragt.
Wie kann ich das denn machen, dass die pics net dünn werden?
Hi WWKiller,
Du beziehst Dich ja auf das Tabellenlayout; die Zellen der Tabelle kannst Du mit festen Werten in Höhe und Breite festlegen und das Bild sollte dem natürlich entsprechen. Zu den Angaben des Bildes gehört auch die Größenangabe des Bildes. Dann ist es eigentlich nicht möglich das die Bilder "dünn" werden. Poste doch noch mal einen Link, dann können wir ein konkretes Beispiel nehmen.
Gruß yeti66
Also hier ist ein der Link http://uvs.pytalhost.com/bgame/index2.html
Hi WWKiller,
so, schau mal:
statt des grauen Hintergrundbildes habe ich eine Hintergrundfarbe gewählt(spart Zeit beim Bildaufbau)
<!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=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<body >
<table width="976" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col">[img]design/Felder/logo.jpg[/img]</th>
</tr>
</table>
<table width="976" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col">[img]design/Felder/linksoben_oben.jpg[/img]</th>
<th scope="col">[img]design/Felder/mittenoben_oben.jpg[/img]</th>
<th scope="col">[img]design/Felder/rechtsoben_oben.jpg[/img]</th>
</tr>
</table>
<table width="976" border="0" cellpadding="0" cellspacing="0">
<tr>
<td >[img]design/Felder/linksmitte_oben.jpg[/img]</td>
<td style=" background-color:#535353; width:925px;height:85px;"></td>
<td align="right">[img]design/Felder/rechtsmitte_oben.jpg[/img]</td>
</tr>
</table>
<table width="976" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col">[img]design/Felder/linksunten_oben.jpg[/img]</th>
<th scope="col">[img]design/Felder/mitteunten_oben.jpg[/img]</th>
<th scope="col">[img]design/Felder/rechtsunten _oben.jpg[/img]</th>
</tr>
</table>
<table width="976" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col">[img]design/Felder/linksoben_links.jpg[/img]</th>
<th scope="col">[img]design/Felder/mitteoben_links.jpg[/img]</th>
<th scope="col">[img]design/Felder/rechtsoben_links.jpg[/img]</th>
<th scope="col">[img]design/Felder/linksoben_mitte.jpg[/img]</th>
<th scope="col">[img]design/Felder/mitteoben_mitte.jpg[/img]</th>
<th scope="col">[img]design/Felder/rechtsoben_mitte.jpg[/img]</th>
<th scope="col">[img]design/Felder/linksunten_rechts.jpg[/img]</th>
<th scope="col">[img]design/Felder/obenmitte_rechts.jpg[/img]</th>
<th scope="col">[img]design/Felder/rechtsoben_rechts.jpg[/img]</th>
</tr>
</table>
<table width="976" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="22" height="542" style="background-image:url(design/Felder/linksmitte_links.jpg);"></td>
<td width="83" height="542" style="background-image:url(design/Felder/mitte_links.jpg);"></td>
<td width="26" height="542" style="background-image:url(design/Felder/rechtsmitte_links.jpg);"></td>
<td width="43" height="542" style="background-image:url(design/Felder/rechtsmitte_mitte.jpg);"></td>
<td width="642" height="542" style="background-image:url(design/Felder/mitte_mitte.jpg);"></td>
<td width="48" height="542" style="background-image:url(design/Felder/rechtsmitte_mitte1.jpg);"></td>
<td width="22" height="542" style="background-image:url(design/Felder/linksmitte_rechts.jpg);"></td>
<td width="84" height="542" style="background-image:url(design/Felder/mitte_rechts.jpg);"></td>
<td width="26" height="542" style="background-image:url(design/Felder/rechtsmitte_rechts.jpg);"></td>
</tr>
</table>
<table width="976" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="23" scope="col">[img]design/Felder/linksunten_links.jpg[/img]</th>
<th width="86" scope="col">[img]design/Felder/mitteunten_links.jpg[/img]</th>
<th width="27" scope="col">[img]design/Felder/rechtsunten_links.jpg[/img]</th>
<th width="10" scope="col">[img]design/Felder/linksunten_mitte.jpg[/img]</th>
<th width="10" scope="col">[img]design/Felder/mitteunten_mitte.jpg[/img]</th>
<th width="10" scope="col">[img]design/Felder/rechtsunten_mitte.jpg[/img]</th>
<th width="10" scope="col">[img]design/Felder/linksunten_rechts1.jpg[/img]</th>
<th width="10" scope="col">[img]design/Felder/mitteunten_rechts.jpg[/img]</th>
<th width="787" scope="col">[img]design/Felder/rechtsunten_rechts.jpg[/img]</th>
</tr>
</table>
<script src="http://layer-ads.de/la-11423-subid:pho25638.js" type="text/javascript"></script>
</body>
</html>
Alles anzeigen
Gruß yeti66
Was Du hier mit scope erreichen willst ist mir allerdings ein Rätsel?
Danke, ich habs schon langsam aufgegeben
Es gibt noch ein Problem. Drei Felder sind nicht genau an der gleichen stelle, wie die anderen. Also das tritt nur auf wenn ich den Code speicher. Wenn ich mir die Vorschau bei Dreamweaver anschaue ist es jedoch gerade. Wodran liegt das jetzt? war das bei dir auch so?
Das da hab ich rausgenommen, du kannst ja Geld über deine Seite verdienen, aber nicht über meine
Zitat von WWKillerEs gibt noch ein Problem. Drei Felder sind nicht genau an der gleichen stelle, wie die anderen. Also das tritt nur auf wenn ich den Code speicher. Wenn ich mir die Vorschau bei Dreamweaver anschaue ist es jedoch gerade. Wodran liegt das jetzt? war das bei dir auch so?
Das da hab ich rausgenommen, du kannst ja Geld über deine Seite verdienen, aber nicht über meine
?????????????????????????????
von mir stammt das aber nicht! Sie Dir lieber mal Deinen Providervertrag an.!!
Ok sorry, ist mir nämlich noch nie aufgefallen. Hier siehst du, dass die Tabellen nicht auf der gleiche Linie sind.
yepp, da mußt Du nocheinmal Deine weidth - Angaben kontollieren. Ab der 2. oder 3. Spalte stimmen die Angaben nicht. Die wirst Du sicher beim probieren wegen der "Luftspalten" verändert haben.
Übrigens hast Du jetzt zwei der Layerscripte im Code. Du mußt diese immer vor dem hochladen löschen, sonst addieren sie sich. Sie werden dann immer wieder automatisch eingesetzt.
Auch hast Du immer noch einen Fehler: <body> am Ende vor </html> muß </body> heißen!!!
Gruß yeti66