Beiträge von Gunni

Gunni · 16. Juni 2017

Oh mann!!!

Echt jetzt???

Muss ich unbedingt ausprobieren... au backe... und ich hab schon gedacht ich werd bekloppt... dabei bin ichs offensichtlich schon

Danke vielmals

Gunni · 16. Juni 2017

Solange Du innerhalb Deiner Seite verlinkst hast Du doch vermutlich keine http hinterlegt sondern bist einfach im Webspace geblieben oder?

also als link einfach

Code

<a href="seite2.html">seite2</a>


oder


<img src="bilder/bild1.html"/>


oder


<img src="../bilder/bild1.jpg"/>

Alles anzeigen

ansonten... ja, dann musst du alle links auf https ändern soweit ich weiß.

Gunni · 16. Juni 2017

Ja, genau darum geht es ja

code ist ganz einfach:

HTML

<!DOCTYPE html>

<html lang=de>

<head>

<meta charset="utf-8">

<title>Test</title> 

</head>

<body>

    <footer>

    <adress>

    Name

    Straße

    Ortschaft

    Telefonnummer

    </adress>

</footer>

</body>

</html>

Alles anzeigen

oder auch mit tags

HTML

<!DOCTYPE html>

<html lang=de>

<head>

<meta charset="utf-8">

<title>Test</title> 

</head>

<body>

  <footer>

    <adress itemscope itemtype="http://schema.org/LocalBusiness">

           <span itemprop="name">Name</span>

           <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">

           <span itemprop="streetAddress">Straße</span> 

           <span itemprop="postalCode">PLZ</span> 

           <span itemprop="addressLocality">Ortschaft</span> 

           <meta itemprop="addressCountry" content="Deutschland">

           <meta itemprop="addressRegion" content="Bayern"></span><br/>

           <meta itemprop="image" content="logo.jpg">

             <span itemprop="telephone">telefon </span> Email

           <span itemprop="email">info@name.de</span><br/>

           <span itemprop="openingHours" content="Mo,Tu,We,Th,Fr 08:00-12:00">Öffnungszeiten: Montag bis Freitag von 08:00 bis 12:00 Uhr</span> und

           <span itemprop="openingHours" content="Mo,Tu,We,Th 13:00-16:30">Montag bis Donnerstag von 13:00 bis 16:30</span>

    </adress>

  </footer>

</body>

</html>

Alles anzeigen

Das Ergebnis des Validators ist immer das Gleiche:

Zitat

Error: Element adress not allowed as child of element footer in this context. (Suppressing further errors from this subtree.)

From line 9, column 5; to line 9, column 12

oter>↩ <adress>↩
Content model for element footer: Flow content, but with no main element descendants, or header, footer elements that are not descendants of sectioning content which is a descendant of the footer.

bzw.

Zitat

Error: Element adress not allowed as child of element footer in this context. (Suppressing further errors from this subtree.)

From line 9, column 5; to line 9, column 65

oter>↩ <b><adress itemscope itemtype="http://schema.org/LocalBusiness"></b>↩

Content model for element footer:
Flow content, but with no <a href="http://www.w3.org/html/wg/drafts/html/master/single-page.html#elementdef-main">main</a> element descendants, or <a href="http://www.w3.org/html/wg/drafts/html/master/single-page.html#elementdef-header">header</a>, <a href="http://www.w3.org/html/wg/drafts/html/master/single-page.html#elementdef-footer">footer</a> elements that are not descendants of sectioning content which is a descendant of the <a href="http://www.w3.org/html/wg/drafts/html/master/single-page.html#elementdef-footer">footer</a>.

und ich find einfach nicht raus, wo sein Problem ist...

Gunni · 16. Juni 2017

Hi,

ich hab mir schon nen "Wolf gegoogelt" und werd nicht richtig schlau.

Total einfach und klar sollte man meinen, der "neue" Aufbau eine Seite mit html 5. Welche Elemente es gibt und wie sie einzusetzen sind. Klar, bissi Uneinigkeit bei article und section und so, aber eigentlich doch alles ganz logisch... dachte ich.

Dem hier folgend: https://www.w3schools.com/tags/tag_address.asp

ich zitiere mal

Zitat

Tip: The <address> element will typically be included along with other information in a <footer> element.

hab ich also den adress-tag in den footer gepackt.

Der w3c-Validator aber meckerts an. Also hab ich mal begonnen den adress-tag lustig auf der Seite hin und herzuschubsen... ergebnis: er ist überall falsch...

Langsam zweifle ich, dass ich generell die Seitenstruktur in html5 nicht begriffen habe.

Wäre toll, wenn mir jemand auf die Sprünge helfen könnte

Danke

Gunni

Gunni · 3. März 2015

Hab mein Problem selbst gelöst.

Mit nem Divcontainer für das Bild. den hab ich ins html auf der Seite eingepflegt sieht dann so aus:

der divcontainer für das Bild:

Code

img { 	min-width: 100%; height: auto;}

muss man auch erstmal drauf kommen, dass das nicht in einem container geht sondern man zwei braucht...

