(HTML/CSS)Individualformate

DeletedUser101689 · 28. Jul 2011

Code:

  <div id="wrapper">  
        <div id="wrapper-top">  
        </div> <!-- END WRAPPER TOP -->  

[..]

 </div> <!--END WRAPPER -->

HTML(index.html)

So, und nun das Stylesheet dazu (ja, ich habs im head verlinkt

)

Code:

#wrapper-top {  
        background:url("Bilder\sprites\oben.jpg") no-repeat scroll center top #FFFFFF;  
        height:7px;  
        width:992px;  
    }  
      
    #wrapper {  
        width: 994px;  
        overflow: hidden;  
        margin: 64px auto 0;  
        background:url("/...Bilder/sprites/mitte.jpg") repeat-y scroll center center #FFFFFF;  
    }

Das Ganze ist dafür, dasss der Container runde Ecken hat (für den untern Teil (wrapper-bottom) habe ich das gleiche problem) und ich noch einige einstellungen, die ich mit Photoshop designt habe, u übernhemen... So solls mal aussehen...

Problem ist, dass folgendes rauskommt:

Weiß einer, was ich da flschgemacht habe und ändern müsste?
Falls ihr den ganzen code braucht: Download!

DeletedUser82294 · 29. Jul 2011

du hast die Bilder einfach falsch eingebunden, die richtigen Adressen zum Einbinden wären

Code:

../Bilder/sprites/wasauchimmer.jpg

die ../ Bedeuten in das übergeordnete verzeichniss wechseln, und der Rest ist dann die ordnerhierarchie.

drei Punkte in Folge gibt es bei keiner Dateiadresse entweder einer (für das Verzeichniss, indem man gerade drin ist oder zwei (oder auch keiner)

ein / am Anfang einer Adresse bedeutet immer, vom Rootverzeichniss ausgehen, in deinem Fall vermutlich C:\ und Backslashes kommen in keiner Adresse vor, die du über den Browser aufrufst.

DeletedUser101689 · 29. Jul 2011

Naja, da hatte ich eig schon alles ausprobiert, die ordnerhirarchie ist wie folgt:

css
Bilder
- sprites
  - unten.jpg
  - mitte.jpg
  - oben.jpg
- Bildx
- Bildy
js
index.html

dann müsste es doch assen, wenn ich einfach Bilder/sprites/oben.jpg reinschreibe, oder?

e/ Es geht, danke fabi, hate nur was falsch kopiert

DeletedUser101689 · 29. Jul 2011

Nochmal ne kleine frage, diesmal gehts um das design des such-teils:

Code:

<div id="left-bottom">
<div class="search">  
        <form action="#" method="get">  
            <fieldset>  
                <div class="left">  
                    <input type="text" value="" />  
                </div>  
                <div class="right">  
                    <input type="submit" value="" />  
                </div>  
            </fieldset>  
        </form>  
    </div> <!-- END SEARCH -->  
</div>

Mir gehts nur ums design, also ist die action= erstmal unwichtig...

CSS:

Code:

#left-bottom{  
        position: absolute;  
        bottom: 0;  
        width: 100%;  
		    /* Search */  
    
	#left-bottom .search {  
        overflow: hidden;  
        margin-top: 12px;  
     }
      
    #left-bottom .search .left {  
        background:url("../Bilder/sprites/sprites.png") no-repeat scroll -5px -245px transparent;  
        float:left;  
        height:27px;  
        margin-left:20px;  
        padding: 6px 0 0 10px;  
        width:158px;  
    }  
      
    #left-bottom .search .left input {  
        border: none;  
        background: transparent;  
        width: 100%;  
    }  
      
    #left-bottom .search .right {  
        background:url("../Bilder/sprites/sprites.png") no-repeat scroll -173px -265px transparent;  
        float:left;  
        height:27px;  
    }  
      
    #left-bottom .search .right input {  
        background:none repeat scroll 0 0 transparent;  
        border:medium none;  
        cursor:pointer;  
        height:27px;  
        width:27px;  
		}
     
    }

Das einzige was klappt, ist die Positionierung halbwegs...
Das Ganze ist Links unten (juhu) und das textfeld funzt auch

Aber die eingebundene grafik leider garnet

DeletedUser101689 · 29. Jul 2011

EINE geschnörkelte Klammer zu vergessen -.-

Unglaublich, wie einen sowas im Zeitplan zurückwirft

Naja, jetzt bin ich wenigstens fast fertig mit der Seite, allerdings will mir die suchfunktion net gelingen. Im Internet gibts ja diverse .php search skripte, aber da ich mit auf diesem gebiet nochweniger (also garnicht) auskenne, wollte ich mal fragen, ob mir einer sagen kann, wie genau ich ne suchfunktion dort einbinden muss:

HTML:

<div class="search">  
        <form action="#" method="get">  
            <fieldset>  
                <div class="left">  
                    <input type="text" value="" />  
                </div>  
                <div class="right">  
                    <input type="submit" value="" />  
                </div>  
            </fieldset>  
        </form>  
    </div> <!-- END SEARCH -->

Vidirat · 31. Jul 2011

alxy schrieb:
EINE geschnörkelte Klammer zu vergessen -.-

Unglaublich, wie einen sowas im Zeitplan zurückwirft

Naja, jetzt bin ich wenigstens fast fertig mit der Seite, allerdings will mir die suchfunktion net gelingen. Im Internet gibts ja diverse .php search skripte, aber da ich mit auf diesem gebiet nochweniger (also garnicht) auskenne, wollte ich mal fragen, ob mir einer sagen kann, wie genau ich ne suchfunktion dort einbinden muss:

