Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „div positionierung im header“

Alada

Nicht mehr ganz neu hier

hallo, ich versuche jetzt mal meine schöne xhtml-seite in wordpress umzusetzen.
ich habe mir dafür ein neues template erstellt. jetzt versuche ich im header die einzelnen divs aufzurufen, damit der obere bereich der seiten mit meinen aneinandergereihten bildern aufgefüllt wird.
ich habe es erst mit position:absolute versucht, aber irgendwie verrutschen da einige elemente. dann habe ich einfach mal die divs ohne position deklariert und nacheinander im header aufgerufen, die werden dann schön untereinander dargestellt. wie kann ich denn jetzt z.b. 4 verschiedene divs hintereinander legen und dann dann 5. genau in die nächste reihe an erste position?
versteht ihr was ich meine? positioniert ihr mit absolute, mit relative oder gar nicht?
Code:
#news {
    position:absolute;
    left:802px;
    top:105px;
    width:105px;
    height:30px;
background: url("images/news.png");

2. problem: ich habe versucht im header zwischen den divs 2,3 grafiken einfach mit img src= aufzurufen - die bilder erscheinen aber nicht?
Code:
<div id="links">
</div>

<div id="navigation">
<img src="images/home.png">
<img src="images/uberuns.png">
</div>

3. problem: ich wollte bei der suche den button ändern, jetzt zeigt er mir gar keinen button mehr an:
Code:
<div id="suchmaske">
<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="image" src="images/go-small.png" id="search_submit" value="Suchen" >
</form>
</div>
 

sokie

Mod | Web

AW: div positionierung im header

ich habe es erst mit position:absolute versucht, aber irgendwie verrutschen da einige elemente. dann habe ich einfach mal die divs ohne position deklariert und nacheinander im header aufgerufen, die werden dann schön untereinander dargestellt.

benutze float, dann kriegste die auch nebeneinander, kein position:absolute.

Code:
<div id="links">
</div>

<div id="navigation">
<img src="http://www.psd-tutorials.de/forum/images/home.png">
<img src="http://www.psd-tutorials.de/forum/images/uberuns.png">
</div>

2. von der index.php aus gesehen liegt der ordner 'images' innerhalb wp-includes. das muss sich natürlich auch in deiner pfadangabe niederschlagen.

3. siehe 2.
 
Zuletzt bearbeitet:

Pixelaner

Der Pixelaner

AW: div positionierung im header

Deine Bildpfade müssten wie folgt aussehen:

src="<?php bloginfo('template_directory'); ?>/images/datei.png"
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.856
Mitglieder
67.222
Neuestes Mitglied
Gregor
Oben