Such-Funktion verschieben

[spermball]

Hi
ich muss wieder mal um Hilfe bieten in Sachen CSS. Mittlerweile bin ich ziemlich gut mit der style.css von meinem Blog vertraut allerdings wurde bei meinen Änderungen was verändert. Die Suchfunktion im oberen Bereich befand sich mal auf der obersten Navigation und nun würde mich interessieren wie ich die Such-Funktion wieder da hoch in die Navigation bekomme.

Lange Rede gar kein Sinn:

Danke!

 

[GoMeZ]

AW: Such-Funktion verschieben

Oha, da is aber einiges durcheinandergeraten, wäre praktisch, wenn Du den Code mitliefern könntest, denn so aus der Hüfte in den Nebel geschossen wird das nichts geben... aber dass sich bei Änderungen was verändert is eigentlich normal, oder?!

Gruß, der GoMeZ

 

[spermball]

AW: Such-Funktion verschieben

Du hast wahrscheinlich gerade im falschen Moment geschaut. Hab wieder rumprobiert.

Also der Code umfasst die oberste Navi, die Such-Funktion und den Header:

* Page Navigation
************************************************/
#navigation {
    width: 800px;
    height: 30px;
        margin-left: 94px;
    background: url(images/pagenavi.png);
        border-left: 2px solid #000000; 
    }
#page-nav {
    float: left;
    width: 960px;
    }
#page-nav ul {
    list-style: none;
    margin: 0;
    }
#page-nav li {
    float: left;
    margin: 6px 0 0 0;
    padding: 0 0 8px 0;
    }
#page-nav a {
    display: block;
    font: normal normal bold 12px/11px Verdana, Geneva, Tahoma, sans-serif;
        
    color: #fff;
    padding: 0 15px 0 15px;
    border-right: 1px solid #353535;
    }

/* Drop-down styles */
#page-nav li:hover ul, #page-nav li.sfHover ul  {
    top: 19px;
    }
#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {
    top: -1px;
    }
#page-nav ul ul {
    border-top: 1px solid #222;
    background: #111;
    }
#page-nav li li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #222;
    }
#page-nav li li a {
    padding: 7px 7px;
    border: none;
    }

/**
* Search form (in navigation)
************************************************/
#navigation .search {
    float: right;
    width: 200px;
    height: 25px;
    }
#navigation input {
    float: right;
    width: 170px;
    height: 15px;
    margin: 4px 0 0 0;
    padding: 1px 8px 1px 22px;
    font: normal normal normal 11px/15px Verdana, Geneva, Tahoma, sans-serif;
    color: #aaa;
    background: #001328 url(images/search-icon.png) no-repeat 5px 0;
    border: 1px solid #011e3f;
    }
#navigation .search-submit, #navigation .button {
    display: none;
    }

/**
* Header
************************************************/
#header-container {
    overflow: hidden;
    height: 240px;
        background: url(images/yommoheader.png);
        margin-left: 94px;
    }
#header {
    overflow: visible;
    width: 800px;
    height: 240px;
    margin: 0 auto;

    }
#site-title {
    float: center;
    width: 450px;
    line-height: 35px;
    font-size: 28px;
    font-family: georgia, serif;
    margin: 12px 0 0 0;
    }
#site-title a {
    color: #000000;
    }
#site-description {
    display: none;
    }

