Problem mit Affilinet Suchmaske

Beitrag von **Nipcars** » 20.07.2011, 19:49

Hallo Leute,

ich habe seit längerer Zeit, dass ich alleine nicht gelöst bekomme. Auf 2 meiner Blogs habe ich bei Affilinet Werbung von Autoscout24 eingebaut. Es handelt sich um eine 300x300 große Suchmaske "Hier findet jeder das passende Auto.

Auf dem ersten Blog ( https://pick-up-fahrzeuge.blogspot.com ) ist alles OK.

Auf dem zweiten Blog ( https://www.nipcars.de ) stimmt irgendwas nicht, das Formular wird nicht richtig dargestellt.

Ich hoffe ihr könnt mir weiterhelfen

Gruß

Manuel

von **Anzeige von ABAKUS** »

Beitrag von **mano_negra** » 20.07.2011, 20:46

so wie das aussieht hast du einfach im css eine formatierung für tabellen die die eine suchmaske so aussehen lassen.

Beitrag von **Nipcars** » 20.07.2011, 20:56

Habe die gesamte CSS Änderungen kurz rausgenommen und die Seite neu geladen, leider keine Veränderung.

von **Anzeige von ABAKUS** »

Beitrag von **007** » 20.07.2011, 21:01

Nipcars hat geschrieben:Habe die gesamte CSS Änderungen kurz rausgenommen und die Seite neu geladen, leider keine Veränderung.

Bei mir schon.

Beitrag von **Nipcars** » 20.07.2011, 21:11

007 hat geschrieben:
Nipcars hat geschrieben:Habe die gesamte CSS Änderungen kurz rausgenommen und die Seite neu geladen, leider keine Veränderung.
Bei mir schon.

Bei mir ist ohne CSS die komplette Seite verschoben, aber die Tabellen sind immer noch zu sehen.

Hier mal meine CSS: (Bitte nicht lachen, bin noch Anfänger

) Vielleicht entdeckt Ihr ja den Fehler.

/* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */
a, a:link, a:visited {
color: #FF0000;
text-decoration: none;
}

a:hover {
text-decoration:underline;
}

#searchbar { display: none; }
#rss { display: none; }

a img {border: 0px;
text-decoration: 0;}

#secondary {
float: right;
margin: 0 0 0 -220px;
width: 225px;
}

#contentfw { max-width: 820px; min-width: 820px; max-height: 600px; min-height: 600px; }

#controls .next, #controls .prev { top: 96px; overflow: }

.featured-entry { background: #111111; }

.featured-entry { height: 50px; }

.featured-entry {color: #C0C0C0; }

.featured-entry .entry-title { color: #FFFFFF; font-size: 14px; font-weight: bold; }

.featured-entry .entry-summary { display: #FF0000; font-size: 10px; text-align: left; }

.featured-entry .entry-summary { font-weight: bold; }

.featured-entry { height: 35px; top: -35px; }

#header { width: 820px; min-width: 820px; margin-left: 0; padding: 0; background : #000000; }
#branding { width: 820px; margin-left: 0; padding: 0; }
.logo { max-width: 250px; float: left; padding: 21px 0 25px 10px; }
.blog-name { margin: 0 0 3px; line-height: 1em; display: block; }
.blog-description { line-height: 1em; display: block; margin: 0; padding: 3px 0 0; }

#top-menu { max-width: 820px; min-width: 820px; margin-top: 0px; background: #ffffff; }
#nav { width: 820px; min-width: 820px; background: #ffffff; }
#top-menu-content { width: 820px; min-width: 820px; color: #696969; padding: 0px }
#nav-content { margin-left: 0; width: 820px; min-width: 820px; color: #000000 }
#top-menu-content .sf-menu, #nav .sf-menu { float: left; line-height: 1.1; font-size: 10px; color: #000000 }
#top-menu .sf-menu a {
border-right: 0px solid #333333;
color: #696969;
display: block;
font-size: 10px;
padding: 8px;
text-decoration: none;
}

#main {
width:815px; min-width: 815px; background: #F5F5F5;
position:relative;
margin-left: 5px ; padding: 0px;
border: 1px;
}

.body { min-width:815px; min-width: 815px; background: #ffffff; }

#featured-slideshow {
border: 1px solid #CCCCCC;
margin: left;
width: 485px;
}

#nav .sf-menu a {
color: #696969;
display: block;
font-size: 12px;
padding: 8px;
text-decoration: none;
}

#container {
width:480px;
float:left;
margin:0;
}

#subsidiary {
width:480px;
margin:0 auto;
overflow:hidden;
}

.widgetcontent { width:300px; padding: 0px; }
.widgetcontainer { width:300px; none; }
.textwidget { padding: 0px; }

.postbar { width: 480px; }

.single .post .entry-title { font-size: 16px; font-weight: bold; padding: 15px 0 0; margin: 0 0 5px; }
.single .post { width: 455px; padding: 0px; }
.single .post .entry-info { display: none; }

#content { width: 495px; padding: 0px; }
#content .entry-content clearfix { padding: 0px; }

.module-title, .feed-title, #reply-title { width: 465px; }
.nocomments { width: 465px; }
#commentlist { width: 450px; padding: 0px; }
#commentform { width: 465px; }

#index-featured2 { width: 485px; margin-left: 0px }
#index-featured2 .home-title { width: 485px; font-size: 14px; }
#index-featured2 .entry-title { width: 485px; font-size: 14px; margin-left: 0px }
#index-featured2 .entry-thumbnails { margin-top: 10px }
#index-featured2 .entry-summary

#index-news .home-title { width: 485px; font-size: 14px; }

.posts-quick { width: 485px; }
.posts-quick .entry-summary { width: 485px; font-size: 11px; padding: 0px; }
.posts-quick .entry-title { font-weight: bold; font-size: 14px; margin: 0 0 10px; line-height: 1.3em; width: 455px; }

.posts-quick .home-title { width: 485px; font-size: 20px; }

.posts-line { width: 465px; max-width: 480px; font-size: 10px; }
.posts-line .entry-summary { width: 480px; max-width: 480px; font-size: 8px; }
.posts-line .entry-cat { display: none; }
.posts-line .entry-comments { display: none; }
.posts-line .entry-title { float: left; font-size: 12px; margin: 0; }

#content .entry-content .sharepost { min-width: 480px; margin-left: 0px; padding: 0px; }
#content .entry-cat { color: #333333 }

.widgetcontainer {
width:300px; float: right;
}

.breadcrumbs { font-size: 12px; font-weight: bold; word-spacing: 2px; padding-top: 5px; padding-bottom: 5px; }

#footer {
padding-bottom: 5px; font-size: 12px; background: #F5F5F5;
width: 820px;
margin-left: 0px
}

#footer .widgetcontainer {
float: left;
margin: 5px;
padding: 5px 10px;
height: 500px;
width: 200px; background: #F5F5F5;
}

.footer-sidebar { width: 820px; height: 300px; }

Beitrag von **mano_negra** » 20.07.2011, 21:19

ich hab jetzt keine ahnung was das für eine css ist und auch keine lust mir das durchzuschauen.

aber z.b. ist in https://www.nipcars.de/wp-content/theme ... efault.css das zu finden:

Code: Alles auswählen

table, th, td			&#123; border&#58; 1px solid #CCC; &#125;
th, thead th			&#123; font-weight&#58; 700; color&#58; #333; background&#58; #DDD; &#125;
td, tbody td			&#123; background&#58; #F0F0F0; &#125;

was schon einmal erklären könnte, warum das grau und mit border dargestellt wird.
so sind vielleicht auch irgendwelche abstände definiert, die die box zerstören.

Beitrag von **mano_negra** » 20.07.2011, 21:22

die box liegt anscheinend im <div id="autoscout24_s_300x250"> so kannst du ja versuchen css-regeln für table und td, etc anzuwenden die für das div gelten.

Beitrag von **Nipcars** » 20.07.2011, 21:27

mano_negra hat geschrieben:die box liegt anscheinend im <div id="autoscout24_s_300x250"> so kannst du ja versuchen css-regeln für table und td, etc anzuwenden die für das div gelten.

Danke! Ich werds gleich versuchen. Sag eucg gleich, ob es geklappt hat.

Beitrag von **Nipcars** » 20.07.2011, 21:36

Nipcars hat geschrieben:
mano_negra hat geschrieben:die box liegt anscheinend im <div id="autoscout24_s_300x250"> so kannst du ja versuchen css-regeln für table und td, etc anzuwenden die für das div gelten.
Danke! Ich werds gleich versuchen. Sag eucg gleich, ob es geklappt hat.

Ich bekomme es leider nicht hin. Habt ihr vielleicht Vorschläge für die CSS Änderungen. Vielen Dank!

Beitrag von **mano_negra** » 20.07.2011, 22:13

wenn du das

Code: Alles auswählen

#autoscout24_s_300x250 table, #autoscout24_s_300x250 td &#123;
    border&#58; 0px;
    background-color&#58; #fff;
&#125;

irgendwo in deine css einfügst bist du zumindest einmal den rand und den grauen hintergrund los.
warum das ganze allerdings über den schatten ragt, bin ich jetzt auch auf die schnelle überfragt.

Beitrag von **mano_negra** » 20.07.2011, 22:17

ah vielleicht statt #FFF
background: transparent;

Beitrag von **Nipcars** » 20.07.2011, 22:24

mano_negra hat geschrieben:wenn du das
Code: Alles auswählen
#autoscout24_s_300x250 table, #autoscout24_s_300x250 td &#123;
    border&#58; 0px;
    background-color&#58; #fff;
&#125;
irgendwo in deine css einfügst bist du zumindest einmal den rand und den grauen hintergrund los.
warum das ganze allerdings über den schatten ragt, bin ich jetzt auch auf die schnelle überfragt.

Super

Du bist der Hammer, jetzt sieht es schon viel besser aus. Nur noch die Überlappung des Schatten, dann ist es Perfekt.

Beitrag von **Nipcars** » 20.07.2011, 22:26

mano_negra hat geschrieben:ah vielleicht statt #FFF
background: transparent;

Geschafft! Das war das Problem mit dem Überlappen des Schattens. Nochmals vielen herzlichen Dank!

Beitrag von **mano_negra** » 20.07.2011, 22:28

die css von autoscout ist nicht eindeutig, deswegen der fehler