Beiträge von retnüg

retnüg

Was bitte ist da anders, außer dem tag[QUOTE]align="center"[/QUOTE]
der ist wichtig, sonst sind die Menüpunkt nicht mehr zentriert.

oder wo siehst Du noch Unterschiede, dann sag es bitte.

retnüg

richtig, ist ja auch eine andere Seite (photoalben.html und nicht index.html)

retnüg

Das habe ich schon getan:

HTML

<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Photoalben</title>
   <meta name="description"">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- <link href="../css/zentrale.css" rel="stylesheet"> -->

   <style>


   /*Icon-Font - font-family: 'FontAwesome';*/
   @import url(http://fontawesome.io/assets/font-awesome/css/font-awesome.css);


   /*Überschriften - font-family: 'Roboto Slab', Serif;*/
   @import url(https://fonts.googleapis.com/css?family=Roboto+Slab);


   /*Fließtext - font-family: 'Roboto', Sans-Serif";*/
   @import url(https://fonts.googleapis.com/css?family=Roboto);


   /*Zahlen* - font-family: 'Merriweather';*/
   @import url(https://fonts.googleapis.com/css?family=Merriweather);


   /*Basisangaben*/
   @media all {
      header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {
         display: block;
      }
      * {
         /*box-sizing: border-box;*/
         min-width: 1px;
      }
      html {
      }
      body {
         padding: 1rem 0.5rem 2rem 0.5rem;
         margin: 0rem 0rem 0rem 0rem;
      }
   }


   /*Schriften*/
   @media all {
      html {
         font-family: sans-serif;
         font-size: 150%;
         line-height: normal;
      }
      h1 {
         font-family: 'Felix titling', serif;
         font-size: 36px;
         color: #800000;
         letter-spacing: 0.5rem;
         margin: 0.5rem 0rem 0.5rem 0rem;
      }
      h2, h3, h4, h5, h6 {
         font-family: 'Roboto Slab', serif;
         font-size: 1rem;
         margin: 0.5rem 0rem 0.5rem 0rem;
      }
      p, li, dl, dt, address {
         font-family: Roboto, sans-serif;
         font-size: 1rem;
         font-style: normal;
         margin: 0.5rem 0rem 0.5rem 0rem;
      }
      a {
         /*darkblue*/
         color: hsla(240, 100%, 27%, 1);
         text-decoration: none;
         outline: none;
         margin: 0rem 0rem 0rem 0rem;
      }
      figcaption {
         font-family: Roboto, sans-serif;
         font-size: 0.9rem;
         margin: 0rem 0rem 0rem 0rem;
      }
   }


 


   
   /*body*/
   @media all {
      body {
    background-color: #3366FF;
      }
   }
   @media only screen and (min-width: 1000px) {
      body {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
      }
   }


   /*.pageheader*/
   @media all {
      .pageheader {
         background-color:         
    #63B8FF;
         border: 1px solid black;
      }
      .pageheader h1 {
         text-align: center;
      }
   }
   @media only screen and (min-width: 1000px) {
      .pageheader {
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(50% - 0rem - 2px - 0rem);
      }
   }


  
    /*.navigation*/
   @media all {
      .navigation {
         background-color: #63B8FF;
         padding: 0.5rem;
         margin: 1.rem 0rem;
      }
      .navigation p {
         text-align: center;
      }
      .navigation a {
         color: #B22222;
         font-weight: bold;  
      }
   }
   a:hover {
    background-color: #CEECF5;
}
    /*.navigation*/
   @media all {
      .navigation {
         background-color: #63B8FF;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      }
      .navigation p {
         text-align: center;
      }
      .navigation a {
         color: #B22222;
         font-weight: bold;  
      }
   }
   a:hover {
    background-color: #FFC1C15;
}
   @media only screen and (min-width: 1000px) {
     .navigation a,
      .navigation a:visited {
         display: block;
         color:     #483d8b;
         font-weight: bold;
         padding: 0.3rem;
         border: 1px solid black;
         border-radius: 0.3rem;
      }
      .navigation a:hover,
      .navigation a:active,
      .navigation a:focus {
         background-color: black;
         color: gold;
      }


      


   /*.content*/
   @media all {
      .content {
         background-color: #63B8FF;
         border: 2px solid black;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      }
      .content h2 {
         color: ;
         text-align: center;
      }
      .content figure {
         max-width: 600px;
         margin: 0rem auto;
      }
   }
   @media only screen and (min-width: 1000px) {
      .content {
         margin: 0.5rem 1rem;
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 250px - 250px - 1rem - 2px - 2rem);
      }
   }


   


   /*.pagefooter*/
   @media all {
      .pagefooter {
         padding: 0.5rem;
         border: 2px solid black;
         margin: 0.5rem 0rem;
      }
   }

   }


   /*Vorlagen zum Kopieren*/
   /*CSS*/
   @media all {
   }
   @media only screen and (min-width: 0px) {
   }
   @media only screen and (max-width: 0px) {
   }


   .Stil1 {color: #000}
   h2 {
    font-size: 1px;
}
h3 {
    font-size: 1px;
}
h4 {
    font-size: 1px;
}
h5 {
    font-size: 1px;
}
h6 {
    font-size: 1px;
}
   </style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<header class="pageheader">
   <h1 class="pageheader">Photoalben</h1>
      <p align="center"><a href="http://guenter-leipfinger.de/photoalben/ahrntal/album/index.html">Ahrntal</a></p>
      <p align="center">&nbsp;</p>
      <p align="center"><a href="http://guenter-leipfinger.de/photoalben/Winter/album/index.html">Winter</a></p>
      <p align="center">&nbsp;</p>
      <p align="center"><a href="http://guenter-leipfinger.de/photoalben/Korfu/album/index.html">Korfu</a></p>
      <p align="center">&nbsp;</p>
      <p align="center"><a href="http://guenter-leipfinger.de/photoalben/Wien/album/index.html">Wien, Wien nur Du allein</a></p>
      <p align="center">&nbsp;</p>
      <p align="center"><a href="http://guenter-leipfinger.de/photoalben/Eng/album/index.html">Ein Ausflug in die Eng</a></p>
      <p align="center">&nbsp;</p>
      <p align="center"><a href="http://guenter-leipfinger.de/photoalben/Foto-Kunst/album/index.html">Fotokunst  </a></p>
      <p align="center">&nbsp;</p>
      <p align="center"><a href="http://guenter-leipfinger.de/index.html">zurück zur Übersicht </a></p>

</header>

Alles anzeigen

zeigt aber leider keine Wirkung

retnüg

Hallo,
auf meiner Website http://www.guenter-leipfinger.dederen code ich nicht erstellt habe, gefällt mir der Hovereffekt beim Navigationsmenü. Nun wollte ich diesen Effekt auch auf der Seite http://www.guenter-leipfinger.de/photoalben/photoalben.html einsetzen, doch es gelingt mir nicht.
Wer ist so nett, und hilft mir dabei?

retnüg

Zitat von modem-kind

Das ist nur mal ein Beispiel -
ich finde Deine Startseite für einen Künstler unwürdig

Gruß modem-kind

Über Geschmack läßt sich bekanntlich streiten.

retnüg

Mal sehen...

- - - Aktualisiert - - -

Schon geschehen:http://guenter-leipfinger.de

retnüg

Ich hätte gerne, die Links im Navigationsmenü mit Hover-Efekt (highlight) Könntest Du bitte den Quellcode dahingehend ergänzen?

retnüg

Zitat von MrMurphy

Hallo

Du musst die Datei in deinem Editor auch als UTF-8-Datei abspeichern. Das liegt also wahrscheinlich an deinen Editor-Einstellungen.

Ich benutze Dreamweaver 8 finde aber keine Einstellung dazu.

- - - Aktualisiert - - -

Inzwischen ist die Seite schon online
http://guenter-leipfinger.de

http://guenter-leipfinger.de

- - - Aktualisiert - - -

und wenn ich aber nun doch einen Besucherzähler anbringen möchte und das Datum der letzten Aktualisierung (interessiert mich)
Dreamweaver ist nun auch umgestellt.

retnüg

Zitat von MrMurphy

Hallo

Du musst die Datei in deinem Editor auch als UTF-8-Datei abspeichern. Das liegt also wahrscheinlich an deinen Editor-Einstellungen.

Ich benutze Dreamweaver 8 finde aber keine Einstellung dazu.

retnüg

Danke Mr. Murphy
habe inzwischen schon die Pfade angepasst. Warum sehen die Umlaute aber bei mir so aus:
also nicht ä, ö, ü?

retnüg

Dieses Beispiel gefält mir super!!!!!!!!!!!!!!!!!!!!
Kann ich bitte den Code dafür bekommen?

- - - Aktualisiert - - -

retnüg

Vielen Dank für Deine Mühe! Bin gerade am Anpassen. Hast Du die Farben weggelassen?

retnüg

Da ist wohl ein Eintrag verloren gegangen. Ich hatte einige Anmerkungen zu #4
- welche Alternativen zu Tabellen hätte ich?
- wie steige ich auf html 5 um?
- ich nutze doch schon UTF-8 (s. Zeile 4)
Im übrigen bin ich - wie Ihr schon bemerkt haben dürft - auf diesem Gebiet ein absoluter Anfänger.

retnüg

Quellcode ist noch keiner da, ich will das mal ausprobieren.
hier mal der Quellcode:

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 name="keywords" content="malerei, fotografie, wien, korfu" <meta=""><meta name="page-topic" content="Dienstleistung"><title>Malerei und Fotografie</title><link rel="shortcut icon" type="image/x-icon" href="http://guenter-leipfinger.de/favicon.ico"><style> a:hover {
background-color: yellow;
} a {text-decoration:none;}</style><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Malerei und Fotografie</title><style type="text/css">
<!-- body {  background-color: #504ABE; } .Stil1 {  font-size: large;  font-weight: bold; } .Stil4 {font-size: x-large; font-weight: bold; color: #990033; } .Stil6 {font-size: xx-large; font-weight: bold; color: #990000; } .Stil10 {color: #FFFFFF}
.Stil11 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}
.Stil12 {font-size: 14px}
-->
</style><style>
.Stil13 {color: #FFFF00}
.Stil14 {color: #FFFF33}
</style>
<style>
.text-border {
    display: table-cell; 
    border: 1px solid black;
}
.Stil15 {font-size: large}
</style>
</head><body topmargin="0" marginwidth="1" marginheight="1" leftmargin="1" rightmargin="1" bottommargin="1"><div class="Stil6" align="center"><p><table width="500" height="30" bgcolor="#97FFFF"  border="1" bordercolor="black" cellspacing="0" cellpadding="0">
  <caption>&nbsp;
  </caption>
  <tr>
    <th scope="col">Herzlich willkommen </th>
  </tr>
</table>




</div>




 }<table width="80%" cellspacing="5" cellpadding="5" border="0" height="532" bordercolor="#0033FF"><tbody><tr> <th scope="col" width="164"><table width="171" cellspacing="5" cellpadding="5" border="0" bgcolor="#63B8FF" height="240"><tbody><tr> <th scope="col" height="33"><a href="http://guenter-leipfinger.de/Malerei/Aquarelle/album/index.html" class="Stil3">Aquarelle</a></th></tr><tr> <th scope="col" height="33"><a href="http://guenter-leipfinger.de/Malerei/Acrylmalerei/album/index.html" class="Stil3">Acrylmalerei</a></th>
</tr><tr><td background="file:///D|/container/Drw-homepage neu/Malerei und Fotografie-Dateien/photoalben.html" height="40"><div align="center"><a href="http://guenter-leipfinger.de/photoalben/photoalben.html" class="Stil3">Photoalben</a></div></td></tr><tr><td height="33"><div align="center"><a href="http://guenter-leipfinger.de/Kontakt.html" class="Stil3">Kontakt</a></div></td></tr><tr><td height="33"><div align="center"><a href="http://guenter-leipfinger.de/impressum.html" class="Stil3">Impressum</a></div></td></tr><tr><td height="33"><div align="center"><a href="http://gb.webmart.de/gb.cfm?id=1331502l" http:="" gb.webmart.de="" gb.cfm?id="1331502l&quot;">Gästebuch</a></div></td></tr>
<tr><td height="33"><div align="center"><a href="http://mitglieder.ecard-service.net/uebersicht.php?account=malerei" class="Stil3">Grußkarten</a></div></td></tr></tbody></table></th> <th scope="col" algn="center" style="border: 2px solid black;" width="541" bgcolor="#63B8FF"><p class="Stil1">&nbsp;</p><p class="Stil4 Stil13">Malerei</p>
<p align="center"><img src="acrylr.jpg" alt="malerei" width="300" height="234" /><br> 
  <br> <span class="Stil4 Stil14">Fotografie</span></p>
<p><img src="bluete-025314r.jpg" alt="fotografie" width="300" height="200"><br> 
  <br></p></th></tr><tr><td>&nbsp;</td><td><script language="JavaScript"><!--








//--></script></td>
  </tr></tbody></table>
 <center>
  <div align="center"><table width="600" height="100"
<div align="center" STYLE="BORDER-RIGHT: #333456 1pt solid; BORDER-TOP: #333456 1pt solid; BORDER-LEFT: #333456 1pt solid; BORDER-BOTTOM: #333456 1pt solid; BACKGROUND-COLOR:#63B8FF;" >
<tr><tr>
        <td colspan="3" align="middle" valign="center" bordercolor="#000000" STYLE="BORDER-RIGHT: rgb(0,0,0) 1pt solid; BORDER-TOP: rgb(0,0,0) 1pt solid; BORDER-LEFT: rgb(0,0,0) 1pt solid; BORDER-BOTTOM: rgb(0,0,0) 1pt solid; BACKGROUND-COLOR:     rgb(151,255,255)" 
         ><div align="center" class="Stil15">
          <p align="center" class="Stil1"><span class="Stil17">Die Bilder können käuflich erworben werden</span><span class="Stil5"></p>
          <p align="center">Bei Interesse mail an</p>
          <p align="center">webmaster@guenter-leipfinger.de<br>
          </p>
          <span class
    <th scope="col">&nbsp;</th>
</tr>
</table>
      </p>
      </th>
      </tr>
      </table>
  </div>
  <p class="Stil12" align="center"><span class="Stil10">Das aktuellste Bild</span>:</p>
<p class="Stil11" align="center">Titel: strohbedeckte Häuser am Straßenrand (n. Vlaminck) </p>
<p class="Stil11" align="center"><img src="Malerei/Acrylmalerei/album/slides/Häuser am Straßenrand nach Vlaminck.jpg" alt="strohbedeckte Häuser" width="806" height="662" /></p>
<p align="center">&nbsp;</p>
<div align="center"><span class="Stil10"><b>Letzte Aktualisierung:</b></span><br>
  <!--?php echo date("d.m.Y, H:i:s",filectime("index.php"));
?-->
    <script type="text/javascript">
document.write(new Date().getDate()+"."+(new Date().getMonth()+1)+"."+new Date().getFullYear())
  </script>

</p>
</div>
</body></html>
<script type="text/javascript" src="https://www.whomania.com/count/jq4"></script><br>
 <a href='http://besucherzaehler.co'>WebseitenCounter</a> <script type='text/javascript' src='https://whomania.com/ctr?id=411746f0f88a708674492fffc870ba06fed62567'></script>

Alles anzeigen

retnüg

Ich habe in einem html Dokument verschiedene Tabellen und möchte diese in einem css-script definieren. Bei Schriften ist die Unterscheidung im Script "h1", "h2" usw., aber bei Tabellen? Ich habe schon table1, table2 versucht ohne Erfolg. Eine Suche über Google brachte nichts.-

retnüg

Hat sich zwischenzeitlich erledigt.

retnüg

Hallo,
Darstellung von der Seite auf der Festplatte und am Server differieren:
[/code]
Screenshot der Seite am PC:

Hier ist auch der Link im Quelltext vorhaden

HTML

<header style="background-image:url(folderimage.jpg);">
        <div class="pattern">

            <div class="title clearfix">
                <div class="upbtn"><div class="parent controls"><a href="/http://www.guenter-leipfinger.de/photoalben/photoalben.html" target="_parent" title="zur Übersicht">&nbsp;</a></div></div>
                <aside><div class="share controls"><a>&nbsp;</a></div></aside>
                <div class="hgroup">
                    <h1>Auf dem Christkindlmarkt</h1>
                    <div class="description">alle Jahre wieder

während er am Server fehlt:

HTML

<header style="background-image:url(folderimage.jpg);">
            <div class="pattern">

                <div class="title clearfix">
                    <aside><div class="share controls"><a>&nbsp;</a></div></aside>
                    <div class="hgroup">
                        <h1>Auf dem Christkindlmarkt</h1>
                        <div class="description">alle Jahre wieder

Die Url:
http://guenter-leipfinger.de/photoalben/Auf…lbum/index.html
Dagegen am Server:

Warum ist dieser Unterschied?

Anmerkung: ich habe den Ordner des Albums 'Auf dem Christkindlmarkt' mit Filezilla hochgeladen

retnüg

ich habe keine CSS-Codes, nur diesen:

HTML

<TABLE heght="20" border=4 cellspacing="15" cellpadding="15" BGCOLOR="#81F7F3" bordercolor="red">
  <tr>

retnüg

Hallo, ich möchte gerne dem Rand der Tabelle eine Farbe geben. Doch er soll gleichmäßig sein und nicht wie auf dem Screenshot

sondern gleichmäig. Geht das überhaupt und wenn ja, wie?

retnüg

so ist es.

- - - Aktualisiert - - -

so ist es; es geht aber schon wieder weiter: Bin gerade am Hochladen der gesamten Seite und ich sehe wieder nicht alles:

Alle Bilder sind hochgeladen.

Beiträge von retnüg

Wie muß der code lauten?

Wie muß der code lauten?

Wie muß der code lauten?

Wie muß der code lauten?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Wie kann ich einzelne Tabellen im css code unterscheiden?

Am Server ist eine andere Darstellung als auf der Festplatte

Am Server ist eine andere Darstellung als auf der Festplatte

Wie lautet der code für den farbigen Tabellenrand?

Wie lautet der code für den farbigen Tabellenrand?

Warum kann ich diese Datei nicht im Browser sehen?