Beiträge von yeti66

Paraneuros,

Du wirst eine Seite erstellen müssen mit einer Hintergrundfarbe (hellblau), den blauen streifen (dunkelblau) und den schwarzen Streifen als Kachel erstellen, zentrieren und per repeat-x in der horizontalen "tapezieren". Das Logo und die Schrift vom Screen trennen und so auf den gekachelten Streifen positionieren und zentrieren, das es auf dem schwarzen Streifen sitzt und bei Browsergrößenanpassungen immer mittig mitläuft. Das gleiche machst Du mit dem "Gewölle" am oberen Rand (Kachel un oben positionieren) fertig.

versuche es mal mit der meta Angabe:
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">

bambid,

yepp, alles ohne iframe als 3Spaltenlayout- Vorlage. Die Hintergründe kannst Du ja selber einfügen, Breite usw. anpassen.

i.am.flo,

Wie wäre es mit paint.net siehe : http://www.pcwelt.de/downloads/graf…6105/index.html
sieht aus wie Photoshop und ist kostenlos

HORST,

liegt am Kaspersky Internet Security!!

Einstellungen->Antispy->Werbebanner blockieren und dann ausschalten oder besser Deine Seite zur "Weißen Liste" hinzufügen

malawi,

Zitat

Sieht die andere so schlecht aus ?

naja, ist halt alles Geschmackssache. Reine Grafikbutton wie Du sie gemacht hast macht man eigentlich nicht mehr, eine Grafik als Hintergrund schon.
Das Layout solltest Du immer von außen nach innen programmieren (header,navi,content,footer) als Rohlayout. Erst wenn dann alles stimmt kommen die Feinheiten für den header,navi,content,footer Grafikhintergründe und Fontlayout. Zum Schluß die eigentlichen Inhalte, die Du an den Mann bringen willst Seite für Seite. Diese werden dann noch evtl. farbig/grafisch hinterlegt und zum Schluß alles auf HTML/XHTML- und CSS-Fehler getestet. Obwohl es anzuraten ist dies schon abschnittsweise vorher zu tun.

Grafikprogramm-->PhotoshopCS2 andere wie paint.net (kostenlos) geht aber auch.

Planet,

und ich dachte immer ein Spoiler ist am Auto zu finden.
Geht genauer mit Bsp. oder Code oder Link??

bambid,

ich denke so tut er erst mal was er soll. Der Code ist aber katastrophal.
*Seite richtig strukturieren
*css auslagern (50/50 im header und im Code) sind nicht kontrollierbar
*die ganzen Ebenenangaben sind doch überflüssig- weg damit
*lerne html und css und verlass Dich nicht auf das zusammenklicken im Desigmodus

malawi,

so, wie versprochen und doch anders.
1.Für den Hintergrund reicht es eine Kachel zu erzeugen und diese dann durch Wiederholung auf dem Hintergrund "aufzutapezieren" bzw. zu gekacheln. Eigenkreationen sind leicht mit http://bgmaker.ventdaval.com/ zu erzeugen.

2. Da der Code zu unübersichtlich war habe ich alles neu angesetzt (geht schneller) und gleich auf eine gefällige Optik gesetzt (weg von den orangen-button) . Halt etwas dezenter. Die Höhe der Seite passt sich aber nun an den Inhalt von id="mitte" an. Die Grundaufteilung der Seite wurde aber beibehalten.

Alles ist kommentiert und XHTML valide ist es auch. Grafiken in unterschiedlichen Varianten (header.pic) liegen bei. Die psd`s dazu kann ich Dir extra zukommen lassen, wenn Du Interesse hast.
Getestet ist es unter Windows mit IE7/IE6, FF2.0 und Opera9.1.

Du bist sicher enttäuscht wegen Deinem Button verlust. Also ich finde es vorzeigenswert.

malawi,

muß Dich leider auf Morgen vertrösten, ich stehe heute etwas auf dem Schlauch. Sorry

xXx_BaSStar_xXx,

, da hast Du recht. Schusselig wie immer: richtig muß es heißen:

*html .menu ul li a.hide, *html .menu ul li a:visited.hide {display: none;}

Hinter dem Komma fehlte das *html. Jetzt sollte es laufen.

Gamling,

wollen, will keiner was. Es geht halt um einen sauberen Programmieransatz. Mehr nicht. Was Du daraus machst ist Deine Sache.

malawi,

heiliger, code bis zum abwinken. Da kannst Du froh sein, dass etwas angezeigt wird. Bis 19.00Uhr, dann habe ich das Gröbste.

maximus,

also bis jetzt sieht es nicht nach "danke klappt" aus (jetzt ist das Bild links).

<table cellpadding="0" cellspacing="0" align="center"> 


<tr> 
<td valign="top"> 
<a href="www.Alpha-SG12.de"> 
[img]http://www.sliz.de/titel.gif[/img] 
</a> 
</td></tr></table>

Und wenn Du Dir ein gefallen tun willst, lagere Dein CSS aus. Wie Du das machst findest Du hier.: http://de.selfhtml.org/css/formate/einbinden.htm#separat

Gamling,

wie wäre es mit einem neuem Ansatz:

xXx_BaSStar_xXx,

tut mir leid, bei mir tut sich nichts im IE6. Konnte es auch nicht, das ich die bg`s nur im nicht kommentierten Bereich eingesetzt habe. Was zwar eine Unterlassungssünde war aber trotzdem im IE6 nichts brachte, nachdem ich das ausgebügelt hatte. Statt der Kommentierung habe ich jetzt den *html Hack benutzt. Jetzt klappte es im IE6/IE7,FF2.0 und Opera. IE5 und 5.5 habe ich nicht auf dem Rechner und müsste ich erst nachinstallieren. Außerdem bin ich überzeugt, das sich der CSS-Bereich noch optimieren lässt. Da habe ich mich aber nun nicht versucht.

Lifestyle16,

hm, reinschreiben als Formularfeld wäre auch möglich. Ich hatte es so angenommen. Na da muß sich johannes halt nochmal melden. Aber ich glaube er ist jetzt verschreckt und meldet sich nicht mehr.

xXx_BaSStar_xXx,

also so funktioniert alles im IE7,FF2.0 und Opera. Der IE6 streikt natürlich auch ohne grafischem Hintergrund.

Anett,

und alles mit dem Rahmen verfeinert.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.table{color: #000000;background-color: #f0f0f0;border:1px solid #f0f0f0;}
.titel{color: #fff;background-color: #666;border:1px solid #666;}
-->
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" style="100%; background-color:#000000;">
  <tr>
    <td valign="top" style="width:33%"><table cellpadding="4" cellspacing="1" style="width:100%;" >
        <tr align="left" >
          <td colspan="2" class="titel"><span>[b]Deine &Uuml;berschrift[/b]</span></td>
        </tr>
        <tr align="left" >
          <td class="table"><span>[b]&raquo;[/b]</span> </td>
          <td style="width:100%;" class="table"><span>[url='#']Zeile1[/url]</span></td>
        </tr>
        <tr align="left" >
          <td class="table"><span>[b]&raquo;[/b]</span></td>
          <td style="width:100%" class="table"><span>[url='#']Zeile2[/url]</span></td>
        </tr>
        <tr align="left">
          <td class="table"><span >[b]&raquo;[/b]</span></td>
          <td style="width:100%" class="table"><span>[url='#']Zeile3[/url]</span></td>
        </tr>
        <tr align="left">
          <td class="table"><span>[b]&raquo;[/b]</span></td>
          <td style="width:100%" class="table"><span >[url='#']Zeile4[/url]</span></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Anett,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
  <td valign="top" style="width:33%"><table cellpadding="4" cellspacing="1" border="1" style="width:100%" >
      <tr align="left">
        <td colspan="2"><span>[b][url='#']Deine &Uuml;berschrift [/url][/b]</span></td>
      </tr>
      <tr align="left">
        <td><span>[b]&raquo;[/b]</span> </td>
        <td style="width:100%"><span>[url='#']Zeile1[/url]</span></td>
      </tr>
      <tr align="left">
        <td><span>[b]&raquo;[/b]</span></td>
        <td style="width:100%"><span>[url='#']Zeile2[/url]</span></td>
      </tr>
      <tr align="left">
        <td ><span >[b]&raquo;[/b]</span></td>
        <td style="width:100%"><span>[url='#']Zeile3[/url]</span></td>
      </tr>
      <tr align="left">
        <td ><span>[b]&raquo;[/b]</span></td>
        <td style="width:100%"><span >[url='#']Zeile4[/url]</span></td>
      </tr>
    </table></td></tr></table>
</body>
</html>