|
|||
elemente in der sidebar ausblenden
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! Diese hier 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:
{ display: none; } 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:
/* 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*/ (Kategorieseite CSS) Code:
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; } mfg broski |
Sponsored Links |
|
|||
Zitat:
Zitat:
Dann: CSS wird nicht programmiert, aber mit dieser Eigenschaft und dem Wert bist du schonmal auf einem guten Weg. Zitat:
gruß, take |
Sponsored Links |
|
|||
Zitat:
bin die Schritte mal duchgegangen und hat auch so halbwegs gefunkt, Woraus ich aber nicht schlau werde: Zitat:
in der Startseite css bei /* PAGE STYLE */ hab ich Code:
/*} span.currentpage { font-weight:bold; } span.error { font-weight:bold; }/ In diesem Widget Bereich Code:
/* 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; font-weight:bold; Hab also nach diesem Span Befehl gesucht.. Hab aber noch nicht genau rausgefunden wo ich was genau ausblenden muß um die Kategorien bzw. Links aus dedr Sidebar zu bekommen die firefox adons die bei Little-Boxes empfohlen wurden hab ich schon mal installiert, aber das wird noch dauern bis ich die kapiere wäre also cool wenn mir wer sagen könnt wie ich die kategorien auch noch wegbekomme. mfg |
|
|||
Little Boxes komplett lesen.
gruß, take |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
per JS eingeblendete Elemente im Druck ausblenden | uspri | CSS | 6 | 09.11.2009 15:04 |
Problem mit dem Ausblenden von Option Elemente im Safari|IE | marius-schneider | Javascript & Ajax | 0 | 20.08.2009 13:30 |
Elemente richtig ausblenden? | haferben | Javascript & Ajax | 3 | 23.10.2008 15:42 |
Javascript UL Navigation im IE6 | ven | CSS | 7 | 29.04.2008 16:29 |
ganz einfach CSS-Design: content + sidebar | -Oliver- | CSS | 8 | 02.05.2006 21:30 |