/**
* Header utility widget

 

[GoMeZ]

AW: Such-Funktion verschieben

also, das hier kommt mir ein wenig breit vor:

#page-nav {
float: left;
width: 960px;
}

aber ich weiß ja leider auch nicht, was Du geändert hast, was diese Unordnung dann bewirkt hat ...

Gruß, der GoMeZ

 

[spermball]

AW: Such-Funktion verschieben

Ich hab es nun auf 800px geändert, wie die restlichen Werte und siehe da, es ist nichts passiert Ich bin verwirrt :hmpf:

 

[Bigmemo]

AW: Such-Funktion verschieben

Hallo,
puahhh so ein durcheinander...
Breitenangaben macht man einmal im umfliessenden DIV, danach eigentlich nur noch bei DIVs die gefoatet werden. Da ist es notwendig da mehrere DIVs nebeneinder gefloatet werden. Dann sollte man wissen was Block-und was Inline-Elemente sind. Es ist auch möglich diese umzubiegen, aber das ist ein anderes Thema.

flooat: center;

das gibt es bei CSS nicht, zumindest ist mir sowas nicht bekannt

Meine Empfehlung mach mal alle Breitenangaben weg und setz in dein CSS ganz oben dies:

#body-container {
    width: 800px;
    margin: 0px auto;
    padding: 0px;
}

übrigens brauchst Du bei 0(null) Einheit (px) nicht angeben, aber bei mir ist es zur Gewohnheit geworden(falls ich später doch noch ein Wert ändern sollte, weiss ich die Einheit schon).
Danach Schritt für Schritt und von oben nach unten die nötigen Margins und Padddings eingeben. Dann sollte auch das Durcheinander weg sein.

cu
Bigmemo

 

[spermball]

AW: Such-Funktion verschieben

Meinst du alle Breitenangaben die ich gepostet habe oder die komplette style.css? Aber danke schon mal für die Hilfe!

Edit: Irgendwie ist alles beim Alten außer das es noch einen Tick verschobener ist

 

[GoMeZ]

AW: Such-Funktion verschieben

sieht alles schon wieder ein bischen ordentlicher aus ...
aber die Suchfunktion ist immer noch ausser Rand und Band ....

 

[spermball]

AW: Such-Funktion verschieben

Ja, da hast du wohl recht und was mir noch aufgefallen ist, ist die Tatsache dass das RSS-Feed-Symbol eigentlich auf der Kategorie-Navi liegen sollte

 

[GoMeZ]

AW: Such-Funktion verschieben

sorry spermball (was ist das eigentlich für ein nick??) aber ich melde mich für heute mal ab, auch ich muss manchmal ein bischen schlafen.
Viel Glück noch bei deiner Reparatur ... ich schau's mir morgen nochmal an, bis dahin

Gruß, der GoMeZ

 

[spermball]

AW: Such-Funktion verschieben

Kein Thema, dank Dir. Spermball heißt soviel wie jemanden von Geburt auf kennen. Hab ich aus einem Film

 

[Bigmemo]

AW: Such-Funktion verschieben

Meinst du alle Breitenangaben die ich gepostet habe oder die komplette style.css? Aber danke schon mal für die Hilfe!

Edit: Irgendwie ist alles beim Alten außer das es noch einen Tick verschobener ist

zuerst mal hatte ich 800px angegeben...OK hab mal bisschen rumgespielt ca. 5-8min. siehe Ergebnis:

ist Dir eigentlich Firebug ein Begriff? Wenn nicht sammel ein bischen Infos darüber.

cu
Bigmemo

 

[spermball]

AW: Such-Funktion verschieben

Wäre auch noch spitze wenn du mir dein Trick posten würdest dann kann ich endlich beruhigt schlafen gehen

 

[Bigmemo]

AW: Such-Funktion verschieben

Hallo,
installiere bei Firefox einfach ein AddOn==Firebug. Damit kannst Du temporär dein CSS live ändern.

cu
Bigmemo

 

[spermball]

AW: Such-Funktion verschieben

Jaja das hab ich schon gemacht
aber es verrät mir trotzdem nicht wie ich das mit dem Suche/RSS funktioniert.

Bitte sag mal wie du das gemacht hast
Gruß

 

[Bigmemo]

AW: Such-Funktion verschieben

Hallo,
beim floaten muss unbedingt breitenangabe gemacht werden...
beispiel RSS
bei dir war id=cat-nav 800px breit also gesamte breite...da konnte also nichts mehr passen...es müssen beide breiten vom RSS und navigation insgesamt 800px ergeben...
--> einfach die breite von cat-nav auf 620px gesetzt und schwups wandert dein RSS nach oben...achja beim RSS einfach background-color wie bei navigation hinzufügen nicht vergessen...

bei suche analog vorgehen...viel spass

cu
Bigmemo

 

[spermball]

AW: Such-Funktion verschieben

Spitze, habs hinbekommen
Danke

 

[Bigmemo]

AW: Such-Funktion verschieben

Hallo,
war doch nicht so schwer, oder???

Wichtig ist zu wissen was ein Blockelement und was ein Inlineelement bedeutet. Danach ist sehr viel mit dem Firebug hinzubekommen. Es ist natürlich von Vorteil wenn man (X)HTML und CSS kann.:mrgreen:

cu
Bigmemo

 

[andfra]

AW: Such-Funktion verschieben

na da probier ich das auch mal aus bei meiner Seite.