HTML:

<div class="search"> <form action="#" method="get"> <fieldset> <div class="left"> <input type="text" value="" /> </div> <div class="right"> <input type="submit" value="" /> </div> </fieldset> </form> </div> 

Könntest du evtl. das php- Script posten? So kann ich dazu nämlich garnichts sagen

Was auf jeden Fall fehlt ist ein Name für die Inputs; so können die nämlich garnicht ausgelesen werden.

DeletedUser101689 · 31. Jul 2011

ähm, kleines Problem ist, dass ich da garkeine ahnung von habe... :mrgreen:

Ich dachte ich mach da mal nen bisschen copy-paste und zack haste ne schpne suchfunktion... naja, dem scheint ja leider nicht so zu sein

Vidirat · 31. Jul 2011

Ohne PHP- Script kann ich dir aber auch nicht helfen

Da muss es doch irgendeine Datei geben, die du da einbauen wolltest...

DeletedUser101689 · 1. Aug 2011

Vidirat schrieb:
Ohne PHP- Script kann ich dir aber auch nicht helfen Da muss es doch irgendeine Datei geben, die du da einbauen wolltest...

Sorry, aber ich verstehe nur bahnhof

Ich habe eine einfache website programmiert (mit html, css und JS (jquery) )
So, und nun wollte ich noch ne einfache suche einbauen, sodass man zB bestimmte subpages schneller findet (eine suche halt)

Problem: ich habe keine ahnung, wie das umzusetzen ist!

DeletedUser · 1. Aug 2011

Schau dir das mal an:
http://www.google.de/cse/

DeletedUser101689 · 1. Aug 2011

C1B1SE schrieb:
Schau dir das mal an:
http://www.google.de/cse/

Die suche sprengt mir mein ganzes design, weil ich sie nicht wirklich anpassen kann/darf.

Aber besser als nichts, danke

DeletedUser · 1. Aug 2011

alxy schrieb:
Sorry, aber ich verstehe nur bahnhof

Ich habe eine einfache website programmiert (mit html, css und JS (jquery) )
So, und nun wollte ich noch ne einfache suche einbauen, sodass man zB bestimmte subpages schneller findet (eine suche halt)

Problem: ich habe keine ahnung, wie das umzusetzen ist!

HTML / CSS kann man nicht wirklich als "programmiert" bezeichnen. Und wofür man bei einer statischen HTML-Seite jquery benötigt, sei mal dahin gestellt.

Im Prinzip würde eine Suche so funktionieren:
Du hast irgendwo ein Suchfeld, z.B. sowas hier:

HTML:

<div class="search">  
        <form action="search.php" method="get">  
            <fieldset>  
                <div class="left">  
                    <input type="text" name="q" value="" />  
                </div>  
                <div class="right">  
                    <input type="submit" value="" />  
                </div>  
            </fieldset>  
        </form>  
    </div>

Das HTML-Formular übergibt einen GET-Parameter (GET-Parameter werden in der URL übermittelt, POST nicht) an die Datei "search.php".
Die search.php nimmt diesen Parameter dann her und startet damit eine Suche in der Datenbank / Verzeichnisebene / manuellen Index / ...
Wie sie das macht, ist dir überlassen. Dazu müsste man deinen Seitenaufbau kennen. Die meisten Suchen durchsuchen wohl nur die Datenbank, wenn du sowas nicht hast müsstest du manuell einen Index pflegen.
Wie du das machst, ist dir überlassen. ;-) Google hilft da auch bestimmt.

TimLim · 1. Aug 2011

Perenolde schrieb:
HTML / CSS kann man nicht wirklich als "programmiert" bezeichnen. Und wofür man bei einer statischen HTML-Seite jquery benötigt, sei mal dahin gestellt.

Im Prinzip würde eine Suche so funktionieren:
Du hast irgendwo ein Suchfeld, z.B. sowas hier:

HTML:

<div class="search"> <form action="search.php" method="get"> <fieldset> <div class="left"> <input type="text" name="q" value="" /> </div> <div class="right"> <input type="submit" value="" /> </div> </fieldset> </form> </div>

Das HTML-Formular übergibt einen GET-Parameter (GET-Parameter werden in der URL übermittelt, POST nicht) an die Datei "search.php".
Die search.php nimmt diesen Parameter dann her und startet damit eine Suche in der Datenbank / Verzeichnisebene / manuellen Index / ...
Wie sie das macht, ist dir überlassen. Dazu müsste man deinen Seitenaufbau kennen. Die meisten Suchen durchsuchen wohl nur die Datenbank, wenn du sowas nicht hast müsstest du manuell einen Index pflegen.
Wie du das machst, ist dir überlassen. ;-) Google hilft da auch bestimmt.

Das hilft ihm ja bestimmt, wo er doch so viel Ahnung hat, wie er selbst sagt.

ironie off...

@Topic: Bei Google kannst du die doch gut anpassen:
Step 2: Wählen Sie einen Stil oder passen Sie ihn an.

Es werden einfach nur ein paar Container u.s.w. erstellt, die du wie gewöhnlich per CSS anpassen kannst.

(HTML/CSS)Individualformate

DeletedUser101689

Gast

DeletedUser82294

Gast

DeletedUser101689

Gast

DeletedUser101689

Gast

DeletedUser101689

Gast

Vidirat

Gast

DeletedUser101689

Gast

Vidirat

Gast

DeletedUser101689

Gast

DeletedUser

Gast

DeletedUser101689

Gast

DeletedUser

Gast

TimLim

Gast