zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden elemente in der sidebar ausblenden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.06.2011, 17:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.06.2011
Beiträge: 2
broski befindet sich auf einem aufstrebenden Ast
Standard 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; }
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:
/* 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:
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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.06.2011, 17:36
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von broski Beitrag anzeigen
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
Fraglich ist, ob du das darfst, immerhin läuft die Seite auf amazons Servern.
Zitat:
Zitat von broski Beitrag anzeigen
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; }
versucht die überflüssigen Elemente auszublenden!
Erstmal: Wenn du keine Ahnung von CSS hast, bringt es nix, hier weiterzumachen, lies besser erstmal Little-Boxes. CSS kann man nämlich nicht durch rumraten lernen.
Dann: CSS wird nicht programmiert, aber mit dieser Eigenschaft und dem Wert bist du schonmal auf einem guten Weg.
Zitat:
Zitat von broski Beitrag anzeigen
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ß!
  • Die Überschrift h3 in #widget (also #widget h3)
  • Den Amazonbutton (#homelink)
  • Den Text "Stöbern" also #browsetitle
  • Alle Links und spans in #widget (#widget a, #widget span)
  • Das komplette 2. <li> in #widget (#widget li:last-child)
Wenn du mit diesen Selektoren nichts anfangen kannst, kann ich nur sagen: lerne die Grundlagen (Little-Boxes, s.o.)

gruß,
take
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.06.2011, 21:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.06.2011
Beiträge: 2
broski befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Die Überschrift h3 in #widget (also #widget h3)
Den Amazonbutton (#homelink)
Den Text "Stöbern" also #browsetitle
Alle Links und spans in #widget (#widget a, #widget span)
Das komplette 2. <li> in #widget (#widget li:last-child)
So danke erstmal
bin die Schritte mal duchgegangen und hat auch so halbwegs gefunkt,


Woraus ich aber nicht schlau werde:

Zitat:
Alle Links und spans in #widget (#widget a, #widget span)
sind vermutlich die Links die Kategorielinks in der Sidebar gemeint, die ich weghaben will!?

in der Startseite css
bei /* PAGE STYLE */
hab ich
Code:
/*}
span.currentpage {
      font-weight:bold;
}

span.error {
      font-weight:bold;
}/
gefunden

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;
ganz unten den befehl span.selectedcategory {
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
Mit Zitat antworten
  #4 (permalink)  
Alt 23.06.2011, 00:01
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Little Boxes komplett lesen.

gruß,
take
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:44 Uhr.