Bild zentr. und Header Bild verlinken

alx000

Hallo zusammen,

ich habe folgende zwei Probleme:

1. Kann ich plötzlich keine Bilder mehr zentrieren, ich kann es zwar einstellen und im Wysiwyg sieht es auch richtig aus, wird aber auf der Seite nicht übernommen.
2. Möchte ich das Titelbild klickbar haben ( einfach zurück zu home) Wie kann ich das lösen?

Ich steh auf sehr minimalistische Designs nur leider habe ich das Theme (AA-Stawberry) vor zig Jahren rausgesucht, es wurde nicht mehr aktualisiert oder supportet und ich bin aus dem Thema .html oder .css leider völlig raus. Früher hätte ich mich da reingewurschdelt, aber egal.
Ich habe die SuFu genutzt, aber leider hatte ich nach 6 verschiedenen Code.schnipseln ohne Ergebnis keine Lust mehr und verlor auch langsam den Überblick.
Was braucht ihr?
Die Seite ist http://www.ignoranzia.de

die Style CSS sieht so aus:

Zitat

/* CSS for Body */
*{margin:0; padding:0;}
body{color:#000000; background: url(img/back.gif); font:76% Tahoma,Arial,sans-serif;}
#page{color:#000000; background: url(img/bg.gif) top center repeat-y; width:100%;}
#bg{background: url(img/main_bg.gif) top repeat-y; color:#000000; margin:0 auto; width:100%; }
#top{color:#000000; margin: auto; width:820px; height:223px; background: url(img/top.gif) no-repeat;}
#topimg{margin: auto; width:770px; height:215px; background: url(img/top_img.jpg) no-repeat bottom center; }
#wrap{h5 color:#000000; margin:0 auto; width:760px; }
#m1, #m2, #m3, #m4, #m5{display: none;}
/* CSS for Links */
a{background-color:inherit; color:#D10707; font-weight: none; text-decoration:none;}
a:hover{background-color:inherit; color:#000000; font-weight: none; text-decoration:underline;}
a img{border:0;}

/* CSS for Header */
#header{margin:5px 0 5; }
#header h1{ color:#D10707; float:left; font-size:1em; margin:10 0 10 0px; width:780px; font-weight: none;}
#header h1 a{background-color:inherit; color:#D10707; text-decoration:none;}
#header p a{background-color:inherit; color:#000000; float:right; font-size:1em; font-weight:none; line-height:1.3em; margin:6px 0 0; text-align:center;}
#frontphoto{margin:0 0 10px;}
#header_title{color:#D10707; font-size:17px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; padding-left:13px; padding-top:135px; letter-spacing:1px; text-transform:uppercase; }
#header_title a{background-color:inherit; color:#D10707; text-decoration:none;}
#header_title a:hover{background-color:inherit; color:#D10707; text-decoration:none;}
#header_title2{ color:#E77676; letter-spacing:1px; font-size:9px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:13px; padding-top:5px; text-transform:uppercase; }
/* CSS for Sidebars */
#leftside{clear:right; float:right; line-height:1.4em; margin:0 0 10px; width:145px;}
#extras{float:right; line-height:1.4em; margin:0 0 5px; width:145px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget{font-size:1em; margin:0 0 18px;}
#leftside li, #extras li{line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul{margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li{margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a{font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist{font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul{margin:0 0 18px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a{font-weight:none;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3{background-color:inherit; color:#000000; font-size:1.1em; margin:0 0 10px;}
#leftside label, #extras label{display:none;}
/* CSS for Main menu */
ul.page{list-style:none; margin:0 0 18px; width:144px;}
ul.page li{display:inline; line-height:1.4em; width:144px; text-transform:uppercase; font-weight:bold;}
ul.page li a{background-color:#f4f4f4; border:0px; color:#000000; float:left; font-weight:none; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:134px;}
ul.page li a:hover, ul.page li.current_page_item a{background-color:#D10707; border:0px; color:#FFFFFF; text-decoration:none;}
ul.page ul{font-size:0.9em;margin:0 0 0 15px;padding:0 0 5px;width:129px;}
ul.page ul a{padding:3px 1px 3px 5px;width:119px;}
ul.page ul ul{width:117px;}
ul.page ul ul a{width:104px;}
/* CSS for Content */
#content{line-height:1.8em;margin:0px 173px 5px 5px;padding:0; letter-spacing:1px; }
#contentwide{line-height:1.6em;margin:0px 163px 5px 5px;padding:0;}
#content h2,#contentwide h2 {font-size:1.2em;margin:0 0 10px; color: #D10707; text-transform:uppercase;font-family: Arial, Helvetica, sans-serif;}
#content h3,#contentwide h3{font-size:1.2em;margin:0 0 10px; color: #D10707;text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
#content img,#contentwide img{border:0px;float:right;margin:0px 0px 10px 10px;}
#content ul,#contentwide ul,#content ol,#contentwide ol{margin:0 0 16px 30px;}
#content li,#contentwide li{padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol{margin:0 0 0 16px;}
/* CSS for Footer */
#footer{background: url(img/base_bg.jpg) top center repeat-y; border-top:0px;clear:both;color:#999999;font-size:0.9em;font-weight:normal;line-height:1.3em;margin:0 auto;padding:13px 0;text-align:center;width:100%; height: 60px;}
#footer p{margin:0;padding:0;}
#footer a{background-color:inherit;color:#999999;font-weight:normal;text-decoration:none;}
#footer a:hover{background-color:inherit;color:#999999;text-decoration:underline;}

/* CSS for Submenu */
#subpages {border-bottom:0px; border-left:0px; font-weight:none;line-height:1.3em;float:right;margin:0px 0px 8px 15px;padding:0 0 10px 10px;width:150px;}
#subpages h2{font-size:1.2em;font-weight:bold; margin:0 0 10px; padding-top: 5px; color:#D10707;}
#subpages ul.submenu{font-size:1.2em; line-height:1.4em;list-style:none; margin:0;}
#subpages ul.submenu li{display:inline; line-height:1.4em; width:140px; padding:0; text-transform:uppercase; font-weight:bold;}
#subpages ul.submenu li a{font-size:0.9em; background-color:#f4f4f4; border:0px;color:#000000;float:left;margin-bottom:5px;margin-right: 6px;padding:3px 1px 3px 5px;text-decoration:none;width:140px;}
#subpages ul.submenu li ul{margin:0 0 5px 10px;width:120px;}
#subpages ul.submenu li ul li a{width:120px;}
#subpages ul.submenu li ul ul{margin:0 0 5px 10px;width:110px;}
#subpages ul.submenu li ul ul li a{width:110px;}
#subpages ul.submenu li ul ul ul{margin:0 0 5px 10px;width:100px;}
#subpages ul.submenu li ul ul ul li a{width:100px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a{background-color:#D10707;border:0px;color:#FFFFFF;}
#subpages ul.submenu li.current_page_item ul li a{background-color:#f4f4f4;border:0px;color:#000000;}
/* CSS for Tags */
p,ul,ol{margin:0 0 16px;}
blockquote{border-left:4px solid #e0e0e0;margin:20px;padding:8px 8px 8px 15px;}
blockquote p{background-color:inherit;color:#000000;font-size:0.9em;line-height:1.3em;}
label{background-color:inherit;color:#000000;}
table#wp-calendar{margin:0 0 18px;width:140px;}
/* CSS for Forms */
#s,#submit{background-color:#ffffff;border:1px solid #cccccc;color:#000000;font-size:0.9em;margin:0 0 5px;padding:4px;width:130px;}
#searchsubmit{background-color:#ffffff;border:1px solid #cccccc;color:#000000;font-size:0.9em;margin:0 0 0px;padding:2px;width:50px;}
#author,#email,#url,#comment{border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;}
#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}
/* CSS for Float fix */
.contenttext{overflow:hidden;}
* html .contenttext{height:1px;overflow:visible;}
* html .contenttext p{overflow:hidden;width:99%;}
/* CSS for Various classes */
.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}
.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}
.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}
.textright{text-align:right;}
.sub{width: 99%;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.hide{display:none;}
.post{margin:0 0 25px;}
.divider{height: 25px; width:99%; background: url(img/divider.jpg) no-repeat; text-align:center;}
.postinfo{background-color:#ffffff;border:0px;color:#000000;font-size:0.9em;font-weight:bold;line-height:1.5em;margin:1px 0 20px;padding:0px;}
.comment{background-color:#ffffff;border:0px;color:#000000;margin:0 0 10px;padding:0px 0px 0 0px;}
.comment p.commenthead{line-height:1.6em;}
.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}
.navigation{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}
.navigation p{margin:0;padding:0;}
.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}

Alles anzeigen

ihr würdet mich sehr glücklich machen. Wenn ihr wegen dem Design meckern wollt und konstruktive Kritik habt, her damit ;-)

edit sagt: es ist btw 2.9.2
Grüße

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Marcus[IS]

Hi,

zu deiner zweiten Frage wegen des Headers, kann ich dir diesen Beitrag empfehlen.

Zu deinem Bilderproblem hab ich auf die Schnelle nichts parat, könnte mit der CSS zusammenhängen, muss aber nicht. ;)

alchymyth

Zitat

Kann ich plötzlich keine Bilder mehr zentrieren

das hat mit diesem theme wahrscheinlich nie funktioniert.

das 'float:right;' in diesem style in der style.css bestimmt die bilderausrichtung:

Code

#content img,#contentwide img{border:0px;float:right;margin:0px 0px 10px 10px;}

ausserdem hat das theme keine styles fuer:

Code

.aligncenter {}
.alignleft {}
.alignright {}

guck im style.css vom default theme nach wie es gemacht wird.

alx000

Zitat von alchymyth
das hat mit diesem theme wahrscheinlich nie funktioniert.

das 'float:right;' in diesem style in der style.css bestimmt die bilderausrichtung:
Code
#content img,#contentwide img{border:0px;float:right;margin:0px 0px 10px 10px;}
ausserdem hat das theme keine styles fuer:
Code
.aligncenter {}
.alignleft {}
.alignright {}
guck im style.css vom default theme nach wie es gemacht wird.
Alles anzeigen

stimmt nicht, das ging immer! Siehe alte Einträge! Trotzdem danke...

alx000

Zitat von alchymyth
das hat mit diesem theme wahrscheinlich nie funktioniert.

das 'float:right;' in diesem style in der style.css bestimmt die bilderausrichtung:
Code
#content img,#contentwide img{border:0px;float:right;margin:0px 0px 10px 10px;}
ausserdem hat das theme keine styles fuer:
Code
.aligncenter {}
.alignleft {}
.alignright {}
guck im style.css vom default theme nach wie es gemacht wird.
Alles anzeigen

ok, ich bekomme es nicht mehr hin, nehme ich das hier aus den default Theme

Code

{.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}

haut es mir den ganzen Blog zusammen. Alles bekommt ne andere Schrift,keine Formatierung nichts.

telekommander

Zitat von alx000
ok, ich bekomme es nicht mehr hin, nehme ich das hier aus den default Theme
Code
[COLOR="Red"][B]{[/B][/COLOR].aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}
haut es mir den ganzen Blog zusammen. Alles bekommt ne andere Schrift,keine Formatierung nichts.

Ein Syntaxfehler. Lass doch mal die Klammer weg.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild zentr. und Header Bild verlinken

Jetzt mitmachen!