Vollständige Version anzeigen : Web-Design neues Design für meine Seite
lafeerique
15.05.09, 16:00
Hallo ihr Lieben,
lange nicht mehr hier gewesen :whistling
Es ist mal wieder soweit, ich bin meines Homepage-Layouts überdrüssig und brauche was neues fürs Äuglein.
Ich hab mal was zusammengebastelt und würde euch nun gerne mal wieder um eure fachmännische Meinung und entsprechende Verbesserungsvorschläge bitten.
Hier ist der Rohbau:
http://img12.imageshack.us/img12/8638/homepageneu14052009v1.th.jpg (http://img12.imageshack.us/my.php?image=homepageneu14052009v1.jpg)
Vielen Dank schonmal!!
Hi,
grundsätzlich find ichs gelungen. Nur die Typo bei der Headline (www.felicitas-geipel.de + Subheadline) find ich nicht so gut. Sieht wie eine Not- oder Übergangslösung aus. :)
Und dann ist mir noch die Zeichnung von Loriot (Gästebuch unten rechts) aufgefallen. Copyright!?
Gruß
intelli
übersichtlich, aufgeräumt und nicht überladen!
lafeerique
15.05.09, 17:09
danke für die antworten schon mal! :ok:
wegen der überschrift: da muss ich nochmal drüber nachdenken.
eigentlich steh ich auf diese schreibmaschinen typo. aber ich seh mich mal um ob ich noch etwas schöneres finde.
wegen copyright: ich habe bereits eine offizielle anfrage an loriot in hamburg gestellt und hoffe, dass ich die genehmigung zur verwendung bekomme. wenn nicht muss ich mir leider was anderes einfallen lassen. wäre aber echt schade denn irgendwie passt es voll rein finde ich.
Na dann würde ich so richtig in Richtung Typewriter-Font gehen.
intelli
lafeerique
18.05.09, 09:46
oh die erste sieht ja klasse aus! kann man die irgendwo kostenlos downloaden?
Jep! :)
HIer.... (http://simplythebest.net/fonts/fonts/font_downloads/1942.zip)
Gruß
intelli
lafeerique
18.05.09, 10:02
spitze! vielen dank!!!
lafeerique
18.05.09, 15:18
schade, ich hab die rechte nicht bekommen. hab dafür ein anderes nettes bildchen zur verfügung.
ich hab nochmal ein bisschen an den farben geschraubt und büroklammern eingebaut.
das mit der coolen schrift kann ich leider erst zuhause umsetzen, weil ich die in der firma nicht installieren kann.
lafeerique
18.05.09, 15:20
by the way hab ich nochmal eine frage: kann es sein, dass es dieses coole tut nicht mehr gibt in dem beschrieben wurde, wie man seine seite codiert und von vorne bis hinten macht? da gabs 3 teile aber ich kann die nicht mehr finden. :fragen:
Das Tut existiert leider derzeit nicht, da die Bilder vom User nicht mehr zugänglich gemacht werden konnten ;)
lafeerique
18.05.09, 17:50
oh mist das ist aber doof. das war nämlich extremst hilfreich. ohne das bin ich schätzungsweise aufgeschmissen. weiß vielleicht jemand ein ähnlich hilfreiches?
wenn dir das ohne Bilder reicht, kann ich dir das mal per PN schicken ;)
lafeerique
20.05.09, 10:00
ja super!! das reicht auf jeden fall ohne bilder. habs ja inzwischen auch schon zwei mal benutzt. aber mit der erinnerung ist das immer so schwierig ;-)
also vielen dank!!!
lafeerique
25.05.09, 13:47
hallo ich schon wieder! :emo_biggr
vielen dank für die tuts, hat super geklappt.
jetzt bräuchte ich aber nochmal eure hilfe:
also, bisher habe ich es (wie in dem tut) so gemacht, dass meine seite einen iframe hat mit integriertem scrollbalken.
also so:
http://img505.imageshack.us/img505/1204/screenshotm.th.jpg (http://img505.imageshack.us/my.php?image=screenshotm.jpg)
dieses mal würde ich das aber gerne etwas anders gestalten. ich würde gerne die HÖHE meiner seite dynamisch machen. das heißt, dass der iframe und eben die grafik drumherum sich dem inhalt der jeweiligen seite anpassen soll. ich habe auch an einen ausschnitt beim slicen gedacht, den man quasi endlos wiederholen könnte, damit sich das fenster nach unten verlängert.
es soll ungefähr so funktionieren wie auf dieser seite:
www.lafraise.com
aber wie verflixt macht man das? irgendwann hatte ich mal ein tut wo das beschrieben war aber ich kann es nicht mehr finden.
weiß jemand von euch rat?
Ergänzung:
ich hab diesen link hier gefunden verstehe aber nicht, was er damit meint. aber vom system ist das glaube ich genau das was ich suche. ich raff nur eben nicht, wie man das machen muss.
http://alistapart.byteshift.de/fauxcolumns
Kannst Du meines Wissens nach nur mit Java lösen. Vielleicht hilft Dir dieser Thread (http://forum.de.selfhtml.org/archiv/2004/8/t86712/)bei SelfHTML.
Gruß
intelli
PS.: Ach ja, die Referenzseite die Du angegeben hast nutzt keinen (!) iframe.
lafeerique
25.05.09, 13:55
danke für deine antwort. bei der referenzseite ging es mir auch ausschließlich um die funktionalität ;-) und ich hoffte eben, dass das auch mit einem iframe umsetzbar ist.
lafeerique
25.05.09, 16:46
also die idee mit der dynamik hab ich verworfen. ich lasse es jetzt so. sieht auch gut aus.
aber da lauert direkt das nächste problem:
ich hab im footer rechts und links je eine grafik. die möchte ich als link nutzen. ich bekomme es aber nicht hin. bei mir verschiebt sich alles.
so ist der quelltext unverändert:
<td rowspan="3">
<img src="bilder/gaestebuch_23.jpg" width="160" height="85" alt=""></td>
und so sieht es aus wenn es NICHT funktioniert:
<td rowspan="3" background="bilder/gaestebuch_23.jpg" width="160" height="85" alt="">
<p>
<a href="bilder/gaestebuch_23.jpg" width="160" height="85"</a>
</p>
</td>
was muss ich nun machen, damit das funktioniert?
Den Paragraph-Tag entfernen....
<td rowspan="3" background="bilder/gaestebuch_23.jpg" width="160" height="85" alt="">
<a href="bilder/gaestebuch_23.jpg" width="160" height="85"</a>
</td>
Gruß
intelli
lafeerique
25.05.09, 17:47
hallo intelli,
danke für deine hilfe!
aber der link wird nicht angezeigt. verschoben ist zwar nix mehr aber die maus wird nicht zum finger und es passiert nix :fragen:
Das liegt daran, dass nicht verlinkt ist.
Das Bild das Du verlinken willst ist im Hintergrund. :(
Versuchs mal so:
<td rowspan="3" width="160" height="85" alt="">
<a href="bilder/gaestebuch_23.jpg" width="160" height="85"><img src="bilder/gaestebuch_23.jpg"></a>
</td>
:)
Gruß
intelli
lafeerique
25.05.09, 17:58
der link geht jetzt... (ich doof!!)
aber es verschiebt sich wieder. schau mal so:
Den Link-Border kannst Du mit css entfernen...
Hast Du ein bißchen Plan von css?
Füge mal folgenden Code in den head-Tag der Seite ein:
<style type="text/css">
a img{border:none;}
</style>
Ist die Seite schon irgendwo online oder machst Du die lokal?
Gruß
intelli
lafeerique
25.05.09, 18:13
nicht besonders viel leider. hab zwar schon etwas css integriert aber nur mit hilfe von selfhtml ;-)
also den linkrahmen hab ich weg bekommen. ist jetzt nur noch ein bisschen verschoben. was meinst du woran das noch liegen kann?
jetzt sieht es gerade so aus:
ach ja: und ich mache es lokal gerade
Irgendwor zerhaut es Dir die Tabellen. :(
Ist die Grafik denn auch genau 160 x 85 px gross?
Gruß
intelli
lafeerique
25.05.09, 18:23
ja ganz exakt. ich versteh das auch nicht. eigentlich müsste das doch genau passen.
Lade die Seite doch mal in einen neuen Ordner auf Deinem Server (z.B. /test).
Dann kann ich mir den Quellcode mal angucken.
Gruß
intelli
lafeerique
26.05.09, 09:52
guten morgen intelli,
hier ist sie: http://www.felicitas-geipel.de/test_intelli/
bin ja mal gespannt ob dir irgendwas auf- oder einfällt. ich check es nicht :nixweiss:
Hey, sorry das ich mich nun einmische:
Es geht doch zurzeit um die Buttons rechts und links unten oder sehe ich das gerade falsch?
Weil bei mir sind die vollkommen im Rahmen und die Seite sieht gut aus :)
lafeerique
26.05.09, 10:32
hey ramira,
cool dass das bei dir korrekt angezeigt wird! schätze das liegt an mozilla. ich hab nur IE7 zur verfügung und muss wohl irgendeinen knorz im quelltext haben, dass IE ein problem mit der interpretation hat.
danke dir für die info!!
So schockierend das auch sein mag: Bei mir auch! :)
@lafeerique: Welchen Browser benutzt Du?
Gruß
intelli
Ahhh, o.k.. Habs mir im IE 7 angeguckt. Im 8er ist es auch wieder o.k. ....
Ich guck mal im Quellcode ob ich was finde.
Gruß
intelli
lafeerique
26.05.09, 10:45
das ist ja wirklich sehr merkwürdig *amkopfkratz* ...aber echt geil dass es bei euch geht! ich wette, dass ist nur irgend ne blöde kleinigkeit die ich übersehen habe!
Also ich muss schon sagen... das ist echt ne schicke Website :)
lafeerique
26.05.09, 10:54
dankeschön :anbeten: alles dank eurer hilfe! hab mir auch ganz besonders viel mühe gegeben ;-)
Hab ja nicht viel geholfen, hab ja nur gesagt, dass es so anzeigt wie du es moechtest :P
Hi,
da ich leider auch keinen IE7 mehr habe, habe ich die Seite mal mit dem NetRender (http://ipinfo.info/netrenderer/index.php) Tool gerendert um den Fehler zu sehen.
Mir fällt nur eine Sache auf, die irritiert:
Wenn Du Dir die Tabellenzellen mal anguckst und die Zellengrössen beim Gästebuch horizontal addierst ergibt sich eine Differenz!?
Im angehängten Bild siehst Du die einzelnen Tabellenzellen und ie dazugehörige Größe.
Rechts beim Gästebuch ergibt sich für die unteren 2 Zellen (85 + 66 px) eine Höhe von 151 px und links bei Kontakt eine Höhe (61 + 71 px) von 132 px.
Könnte es daran liegen......
Gruß
intelli
Tabellengrößen (http://intelliproductions.de/geipel/website_test.jpg)
lafeerique
26.05.09, 11:44
ui...äh...und was bedeutet das für mich? ich sehe keine differenz. tomaten auf den augen? kann ich dass korrigieren?
Normalerweise würde ich sagen :"Neu slicen", aber dann kannst Du die Seite nochmal neu coden. :(
Wieso hast Du den Teil unten und rechts überhaupt so zerschnippelt? :)
Gruß
intelli
lafeerique
26.05.09, 11:49
das neu coden wäre ja nicht so tragisch. kann ja den großteil aus dem alten rauskopieren.
vielleicht hängt das mit der zeile zusammen, die ich ja eigentlich für die verlängerung nach unten benutzen wollte!!!
weißt du was? ich slice es nochmal neu und lasse den streifen weg ;-) mal sehen, was dann passiert!!!
Bin mal gespannt...... :)
Gruß
intelli
lafeerique
26.05.09, 12:09
mist...original das selbe problem!
Aber auch beim Menü stimmt was nicht...
intelli
lafeerique
26.05.09, 12:44
das sieht glaube ich nur so aus weil das bild alles hoch schiebt. die verschiebung entsteht ja auch erst wenn ich die bilder unten verlinke. davor hat alles schön gepasst.
Ich glaube ich hab´s! :)
Du musst den Zeilenumbruch rausnehmen....
Ist jetzt der alte Code...
Anstatt:
<td rowspan="3" width="160" height="85" border="0" alt="">
<a href="http://gb.webmart.de/gb.cfm?id=940301" target="inhalt"><img src="bilder/gaestebuch_23.jpg"></a>
</td>darfst Du keinen Umbruch machen, da der IE7 das als Leerzeichen interpretiert. Also:
<td rowspan="3" width="160" height="85" border="0" alt=""><a href="http://gb.webmart.de/gb.cfm?id=940301" target="inhalt"><img src="bilder/gaestebuch_23.jpg"></a></td>Dasselbe natürlich auch bei dem Kontakt-Bild.
Gruß
intelli
lafeerique
26.05.09, 13:18
*KREISCH* DAS WAR ES!!! :meinheld:
vielen vielen dank dass du dir so eine mühe gemacht hast!!!
Immer gerne! :emo_biggr
Gruß
intelli
vBulletin® v3.8.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd.