Elmente in Such-Sidebar richtig ausblenden

Elmente in Such-Sidebar richtig ausblenden

Beitragvon broski » 22.06.2011, 14:29

Hallo an Alle
Dies ist mein erster Eintrag in diesem Forum und ich habe schon ein Problem:

Ich würde gerne auf folgender Seite ein paar Elemente ausblenden!

Code: Alles auswählen
http://astore.amazon.de/film-books-21?_encoding=UTF8&node=113


Ich möchte in der Suchbox das
-Powerd by Amazon Logo-
und prinzipiel immer die Kategorien incl Stöbern ausblenden

Also im Grunde soll in der rechten oberen Suchfeldbox nur mehr die 2 Suchfeldzeilen samt "Go" Button überbleiben!

Meine CSS Kentnisse sind sehr gering bis nicht vorhanden

Habe schon mit dem Befehl
Code: Alles auswählen
{ display: none; }
versucht die überflüssigen Elemente auszublenden!
Hab den code anscheinend immer an falscher Stelle gesetzt, weil entweder änderte sich gar nichts oder die ganze Sidebar verschwand.

Wäre nett wenn mir jemand sagen könnte welches Element ich genau ausblenden bzw. verändern muß!

Da ich nur Admin-Rechte an den css dateien habe kann mein Problem leider nur anhand der folgenden css datein und nicht mit php/html an anderer Stelle beheben:

Hier sind die CSS Dateiein die ich ändern will:

Startseite css

Code: Alles auswählen
/* PAGE STYLE */
body {
      margin:24px;
      padding:0px;
      background:#1F1F1F;
      color:#A59F9F;
      min-width:748px;
      font-family:'Verdana', sans-serif;
      font-size:9pt;
      font-weight:500;
      line-height:12pt;
      text-decoration: none;   
}
table {
      font-family:'Verdana', sans-serif;
      font-size:9pt;
}
form {
      margin:0px;
}   
a {
      color: #A59F9F;
      text-decoration: underline;
}
a img{ border:none;}
hr {
      border:0;
      width:100%;
      color:#363636;
      background-color:#363636;
      height:1px;
      width:100%;
      margin:6px 0px 12px 0px;
}
#wrap {
      width:748px;
}
#rule {
      height:1px;
      background-color:#A59F9F;
      width:100%;
      margin:6px 0px 12px 0px;
}
h2 {
      font-size:16px;
      font-weight:bold;
      margin:0px;
      padding:0px;
}
h3 {
      font-size:14px;
      font-weight:bold;
      margin:0px;
      padding:0px;
}
   
/* MAIN PAGE AREA */   
#mainwrap {
      float:left;
}
#main {
      width:530px;
      margin-bottom:19px;
      overflow:hidden;
}
div#header {
      background:#363636;
      padding:6px 24px 4px;
      margin:0;
      vertical-align:middle;
}
a#mainheadertitle {
      padding:0px;
      font-family:'Verdana', sans-serif;
      font-size:15pt;
      font-weight:normal;
      line-height:1.5em;
      color:#A59F9F;
      margin:0px;
      text-align:left;
      vertical-align:middle;
      text-decoration:none;
}
a#mainheadertitle:hover {
      text-decoration:underline;
}
td#mainheaderlogo {
      padding:5px;
}
img#mainlogo {
      padding-right:5px;
}
div#mainsubheader {
      background:#333333;
      padding:10px 24px;
      vertical-align:middle;
}
div#contentsubheader {
      width:482px;
      overflow:hidden;
}
div#subheaderlinks {
      float:right;
      text-align:right;
}
div#subheadertitle {
      font-size:12pt;
      font-weight:bold;
}
div#contenterror {
      background:#363636;
      padding:14px 24px;     
}
span.currentpage {
      font-weight:bold;
}

span.error {
      font-weight:bold;
}
   
/* SIDEBAR */
#sidebar {
      float:right;
      width:200px;
      overflow:hidden;
}
#sidebar ul {
      margin-bottom:0;
}
#sidebar h3, #sidebar p {
      padding:0 10px;
}

