homepage-layout problem
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
beitrag
button
container
design
formen
gel
klasse
kurze frage
lobend
mglichkeit
opus
partnerarbeit
recht
sen
tabelle
textur
tutorial
zusammen
zusammengefat hast
zwischenraum
-
hat jemand eine idee, wie man das problem im navigations bereich beheben kann?
http://krynn.milten.lima-city.de/
danke -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi Krynn!(Mal wieder... ;) )
Also da ich online sowas nicht wirklich beheben kann, habe ich mir einfach deine Seite und Bilder auf meinen PC gespeichert. Ich habe deine CSS-Datei ein bisschen, aber auch wirklich nur ein bisschen aufgemotzt und dein Problem behoben.
Die Datein findest du hier:
http://i-spacke.milten.lima-city.de/krynn/
und wie es im Moment aussieht siehst du hier:
http://i-spacke.milten.lima-city.de/krynn/infinite%20photography.htm
Das Problem war, dass der ganze Container ja 177px breit ist, aber dein rechtes Randst?ck mit den anderen Teilen zusammen nicht so breit ist. Die haben einen unterschied von 17px und da der Rand einfach an den rechten Rand des Containers geklatscht wurde, waren halt 17px Zwischenraum. L?sung? Einfach bei dem ranf einen Au?enabstand von 17 px erzwingen.
Desweiteren habe ich allen Buttons eine Klasse verpasst, da ja nicht f?r jeden Button der gleiche Code 10 Mal geschrieben werden muss. Das spart ein bisschen Ladezeiten.
Bis demn?chst,
LG Spacke
Edit: Port von den Links gel?scht... -.-
Beitrag ge?ndert am 21.08.2006 13:07 von i-spacke -
wow, ich glaube dieses design ist schon fast zur partnerarbeit geworden
vielen dank, dass du dir so viel zeit dafuer nimmst, ich werde dich sicher lobend erwaehnen ^__^
aber nun zu deinem post:
dass du die buttons zu einer klasse zusammengefasst hast, ist eine spitzenidee, danke.
aber an dem fehler hat sich nicht viel geaendert. im ff ist immer noch das gleiche problem und der ie zeigt nur muell an.
funktioniert es bei dir?
siehst du auch den anzeigefehler am unteren ende der navi? da schneidet es auch ein kleines stueck raus.
i-spacke schrieb:
Edit: Port von den Links gel?scht... -.-
wen? -
Moinsen ^^
wieso machst du es nicht inner Tabelle?
<style type="text/css"> <!-- body{ margin:0; padding:0; text-align: center; background-color: silver; font-size: 11px; color: #A9A9A9; font-family: verdana, arial, sans-serif; } --> </style> <table border="0" cellspacing="0" cellpadding="0" background="images/bg.jpg"> <tr> <td><img src="images/header.jpg" width="770" height="165"></td> </tr> <tr> <td> <table border="0" align="center" cellpadding="0" cellspacing="0" > <!--DWLayoutTable--> <tr> <td height="403"><table border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/navi_top.jpg" width="177" height="43"></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/navi_left.jpg" width="40" height="360"></td> <td><table border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/navi_home.jpg" width="80" height="50"></td> </tr> <tr> <td><img src="images/navi_about.jpg" width="80" height="50"></td> </tr> <tr> <td><img src="images/navi_portfolio.jpg" width="80" height="50"></td> </tr> <tr> <td><img src="images/navi_affilates.jpg" width="80" height="50"></td> </tr> <tr> <td><img src="images/navi_contact.jpg" width="80" height="50"></td> </tr> <tr> <td><img src="images/navi_linkme.jpg" width="80" height="50"></td> </tr> <tr> <td><img src="images/navi_bottom.jpg" width="80" height="60"></td> </tr> </table></td> <td><img src="images/navi_right.jpg" width="57" height="360"></td> </tr> </table></td> <td rowspan="2"><table valign="top" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="images/content_top.jpg" width="475" height="79" ></td> </tr> <tr> <td background="images/content_bg.jpg"><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p></td> </tr> <tr> <td><img src="images/content_bottom.jpg" width="475" height="140"></td> </tr> </table></td> </tr> <tr> <td><table border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/ad_top.jpg" width="177" height="65"></td> </tr> <tr> <td background="images/ad_bg.jpg"><p></p> <p></p> <p></p></td> </tr> <tr> <td><img src="images/ad_bottom.jpg" width="177" height="60"></td> </tr> </table> </td> </tr> </table></td> </tr> </table>
MfG Trancer ^^ -
Ja, aber das h?ngt mir den eingegebenen Breiten bzw. H?hen der Bildern zusammen. Im Internteexplorer wird es wegen des dummen Boxenmodells komplett dumm dargestellt. F?r Opera unf Firefox bekommt man es jedoch hin....Du hast das Design aber auch komisch aufgebaut...^^ naja, vielleicht ?nder ich das morgen noch.
@Trancedrome
Ehm, vielleicht weil man mit CSS das Design viel schneller wieder ?ndern k?nnte und Tabellen nicht dazu gedacht sind, Design zu formatieren?!
Beitrag ge?ndert am 21.08.2006 23:35 von i-spacke -
~lach~ ... naja eine Tabelle zu benutzen ist im gegensatz zu CSS auch sehr unsch?n ... ^^ der Quelltext ist viel gr??er und noch dazu wird es beim IE zum Teil nicht sauber funktionieren ..^^
Was die kleinen L?cken unten und an der Seite angeht .. sieht es f?r mich aber eher so aus als wenn ein St?ckchen Textur fehlt .. ?!
Und nicht etwas falsch angeordnet ist ... -
@trancedrome:
baehh! tabellen sind doof!
@i-spacke:
ist mein erstes css-design und ich habe nirgends einen guten walk-through gefunden, deshalb hab ich mir die paar infos, die ich gefunden habe irgentwie zusammengereimt
-
xsnifferdogx schrieb:
Was die kleinen L?cken unten und an der Seite angeht .. sieht es f?r mich aber eher so aus als wenn ein St?ckchen Textur fehlt .. ?!
Und nicht etwas falsch angeordnet ist ...
schau dir das einzelbild mal mit rechtsklick/ hintergrundgrafik anzeigen an. das ist vollstaendig. -
Hi... Nur mal kurze Frage!!!
Ist das nicht ein Fertig-Template???
Ich hab das schon mal irgendwo gesehen als download.
Mit den Dingern gibt es sowieso nur ?rger. Alles muss da immer modifiziert werden.
Mach mal lieber selber eins mit Photoshop, das lohnt sich zumindest und man weiss ganz genau wo man anfangen muss zu coden.
Bye
-
Das bei dem Rand unten und rechts ein St?ck fehlt scheint nur so. Das liegt einfach nur daran, dass da ein paar H?hen- und Breitenangaben misslungen waren. Trotzdem ist es in der Form des Codes problematisch, das Men? links von dem Content-Bereich floaten zu lassen bzw. den Content-Bereich rechts des Men?s. In Firefox und Opera wird es richtig angezeigt, aber wie ich oben schon geschrieben habe hat der IE ein anderes Boxenmoddel und somit ist das Men? dort viel zu weit rechts und verdr?ngt den Content-Bereich in die n?chste Zeile, wenn man das mal so formulieren darf.
@crybabe
Naja, also hier bei Lima gibt es auch einen Thread von krynn ?ber das Design, in dem er es als sein eigenes vorstellt und ich glaube schon, dass er das selbst gemacht hat. Das sieht man allein schon daran, wie es gesliced ist.^^ Es ist typisch f?r ein Tabellenlayour gesliced. -
@i-spacke
hmm. kennst du vielleicht irgentwo ein tutorial, das zeigt, wie man soetwas "richtig"(also css-typisch) slicet und codet?
wie gesagt, ist dies das erste mal, dass ich mit css design arbeite.
@crybabe
das du dieses design (oder ein aehnliches) schonmal gesehen hast, liegt bestimmt daran, dass diese form des designs einfach sehr verbreitet ist.
die andere moeglichkeit waere, dass du das tutorial mit dessen hilfe ich es erstellt habe, schonmal gesehen hast.
link:
http://www.gurnk.com/Gaming.php -
Naja, die einzige richtig gute Seite, auf der man CSS lernen kann ist meiner Meinung nach http://www.css4you.de , aber das Meiste lernt man einfach mit der zeit. Wenn man halt auf Probleme st??t und es dann schaft die zu l?sen, entwickelt man sich quasi weiter.^^
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
