mein layout ist zu "kurz" und zu "breit" drigende hilfe mit HTML benötigt

Druckbare Version

27.03.2006, 14:53
dramelia

mein layout ist zu "kurz" und zu "breit" *drigende hilfe mit HTML benötigt*

erstmal sry, falls ich in das falsche board schreibe, aber ich wusste ne, wohin damit... ^^'''
also, bitte verzeiht mir...und nicht hauen!! ;_________________;

also, das ist mein erstes prob:
ich hab ein layout gemacht, hochgeladen, gecodet...nur jetzt hab ich ein prob: wenn ich meine side aufmache (http://www.dramelia.oyla15.de könnte sein, dass ich gerade das layi nicht drin hab... ._.), dann ist das layi da...ok, so soll es auch sein! aber an der rechten seite ist so ein gaaaaaanz langer schwarzer balken, den ich gerne weghaben möchte...kann ich das irgendwie für 1024x768 px opitimieren? wenn ja, wie??

und mein zweites:
mein layout ist zu "kurz"! normalerweise geht das layout nach untenhin weiter, also, sodass die navigationen und das content lang gezogen is...wie geht das ._.??

und mein drittes prob:
ich hab in der navi die links alle eingefügt, nur jetzt soll auch der inhalt im content erscheinen! nur das tut er nicht, sondern er öffnet es im neuen fenster, und dann auch noch auf einem weißen blatt...wie krieg ich hin, dass der inhalt im content erscheint?

hab ich sonst noch ein prob...hm...nee, fällt mir spontan keines ein... ._.
also, ich wäre seeeeeeeeehr sehr sehr sehr froh und demjenigen zum dank verpflichtet, wenn mir jemand helfen könnte! ich hab auch schon eine freundin von mir gefragt (HTML kennerin) und die kapiert mein prob auch nicht... ._.
sicherlich bin ich wieder die einzige, die so ein prob hat...xD
27.03.2006, 15:00
lizard

*ins WebDev schubst*

*ächz* Also, erstmal ruckelt der Kram sich gerade einen ab, eine Navigation auf der Seite ist dadurch kaum möglich. ._.

Um das Layout flexibel zu machen (optimieren nur für eine Bildschirmauflösung nix gut) könntest du mit Prozentangaben statt festen Größen arbeiten. Somit würde der schwarze Balken verschwinden, egal mit welcher Auflösung man surft, und die Seite würde sich der Breite des Bildschirms anpassen.

Da das alles in Frames gepackt ist, kann ich dir sonst nicht wirklich weiterhelfen.. Ich hab mich ehrlich gesagt noch nie mit Frames beschäftigt. :D
27.03.2006, 16:53
Demonking

xD man hätte net gedacht das es solche fehler sein könnten òo also hatte ich das script doch etwas richtig gändert ^^

zu 1: wohl der bodytag zu breit aber die frames gesammt kleiner als die hp ^^"
zu 2: wohl zufrüh denn tag geschlossen oder auch die angaben bei grösse falsch ;)
zu 3: Wenn du frames nutzt gib dennen einen namen und hier in meinem bsp "Daten"
und so kommen die sachen in denn inhalt des frames ;)

HTML-Code:

<a href="../index.htm" target="Daten">öffne mich im frame</a>

(kann nur vermuten was 1/2 angeht da mein browser denn html code schlecht anzeigt =_=)

oder willst du das mit html/php lösen? ^^

€dit: oder schildere uns was genaueres ^^" kann mit browser nur doof angezeigt bekommen òo
einmal sagt der mir frames einmal sagt der mir DiV's ...
28.03.2006, 14:18
dramelia

ok, werd mal das mit dem target nochmal probiern...xD
vielleicht klappts ja!!

ich sag doch, ich bin die einzigste person, die solche probs hat! bin halt anders als die anderen...*lach*

naja, was kann ich genaueres schildern óo? eigentlich nix großartiges... ^^''
werd mal das mit dem target nochmal probieren, wenns ne klappt, wissen wir wohl alle nicht weiter...xD
28.03.2006, 19:38
dramelia

nee, klappt immer noch nicht... ._.
mom, hier der quelltext...

anmerkung:
für beschwerden wenden Sie sich bitte an meine nicht-HTML-könnerischen-künste...für schäden übernehme ich keine haft -.-!

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>*~* Elements of Shonen Ai *~*</title> <type="text/css"> <script> /* Gradual-Highlight Image Script II- By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca) Permission granted to Dynamicdrive.com to feature script in archive For full source to script, visit http://dynamicdrive.com */ nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); /* object - image to be faded (actual object, not name); * destop - destination transparency level (ie 80, for mostly solid) * rate - time in milliseconds between trasparency changes (best under 100) * delta - amount of change each time (ie 5, for 5% change in transparency) */ function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ //do this so I can take a string too setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } </script> </head> <body> <div id="layout" style="left:0%; width:0%; position:absolute; top:0%; height:0%; border-collapse:collapse border=0"> <img src="Schwarz-Blau-Rot%20KaiTala2.PNG" width="957" height="637" border="0"> </div> <STYLE type=text/css> body { background-image:url('http://img103.imageshack.us/img103/3391/bgelementsofshonenai3dw.png');} </STYLE>  </div> <div style="position:absolute; left:20px; top:30px; width:600px; height:300px; z-index:1"> <font face="Arial" size="2" color=#FFFFFF> <p><marquee direction=down>Keine...</marquee></p> </div>   </div> <div style="position:absolute; left:840px; top:30px; width:600px; height:300px; z-index:1"> <font face="Arial" size="2" color=#FFFFFF> <p><marquee direction=down><a href="http://www.topsites24.de/ts/ts.cgi?klick=517&tl=akirochan"><img src="http://www.beepworld.de/memberdateien/members4/akiro/vote.gif" alt="Please vote 4 me" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://www.topsites24.net/ts/ts.cgi?klick=161&tl=MegaAnimes"><img src="http://home.pages.at/exek/top100.jpg" alt="ExeKs Top Anime Sites" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://www.topsites24.de/ts/ts.cgi?klick=748&tl=Angelkira"><img src="http://www.anglerseiten.org/hp/top.bmp" alt="angelkira´s Topliste" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://www.topsites24.de/ts/ts.cgi?klick=38&tl=sna02"><img src="http://mitglied.lycos.de/neo1272002/votebutton.gif" alt="Hier gehts zur neuen Topliste" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://www.toplist24.de/ts/ts.cgi?klick=711&tl=magicmangaclan"><img src="http://www.beepworld2.de/memberdateien/members15/magicnachtara/mmctop50.jpg" alt="Hier gehts zur neuen Topliste" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://www4.topsites24.de/ts/ts.cgi?klick=74&tl=Vicky1"><img src="http://www.beepworld.de/memberdateien/members71/vickywollmann/22.jpg" alt="Hier gehts zur Topliste" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://flatrate.fl.funpic.de/topsites/in.php?ID=1137327426"><img src="http://flatrate.fl.funpic.de/topsites/default.gif" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://www.radika.de/lili/hit.php?id=31754"><img src="http://www.webdesign-stolz.de/mike/top_2.gif" border=0 alt="Toplist" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://www.topsites24.net/ts/ts.cgi?klick=17&tl=angelmaria"><img src="http://www.beepworld.de/memberdateien/members50/angels-quest/angels-top.jpg" alt="Angel Marias TopList! Vote, please! = )" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://www4.topsites24.de/ts/ts.cgi?klick=116&tl=doppelding"><img src="http://www.beepworld.de/memberdateien/members43/doppelding/b0109.gif" alt="Dodi`s Topliste" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> <br><a href="http://www3.topsites24.de/ts/ts.cgi?klick=285&tl=graphicshrine"><img src="http://mitglied.lycos.de/animeshrinesde/Grafik/VoteButton.gif" alt="++ Graphic Shrines Topsite ++" border="0" style="filter:alpha(opacity=50)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,60,20,5)"> </br></marquee></p> </div>   </div> <div style="position:absolute; left:180px; top:340px; width:590px; height:300px; z-index:1"> <font face="Arial" size="2" color=#FFFFFF> <p>test test test test test test test test test test test test test test test test test test test test test test</p> </div>   </div> <div style="position:absolute; left:13px; top:330px; width:140px; height:300px; z-index:1"> <p><br><font face="Arial" size="2" color=#FFFFFF>Main <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://dramelia.oyla15.de/cgi-bin/hpm_homepage.cgi">Index</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=14832118&userid=36194812">News</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=11464351&userid=36194812">Partner</a> / <a href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=47345030&userid=36194812">werden</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://526586.guestbook.onetwomax.de/">Guestbook</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://94777.formmailer.onetwomax.de/">Mail to Dramelia</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=18378316&userid=36194812">Webmaster</a></br> <br><font face="Arial" size="2" color=#FFFFFF>Lexika <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=90080887&userid=36194812">Lexikon</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=10108912&userid=36194812">Mangaka</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=15537259&userid=36194812">Anime/Manga</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="%3Ehttp:/www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=96093775&userid=36194812">Haarfarben</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=63914501&userid=36194812">Augenfarben</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=71058238&userid=36194812">Blutgruppen</a></br> <br><font face="Arial" size="2" color=#FFFFFF>Pagestuff <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=83762952&userid=36194812">Page History</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=02669364&userid=36194812">Past Layouts</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http:/www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=86907267&userid=36194812">Awards</a> </br></p> </div>   <div> <div style="position:absolute; left:785px; top:330px; width:140px; height:300px; z-index:1"> <p><br><font face="Arial" size="2" color=#FFFFFF>Service <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=68292045&userid=36194812">Awardvergabe</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=90841091&userid=36194812">Layouts</a> <br><font face="Arial" size="2" color=#FFFFFF>[+] <a target="cont" href="http://www.oyla15.de/cgi-bin/designs/standard1/index.cgi?page=text&id=69764317&userid=36194812">Avatare</a> </br></p> </div>  </body> </html>

ich weiß, ist nicht gerade das, was man sich erträumt...aber das ist wirklich mein erster HTML code, den ich gemacht hab...so sieht er auch aus... ._.
28.03.2006, 21:58
Demonking

so einen der fehler habe ich schonmal gelöst ^^" der zweite ist nen fehler weiss aber net ob der das mit denn strichen löst ;) ^^ wegen div's muss ich erstmal wissen ob dein server php unterstützt wenn ja sag bescheid schreibe dir nen script+erklärung ;) wegen dem das Target net klappt liegt daran das ich dachte du nutzt frames x.x daher klappt target auch net ^^"

also wegen der breite ^^ :
suche mal denn bereich wo du

HTML-Code:

 </div> <div style="position:absolute; left:840px; top:30px; width:600px; height:300px; z-index:1"> <font face="Arial" size="2" color=#FFFFFF>

und ändere die width in 150px ^^
noch ein fehler ist dieser hier :

HTML-Code:

<STYLE type=text/css> body { background-image:url('http://img103.imageshack.us/img103/3391/bgelementsofshonenai3dw.png');} </STYLE>

das muss im header stehen zwischen <head> und </head> ^^

€dit: Wollte mal fragen òo was macht das javascript überhaupt oder für was soll das gut sein? ;)
und sind diese farben linien am rand der einzelnen bereiche td tags oder grafiken? òo
MFG Demonking
29.03.2006, 10:57
dramelia

Zitat:

Zitat von Demonking

der zweite ist nen fehler weiss aber net ob der das mit denn strichen löst ;) ^^

na dolle...xD
aber ein versuch ists wert...

Zitat:

Zitat von Demonking

wegen div's muss ich erstmal wissen ob dein server php unterstützt wenn ja sag bescheid schreibe dir nen script+erklärung ;)

wart...guck mal eben bei oyla... ._.
*such*
nee, php geht bei oyla ne... ._.'''

Zitat:

Zitat von Demonking

wegen dem das Target net klappt liegt daran das ich dachte du nutzt frames x.x daher klappt target auch net ^^"

ahhh!! jetzt kapier ich auch, warum... ^^'''

Zitat:

Zitat von Demonking

also wegen der breite ^^ :
suche mal denn bereich wo du ... und ändere die width in 150px ^^

oh, ok...
*mal eben mach*
JAAAAAAAAAAA!!!! das geht!! ^/////////////////////////^
*demonking umknuddl**abknutsch**blabla* xD

Zitat:

Zitat von Demonking

noch ein fehler ist dieser hier: ... das muss im header stehen zwischen <head> und </head> ^^

ok...mal ausprobieren... ._.''
*ausprobier*

Zitat:

Zitat von Demonking

€dit: Wollte mal fragen òo was macht das javascript überhaupt oder für was soll das gut sein? ;)

das ist für den effekt bei den affi und vote button...der soll auch da bleiben... ~.~

Zitat:

Zitat von Demonking

und sind diese farben linien am rand der einzelnen bereiche td tags oder grafiken? òo

das sind td tags, glaub ich...
*jetzt ne weiß, was td tags sind*
also, einzelne grafiken sind das nicht...
29.03.2006, 21:47
Demonking

so der nächste fehler vllt ist es der xD
weiss aber net ob das bei dir so ist ^^"
also bei mri wird die ganze site als diese Grafik angezeigt :) *klick*
zeichne doch die unteren tabellen einfach zu ende ;)
so hoffe konnte helfen

wegen dem <td> sry bastle zuviel mit tabellen ^^" meinte <hr> sind trennlinien *siehe hier*

€dit:noch ein kleiner schönheitsfehler ;) sehe im code oft

HTML-Code:

color=#FFFFFF

sollte aber lieber so aussehen mit " "

HTML-Code:

color="#FFFFFF"

MFG Demonking
30.03.2006, 20:39
dramelia

Zitat:

Zitat von Demonking

so der nächste fehler vllt ist es der xD
weiss aber net ob das bei dir so ist ^^"
also bei mri wird die ganze site als diese Grafik angezeigt :)
zeichne doch die unteren tabellen einfach zu ende ;)
so hoffe konnte helfen

ja, das hab ich auch schon probiert...aber da gibt es ein prob: wie lang muss ich das ding denn runter machen ><???!!!
*doofe frage*
ich meine, ich kann ja schlecht das ding über 50 seiten ziehen... ._.'''
und jetzt komm ich ganz drucheinander: elson (meine HTML kenner-freundin) hat gesagt, man könnte das so machen, dass es immer weiter nach unten geht, von daher bräuchte man das nicht weiterzeichnen... ._.''''
ach, ich hab ne andere idee -.-''
ich zeichne das noch was weiß ich wie lang, udn mach da einfach scrollbars hin, fertig...nur dann ist da halt noch das prob mit dem "inhalt im content zeigen"...hab ich oben doch schonmal beschrieben... ._.??
31.03.2006, 17:17
Demonking

versuche mal mit <hr> also denn trennlinien ^^" denn link dafür findest du ja einen post vor dem hier von mir ^^
habe die noch nie oder eher fast selten genutzt aber vllt hilft es dir was ;)
31.03.2006, 17:31
dramelia

das hab ich schon probiert, da wird einfach nur die trennlinie eingesetzt und fertig... ~.~
31.03.2006, 17:59
pazzi

Ich finde es würde die Sache um einiges vereinfachen, wenn du die unteren Tabellen aus deinem großen Hintergrundbild raus nimmst. Dann kannst du sie mit drei einzelnen Grafiken pro Tabelle ganz einfach mit offener Höhe nachbauen.

Du schneidest einfach die Enden oben und unten aus als eine Grafik und dann nochmal ein Stück aus der Mitte. Dann kannst du dir eine Tabelle machen mit einem Code in etwa so:

Code:

 <table> <tr> <td><img OBERES ENDE></td> </tr> <tr> <td style="background-image:url('MITTLERES STÜCK');"> Inhalt </td> </tr> <tr> <td><img UNTERES ENDE></td> </tr> </table>  <div style="width:Xpx;"><img OBERES ENDE></div> <div style="width:Xpx; background-image:url('MITTLERES STÜCK');"> Inhalt </div> <div style="width:Xpx;"><img UNTERES ENDE></div>

Bei der Div-Lösung müsstest du für die width:X dann die entsprechende Breite deiner Grafiken einfügen. Bei der Tabellen-Lösung muss sicher auch noch etwas Anpassungsarbeit geleistet werden, allerdings wollte ich da nur kurz einen Anstoß geben.

Das jetzt mal unter der Voraussetzung, dass da noch irgendein spezieller Effekt an dem Rahmen ist (ich bin mir da nicht ganz sicher ob ich nur nicht richtig sehe, oder ob da noch was ist ^^) Wenn es einfach nur effektlose blaue/rote Ränder sind kannst du das ganze natürlich viel einfacher gestalten indem du der Tabelle einfach die passenden border-Attributen verpasst, am besten mit CSS.
31.03.2006, 21:26
dramelia

ok...das probier ich mal... ._.''
31.03.2006, 21:42
Demonking

Zitat:

Zitat von Pazzi

Ich finde es würde die Sache um einiges vereinfachen, wenn du die unteren Tabellen aus deinem großen Hintergrundbild raus nimmst. Dann kannst du sie mit drei einzelnen Grafiken pro Tabelle ganz einfach mit offener Höhe nachbauen.

bleibt die frage wie sie dann damit zurecht kommt ^^ naja viel spass dabei wenn du so machst kannst du auch border="1" setzen und dem noch ne farbe verpassen dann brauchst du die striche net mehr und das geht dann soweit wie die tabelle gross oder gefüllt ist ;)
31.03.2006, 21:55
pazzi

Zitat:

Zitat von Demonking

bleibt die frage wie sie dann damit zurecht kommt ^^

Zitat:

Zitat von dramelia

ok...das probier ich mal... ._.''

Wenn du für dich auf unüberwindbare Probleme stößt würde ich dir auch anbieten, dass du dich bei mir mal über MSN/ICQ (siehe Profil) meldest. Aus so einem Messenger-Hilfegespräch kannst du dann vielleicht mehr ziehen, als wenn wir dir hier mögliche Lösungen vorkauen :)
01.04.2006, 10:51
dramelia

@.@''''
*total verwirrt is*
ok, ich probier das erstmal so, wenns ne mehr funtz, dann meld ich dir, pazzi... ^^'''
07.04.2006, 14:49
dramelia

hey!
erfreudige nachricht: ICH HABS!!! ^/////^
meine side is auch schon on... http://www.elements-of-shonen-ai.de.ms

danke an alle, die sich die mühe gemacht haben, mir zu helfen!! *alle knuddl* ^^
07.04.2006, 14:53
Lucleonhart

Uaaaaaaaaaaah! Werbungs-Overkill! ^^

Such dir doch mal einen ohne 5Tonnen Werbung.. zum Beispiel auf www.freespace-search.de *höhöhöhö*
07.04.2006, 15:00
dramelia

nee...ich bin damit zufrieden! ich kann die werbung auch wegmachen, wenn ich meine kurzadresse wieder lösche...aber ich bin ne so doof!! müsst ihr mit leben...xD
07.04.2006, 16:10
Pik

http://www.bestviewed.de/webdesign/style.html

Ich glaube das solltest du dir mal in einer ruhigen Stunden zu Gemüte führen :D ;)

mein layout ist zu "kurz" und zu "breit" *drigende hilfe mit HTML benötigt*

mein layout ist zu "kurz" und zu "breit" drigende hilfe mit HTML benötigt