/* GENERAL SIDEBAR WIDGET STYLES */
ul#widget,ul.widget li.widget {
      margin:0;
      padding:0;
      list-style:none;
}
li.widget {
      float:left;
      width:200px;
      margin-bottom:19px;
}
ul#widget div {
      background:#363636;
}
ul#widget h3 {
      font-family:'Verdana', sans-serif;
      font-size: 10pt;
      font-weight: bold;
      color:#A59F9F;
      margin:0px;
      padding:6px 15px 4px;
      text-align:left;
      background:#363636;
}
ul#widget p {
      font-family:'Verdana', sans-serif;
      font-size: 9pt;
      font-weight: normal;
      color:#A59F9F;
      margin:0px;
      padding: 10px 15px 20px;
}

/* SEARCHBROWSE WIDGET */
div#searchbrowse {
      padding:14px;
}
div#searchbrowse div.indent {
      padding: 5px 0px 5px 15px;
}
select.searchwidget {
      width:173px;
      margin-bottom:6px;
}
input#searchwidgetkeywords {
      width:134px;
}
span#SearchAtAmazon {
      font-size: 8pt;
}
div#browsetitle {
      font-weight:bold;
      padding-bottom:7px;
}
span.selectedcategory {
      font-weight:bold;
}

/* LISTMANIA WIDGET */
div.listwidget {
      padding-bottom:16px;
}
ul.listmania {
      margin:0px;
      padding:0px;
      list-style:none;
}
ul.listmania li {
      margin:0px;
      padding:5px;
      padding-left:10px;
      list-style:none;
      text-align:center;
}
ul.listmania li.clsOdd,li.listimages {
      background-color:#383838;
}
ul.listmania li.clsEven {
      background-color:#363636;
}

img.listimage {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

/* PRODUCTS WIDGETS */
div.productwidget {
      padding:0px;
      padding-bottom:16px;
}
div.productwidget .price {
      font-weight:bold;
}
table.sidebarproducts {
      font-family:'Verdana', sans-serif;
      font-size:9pt;
      width:200px;
}
table.sidebarproducts td {
      padding:5px;
}
table.sidebarproducts td.image {
      vertical-align:top;
      width:75px;
}
table.sidebarproducts td.text {
      vertical-align:middle;
      width:115px;
}
table.sidebarproducts span.listtitle {
      font-weight:bold;
}
div.privacylink {
      padding: 2px 5px;
      font-size:7pt;
      text-align:center;
}

/* FOOTER */
div#footer {
      width:530px;
      margin-bottom:28px;
      color:#363636;
      border-top:1px solid #363636;
}
div#footer p {
      padding:5px;
      margin:0;
}
div#leftfoot {
      float:left;
      width:430px;
}
div#rightfoot {
      float:right;
      width:100px;
      text-align:right;
}

/* WISHLIST WIDGET */
div#wishlist_page_link
{
    padding:7px 5px 5px;
}

/*Associate Provided CSS*/


Obwohl ich glaube das der obere Code der Relevante ist poste ich sicherheitshalber noch eine weitere css zu der ich Zugriff habe..

(Kategorieseite CSS)

Code: Alles auswählen
div#featuredProducts {
      background:#363636;
      padding:14px 24px;
}
div#featuredProducts .price {
      font-weight:bold;
}
table.products {
      width:482px;
      font-family:'Verdana', sans-serif;
      font-size:9pt;
}
table.products td {
     width:33%;
      padding:5px;
}
table.products tr.pagination {
     text-align:center;
}
table.products tr.imagerow td {
     vertical-align:bottom;
}
table.products tr.textrow td {
     vertical-align:top;
      padding-bottom:20px;
}

/*Associate Provided CSS*/
div#featuredProducts {
      background:#363636;
      padding:14px 24px;
}
div#featuredProducts .price {
      font-weight:bold;
}
table.products {
      width:482px;
      font-family:'Verdana', sans-serif;
      font-size:9pt;
}
table.products td {
     width:33%;
      padding:5px;
}
table.products tr.pagination {
     text-align:center;
}
table.products tr.imagerow td {
     vertical-align:bottom;
}
table.products tr.textrow td {
     vertical-align:top;
      padding-bottom:20px;
}


Danke für eventuelle Tipps
mfg broski
broski
neu hier
 
Beiträge: 1
Registriert: 22.06.2011, 14:16

Re: Elmente in Such-Sidebar richtig ausblenden

Beitragvon sejuma » 23.06.2011, 17:29

Versuch's mal damit:
Code: Alles auswählen
#homelink {display: none;}
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: Elmente in Such-Sidebar richtig ausblenden

Beitragvon djheke » 23.06.2011, 21:55

is so'ne ausblendung überhaupt erlaubt ?

djheke
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Elmente in Such-Sidebar richtig ausblenden"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste