php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 04.03.2006, 02:54  
Gast
 
Beiträge: n/a
Standard Bin zu blöd zur HTML Umsetzung

Hallo,

ich hab ein Design mit Photoshop gemacht und will das nun umsetzen und als HTML Seite nutzen.

Das habe ich auch relativ gut hingekriegt....leider nur so gut, dass alles nur funktioniert wenn der Text nicht zu viele Zeilen hat....dann verzerrt sich leider alles.

Siehe: www.klick-reich.de

Deswegen wollte ich mal fragen ob ich irgendwas falsch mache. So mach ichs:

1. Design fertigmachen
2. Die Bilder alle Slicen
3. Für Web abspeichern
4. Die Bilder als Hintergrundbild

Hab auch schon probiert eine ganz dünne Zeile am Ende als Hintergrundbild für alle zu verwenden, aber das geht auch nicht.

Was soll ich machen? Was mach ich falsch?

Thx
goosele
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 04.03.2006, 08:48  
Benutzer
 
Registriert seit: 21.10.2005
Beiträge: 46
kode
Standard Re: Bin zu blöd zur HTML Umsetzung

Zitat:
Zitat von goosele
Was soll ich machen? Was mach ich falsch?
Du solltest ins richtige Forum posten.
Was hat HTML mit MySQl zu tun?
__________________
www.der-ko.de
kode ist offline   Mit Zitat antworten
Alt 04.03.2006, 09:19  
Gast
 
Beiträge: n/a
Standard

@goosele

Irgendwie habe ich die Vermutung, du postest hier nur um um Werbung für die Website zu machen, weniger um ein Problem zu lösen.
Berichtige mich, wenn ich mich irre.
  Mit Zitat antworten
Alt 04.03.2006, 10:52  
Erfahrener Benutzer
 
Registriert seit: 13.11.2005
Beiträge: 2.583
xabbuh
Standard

Mit MySQL hat das ganz sicher nichts zu tun. Deswegen ab ins HTML-Forum.
xabbuh ist offline   Mit Zitat antworten
Alt 04.03.2006, 11:26  
Gast
 
Beiträge: n/a
Standard

Hallo,

mal abgesehen davon, daß ich den Vorpostern zustimme, aber wenn man CSS verwendet kann man ein Hintergrundbild am einfachsten einbinden

- background-image:url(hg.gif);
- background-repeat:repeat; (no-repeat)

häufig machen sog. design-Programme Mist indem sie Anführungszeichen einfügen, wo keine hingehören,z.B. entsteht im CSS
background-image:url("hg.gif"); oder beim publizieren werden zwar die Bilder mit einer relativen URL versehen, aber nicht die in Stylesheetangaben oder es werden in der URL-Angabe Leer- und Sonderzeichen in URL-Schreibweise umgewandelt oder die Zeile ungewollt umbricht

