{"id":144,"date":"2022-08-31T08:00:00","date_gmt":"2022-08-31T06:00:00","guid":{"rendered":"https:\/\/www.fuhselab.de\/?p=144"},"modified":"2025-05-26T12:01:49","modified_gmt":"2025-05-26T10:01:49","slug":"css-grundgeruest-3","status":"publish","type":"post","link":"https:\/\/www.fuhselab.de\/index.php\/2022\/08\/31\/css-grundgeruest-3\/","title":{"rendered":"CSS Grundger\u00fcst 3"},"content":{"rendered":"\n<p>In diesem Teil des Webdesign-Workshops geht es an die Gestaltung des Navigationsbereiches\u2026<\/p>\n\n\n\n<!--more-->\n\n\n\n<p><strong>Der Navigationsbereich:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">@media all { \n\n\/* \nCSS Gestaltung f\u00fcr die Navigation.\n*\/ \n\nnav { \nposition: absolute; \ntop: 97px; \nleft: 5px; \nwidth: 210px; \nbackground-color: steelblue; \ncolor: white; \n\nmargin-top: 5px; \nmargin-right: 5px; \nmargin-bottom: 5px; \nmargin-left: 5px; \n\nborder-top-width: 1px; \nborder-right-width: 1px; \nborder-bottom-width: 1px; \nborder-left-width: 1px; \n\nborder-top-style: solid; \nborder-right-style: solid; \nborder-bottom-style: solid; \nborder-left-style: solid; \n\nborder-top-color: black; \nborder-right-color: black; \nborder-bottom-color: black; \nborder-left-color: black; \n\npadding-top: 10px; \npadding-right: 10px; \npadding-bottom: 10px; \npadding-left: 10px; \n\nfont-family: Arial; \nfont-size: smaller; \n} \n\nnav li { \nlist-style-type: none; \n} \n\nnav a:link { \ncolor: white; \nbackground-color: steelblue; \ndisplay: block; \ntext-decoration: none; \n} \n\nnav a:visited { \ncolor: white; \nbackground-color: steelblue; \ndisplay: block; \ntext-decoration: none; \n} \n\nnav a:hover { \nbackground-color: white; \ncolor: black; \ndisplay: block; \ntext-decoration: none; \n} \n\nnav a:focus { \ncolor: black; \nbackground-color: white; \ndisplay: block; \ntext-decoration: none; \n} \n\nnav a:active { \ncolor: black; \nbackground-color: white; \ndisplay: block; \ntext-decoration: none; \n} \n\n\n} \/* Ende von @media nicht l\u00f6schen*\/<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Teil des Webdesign-Workshops geht es an die Gestaltung des Navigationsbereiches\u2026<\/p>\n","protected":false},"author":1,"featured_media":53,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[23],"class_list":["post-144","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-webdesign-gruppe-peine"],"_links":{"self":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":1,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/144\/revisions\/145"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media\/53"}],"wp:attachment":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}