Jetzt will ich nur noch die Schrift im ersten Container so anpassen, dass sie mitscaliert aber nicht unter 10 pt sinkt, aber auch das werd ich noch irgendwie hinbekommen... hoffe ich

Gunni · 3. März 2015

Hallo,

ich hab versucht mir mein Problem zu ergooglen und auch die Forensuche versucht, aber entweder schaffe ich es nicht mein Problem richtig zu formulieren um die richtigen Treffer zu finden oder es ist so einfach, dass jeder darauf kommt... außer mir.

Es geht um folgendes. Ich möchte bei einer Webseite : www.stb-eselgrimm.de den Kopf so gestalten, dass 40% das Logo einnimmt, 40% das erste Bild und 20% das zweite Bild. Das klappt auch ganz gut mit den bildern die ich aktuell verwende, die sind aber nur 340x170 bzw. 170x170 px groß und da die Monitore gewachsen sind verpixelt das jetzt arg.

Dazu will ich nun Bilder in vierfacher Größe verwenden, also 1360x680 px bzw. 680x680 px und die entsprechend anpassen lassen. Mein Problem ist, dass die Bilder zwar auf die korrekte Breite von 40 bzw. 20% der angezeigten Fläche gedrückt werden, aber die länge unverändert bleibt.

Ich möchte also die Höhe abhängig der Breite machen und zwar so, dass beides sich automatisch anpasst.

Mein css sieht dazu aus wie folgt:

Code

table.diffStyle { background-color:#17375E; font-size:110%; font-family:Tahoma,Verdana,Arial,sans-serif; text-align:center;margin-bottom:0.5em;  border-collapse:collapse;  outline-width:0.14em;  outline-style:solid;  outline-color:#17375E; } 
th.diffStyle { background-color:#17375E;width:40%; height:inherit; border-left-width:0.21em;  border-left-style:solid;  border-color:#ffffff;  padding-left:0.21em;	padding-right:0.21em;	padding-top:0em;	padding-bottom:0em;  text-align:center; border-collapse:collapse;  }  th.diffStylenbr { background-color:#17375E; width:20%; height:inherit; border-left-width:0.21em;  border-left-style:solid;	border-color:#ffffff;  padding-left:0.21em;	padding-right:0.00em;	padding-top:0em;	padding-bottom:0em;  text-align:center; border-collapse:collapse;  } 
th.diffStylenb { background-color:#17375E; width:40%; height:auto; line-height:125%; font-size:2.3em; font-family:TimesNewRoman,serif; color:#ffffff; font-variant:small-caps; text-align:center;  border-style:none; border-collapse:collapse;  }

und das html der webseite dann so:

Code

/table class="diffStyle" summary="header"\ /tr\/th class="diffStylenb"\Eselgrimm und Partner
â–  
Steuerberater//th\/th class="diffStyle"\/img src="img/schiff.jpg" alt="Steuerbüro Eselgrimm und Partner"/\//th\/th class="diffStylenbr"\/img src="img/steuer.jpg" alt="Steuerbüro Eselgrimm und Partner"/\//th\//tr\//table\

mist, wie krieg ich denn die Codebox so, dass sie nicht ewig in die Breite geht...
und warum funktioniert das mit dem html-code in der box nicht.... ich hab jetzt die < durch / und > durch \ ersetzt

Der Firefox macht es "von sich aus" richtig und skaliert das Bild entsprechend. Chrome und Internet Explorer dagegen drücken das Bild nur zusammen, belassen aber die Länge.

Ich hab schon versucht im CSS height:50% oder height:auto anzugeben, hilft aber nichts. Gleiches wenn ich im HTML eine Höhe mitgebe.

Was Funktioniert ist eine Feste Höhe im CSS wie height:20em oder so, aber das will ich ja nicht, das soll sich alles, so wie der Rest skalieren, je nach Bildschirmgröße.

Ich hab mal die Bilder Chrome und Firefox angehängt, da wird klar was ich meine. Das Chrome ist deswegen kleiner weil das bild zu groß war und ich es verkleinern musste. gemacht wurden die Bilder in gleicher Größe.

Sorry, wenn ich mich doof ausdrücke. Ich mach normal nichts mit Internetseiten, nur meine eigene hab ich geschrieben und da ist für mich irgendwie kein Weiterkommen.

Danke für die Hilfe

Ach ja, das Programm mit dem ich das mache heißt HTML-Kit wobei ich die Funktionen nicht nutze sondern einfach den Code eintippe. Sollte das Programm irgendwelche üblichen Fehler haben habe ich die nicht übernommen, weil ich die Programmfunktionen nicht nutze. (dafür mach ich zu wenig mit HTML und CSS als dass ich mich da reinfuchsen würde)

Gruß

Beiträge von Gunni

Seitenaufbau Html5 / korrekte Positionierung von <adress>

Homepage für ssl klarmachen

Seitenaufbau Html5 / korrekte Positionierung von <adress>

Seitenaufbau Html5 / korrekte Positionierung von <adress>

Div Tabelle Höhe dynamisch an Breite anpassen

Div Tabelle Höhe dynamisch an Breite anpassen