- background-image:url(file://Eigene%20Dateien/hg.gif);
mit Umbruch (der Browser liest dann Eigene%20%10Dateien/hg.gif und findet das Bild dann nicht):
- background-image:url(file://Eigene%20
Dateien/hg.gif);


desweiteren wird oft auch das Hintergrundbild nicht mit auf den Server geladen.

das Nichthochladen kann man in webdesign-Programmen mit einem kleinen Trick
umgehen, indem man das Hintergrundbild als normales Bild einbindet, aber mit einer Grösse von 1 versteckt:
Code:
[img]hg.gif[/img]
mit dieser Methode kann man übrigens auch testen, ob die Hintergrundbild-URL stimmt, indem man das Hintergrundbild an einer Lücke im Layout als normales Bild einfügt oder das Hintergrundbild als spacer verwendet.
Code:
[img]../images/hg.gif[/img]
übrigens durch einen Klick ist noch keiner reich geworden, aber oft genug sehr viel ärmer....
  Mit Zitat antworten
Alt 04.03.2006, 13:46  
Gast
 
Beiträge: n/a
Standard

Hi,

das wäre ja wohl ein ziemlich schlechter weg werbung zu machen Ideen haben welche...

Ich habe einfach das Problem, dass ich es nicht schaffe das Design vernünftig umzusetzen ohne, dass es bei mehreren Zeilen (in der Mitte) verzehrt wird.

Ich dachte ihr könnt mir helfen....
kann euch auch gerne die psd zukommen lassen.

Was ich für ein Problem habe seht ihr hier:
www.klick-reich.de/index2.php?p=test

Gruss
goosele
  Mit Zitat antworten
Alt 04.03.2006, 14:43  
Gast
 
Beiträge: n/a
Standard

Hallo,

das ist ein grundsätzlicher Layoutfehler.
die Grundtabelle muss so aussehen, und zwar ohne Hintergrundbild:
#################
# a # c # b #
################
in a und b kommen dann die Tabellen mit dem Hintergrundbild
wobei die Tabellen der Blöcke auf fixe Höhen eingestellt werden, wobei die Höhe der jeweiligen Zelle fest definiert wird.

andere Möglichkeit ist die Zelle mit dem grossen text mit style="overflow:auto" zu versehen, wobei dann ein scrollbalken bei langem Text angezeigt wird.

http://de.selfhtml.org/css/eigenscha...tionierung.htm
http://www.drweb.de/csstechnik/index.shtml

reich werden ohne HTML-Grundwissen geht nicht
  Mit Zitat antworten
Alt 04.03.2006, 15:18  
Gast
 
Beiträge: n/a
Standard

Hi thx für die schnelle Hilfe....

einen Scrollbalken will ich nicht unbedingt und mein Aufbau sieht im moment so aus:

### Header ###

#A# #b# #c#
# # # # # #
# # # # # #
#d# # # #e#


Sprich: in A ist mein Menü (kann ich ja nicht als Hintergrundbild verwenden
- in b ist mein Content
- in c ist meine rechte Navi

e- und d- sind dann erst die Zeilen wo ich ein Hintergrundbild verwenden kann.
Oder kann ich das irgendwie anders machen?

Thx
goosele
  Mit Zitat antworten
Alt 05.03.2006, 02:40  
Gast
 
Beiträge: n/a
Standard

Hi hab mich jetzt was erkundigt und folgendes festgestellt:

1. Mit Tabellen ist das nicht möglich
2. Ich muss irgendwie Div Container erstellen

Sehe ich das richtig?

Tja jetzt habe ich nur ein Problem! Wie mache ich aus einer Psd Datei eine HTML Datei ohne Tabelle (hab vorher immer für web speichern benutzt)....
  Mit Zitat antworten
Alt 06.03.2006, 12:28  
Erfahrener Benutzer
 
Registriert seit: 23.08.2007
Beiträge: 1.510
M3g4Star befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Wie mache ich aus einer Psd Datei eine HTML Datei ohne Tabelle (hab vorher immer für web speichern benutzt)....
Gar nicht ?!!!! Den Satz versteh ich mal überhauptnicht !??!?!!! Eine PSD ist ein "Bild" und hat ja mal mit "Tabellen" gar nix zu tun ?!?


du kannst das mit div - Containern lösen .. und dadurch Scrollbalken im Content erzeugen.
Willst du doch soweit ich 's verstanden hab.
M3g4Star ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Erledigt] HTML Mail mit Lücken mitten in den Worten, wie kommt das? DeeFour PHP-Fortgeschrittene 2 29.05.2008 15:47
einzelne Teile aus HTML includieren mibmib PHP Tipps 2008 4 03.04.2008 11:55
HTML Klasse ecomeback PHP Tipps 2008 6 31.08.2007 22:32
Variable und komplette HTML Datei chrisonline PHP Tipps 2007 3 24.05.2007 15:30
<if> </if> in einer HTML Datei fuer Templ PHP-Fortgeschrittene 6 03.11.2005 12:05
mailformular soll html befehle interpretieren djrace PHP Tipps 2005-2 6 20.09.2005 08:59
[Erledigt] ne harte nuss ... php scripte in html needed ... ABER PHP Tipps 2005-2 10 01.09.2005 00:03
Kontaktformular, welches auf neue html Seite führt PHP Tipps 2005-2 4 20.07.2005 11:21
Erkennung von HTML Tags McLain PHP-Fortgeschrittene 4 26.04.2005 10:03
HTML Tabellenzeile in Tabelle einfügen? Datenbanken 2 28.01.2005 00:28
IMAP: Bild(er) in HTML Part richtig darstellen PHP-Fortgeschrittene 1 07.10.2004 12:21
{$varname.optelement} mit preg_match aus HTML extrahieren PHP Tipps 2004 0 11.09.2004 04:13
Unterschied HTML und PHP PHP Tipps 2004 4 28.08.2004 19:02
Validitor (HTML 4.01) = Schwachsinn? Filewalker Off-Topic Diskussionen 19 03.08.2004 15:27
[Erledigt] PDF aus HTML erzeugen ? PHP-Fortgeschrittene 2 05.06.2004 02:10

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
html umsetzung, photoshop datei in html und css ohne tabellen, html umsetzung designs programme, umsetzung sonderzeichen tabelle, html tabellen sind doof, html umsetzung sonderzeichen, wie mache ich aus einer psd eine html seite, zu dumm für html, website html umsetzung, psd umsetzung html, wie mach ich ein hintergrund in na html, img html umsetzung, sonderzeichenumsetzung html, hg.gif, html umsetzung zeichen in url

Alle Zeitangaben in WEZ +2. Es ist jetzt 02:39 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.