Bild zentr. und Header Bild verlinken

alx000 · 9. April 2010

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 www.ignoranzia.de

die Style CSS sieht so aus:

/* 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;}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

Marcus[IS] · 9. April 2010

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 · 9. April 2010

Kann ich plötzlich keine Bilder mehr zentrieren
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

das hat mit diesem theme wahrscheinlich nie funktioniert.

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

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
ausserdem hat das theme keine styles fuer:

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
guck im style.css vom default theme nach wie es gemacht wird.

alx000 · 10. April 2010

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:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
ausserdem hat das theme keine styles fuer:

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
guck im style.css vom default theme nach wie es gemacht wird.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

alx000 · 10. April 2010

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:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
ausserdem hat das theme keine styles fuer:

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
guck im style.css vom default theme nach wie es gemacht wird.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
haut es mir den ganzen Blog zusammen. Alles bekommt ne andere Schrift,keine Formatierung nichts.

telekommander · 10. April 2010

Zitat von alx000: ↑

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

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
haut es mir den ganzen Blog zusammen. Alles bekommt ne andere Schrift,keine Formatierung nichts.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Ein Syntaxfehler. Lass doch mal die Klammer weg.

WPDE.org

Bild zentr. und Header Bild verlinken

alx000 New Member

Marcus[IS] Well-Known Member

alchymyth Well-Known Member

alx000 New Member

alx000 New Member

telekommander Well-Known Member

Nützliche Suchen

Bild zentr. und Header Bild verlinken

alx000 New Member

Marcus[IS] Well-Known Member

alchymyth Well-Known Member

alx000 New Member

alx000 New Member

telekommander Well-Known Member