PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [HTML/CSS/JS] Design prob VMS Headbanner


WaechterMedia
08.11.2008, 18:01
Hallo habe folgendes Probleme ich habe ein div design und wenn ich den banner in den head einbauen möchte erscheint da eine 60px große lücke zwischen dem header und der Navleiste.

Der banner wird richtig angezeigt.
Eingebunden habe ich den div tag in der css so:


#headad {
width:468px;
height:60px;
position:relative;
top:-105px;
left:410px;
}
so ist es im header:

<div id="banner" >
<img src="images/header.png" alt="" width="900" height="120" border="0" />
</div>
<div id="headad">
<?@require_once ('lib/texte/alt_headerbanner.txt');?>
</div>
<- Hier ist dann die 60px lücke wegen dem banner wohl ->Kann man das unterdrücken?
Vielen dank schonmal
Jenny
08.11.2008, 18:05
Warum willst du das header.png noch zusätzlich in die css packen?
WaechterMedia
08.11.2008, 18:13
Warum willst du das header.png noch zusätzlich in die css packen?
das ist der code aus der header.php ^^ der erste code = css der zweite .php
jpwfour
08.11.2008, 18:45
...Kann man das unterdrücken?
...
Klar mit CSS kann man fast alles verschieben/umplatzieren/ändern :yes:

Dazu wär aber ein Link zu der Seite ganz sinnvoll, denn der "Fehler" muss ja nicht zwangsläufig in dem Teil liegen, den du gepostet hast, Style Eigenschaften werden ja auch "vererbt" bzw. wirken sich auch auf mehrere Elemente aus.
(Und wenn ich die Seite direkt hab, kann ich just-in-time css&html bearbeiten un direkt die Änderungen sehen, was es sehr viel einfacher macht :wink: )
WaechterMedia
08.11.2008, 18:50
Bin eigentlich noch in der local phase ^^ werds aber mal hochladen.

trotzdem danke :biggrin1:
dude32
08.11.2008, 21:13
Hallo habe folgendes Probleme ich habe ein div design und wenn ich den banner in den head einbauen möchte erscheint da eine 60px große lücke zwischen dem header und der Navleiste.

Der banner wird richtig angezeigt.
Eingebunden habe ich den div tag in der css so:


#headad {
width:468px;
height:60px;
position:relative;
top:-105px;
left:410px;
}



machs mal so in der css


#headad{
padding-top:105px;
padding-right:12px;
}

kannst aus right auch left machen oder die maßangaben (px) nach belieben ändern, aber gehe nicht ins negative
Lokutos
08.11.2008, 22:18
hast du n div im div oder 2 divs bei 2 divs ist es klar da wird das nachhaltige verschoben um die pixel die du angibts dagegen seh ich grad solte dudes lösung stimmen und abhilfe schaffen

mfg Joschi
WaechterMedia
09.11.2008, 19:00
danke für eure hilfe nur ist er nun leider wieder ganz anders habs nun auch mal mit span versucht aber dann positioniert er den nur noch oben in der ecke :-(

http://img18.myimg.de/prob1d640f_thumb.jpg (http://www.myimg.de/?img=prob1d640f.gif)

css hab ich nun von dude genommen

und head sieht so aus


<body>
<span id="headad">
<?@require_once ('lib/texte/alt_headerbanner.txt');?>
</span>
<div id="container">
<div id="banner" >
<img src="images/header.png" alt="" width="900" height="120" border="0" />
</div>
<div id="banner" >
<h1>the hottest klamm site ever!</h1>
</div>
Lokutos
09.11.2008, 19:10
<body>

<div id="container">
<div id="banner" >
<img src="images/header.png" alt="" width="900" height="120" border="0" />
<span id="headad">
<?@require_once ('lib/texte/alt_headerbanner.txt');?>
</span>
</div>
<div id="banner" >
<h1>the hottest klamm site ever!</h1>
</div>


eventuel so
WaechterMedia
09.11.2008, 19:29
nun sieht es wieder so aus :smile:
http://img18.myimg.de/prob2a92c3_thumb.jpg (http://www.myimg.de/?img=prob2a92c3.gif)


so langsam glaub ich es liegt an meiner doofheit aber ich weiß auch nimmer weiter :der:
Jenny
09.11.2008, 22:45
Schmeiss doch mal folgendes aus der header.php raus

id="headad"

also nur <div> stehen lassen
WaechterMedia
09.11.2008, 23:36
EDIT: Gelöst :-)
Worans nun wirklich lag weiß ich auch nicht habe aber alle eure ratschläge beherzigt der mit dem - hat mich weitergebracht und der mit den divs in divs denke ich vielen vielen dank :)

EDIT2:
Nicht ganz ^^
ok nun weiß ich wie ich es schaffen kann ist umständlich aber anders gehts (für mich jedenfalls) nicht setze den banner nun mit absolute nun muss ich nur noch ne funktion schreiben die anhand des bildschirm formates die position berechnet ^^
martinmarn
20.11.2008, 21:40
Huhu das mit der Freien Fläche solltest du hiermit iwie ändern können:
befindet sich in der main.css

#head {
...
...
...
margin:0 0 5px 0;Da wo 5px steht, diesen Wert solltest du anpassen bis der Freiraum weg ist.
Wenn ich mich nicht geirrt habe müsste es das richtige sein.

Falls ich das Problem komplett falsch verstaden habe möchte ich mich für diesen Sinnlospost enschuldigen ;)

mfg