26.01.2005, 17:31
|
|||
|
|||
Anfängerin hat ein paar Fragen bezgl. css...
Hallo,
Habe schon ein bischen Erfahrung im Webdesign, aber bisher meistens mit Tabellen im Dreamweaver MX gearbeitet. Nun bin ich gerade dabei ein wenig in css hinein zu schnuppern. Ganz frei nach dem Prinzip learnin by doing.... Doch schon zu Beginn die erste Hürde. Also ich habe mit Photoshop mein Seitenlayout gestaltet. Die einzelnen Bilder (header, footer...usw.) dann abgespeichert. Und nun möchte ich die Seite mittels css wieder zusammenbauen.. also das aus den einzelnen Bildern wider die gesamte Seite wird. (Ich hoffe ich drücke mich verständlich aus). Mein Code für die .head sieht folgendermasen aus: Code:
.head {
background-image: url(test_css/img/header.png);
position: absolute;
left: 100px;
top: 0px;
width: 820px;
hight: 100px;
background-repeat: no-repeat;
}
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/htm14/strict.dtd"> <html> <head> <title>untitled document</title> <link rel="stylesheet" href="text_css/css/style.css" type="text/css"> </head> <body> <div class="head"></div> </body> </html> Wie muss der path zu meinem image lauten, damit das Bild angezeigt wird? Im Moment tut es das nicht. Und kann ich mit css meine Seite auch so gestalten, das sie sich der Browserweite anpasst? Also das es immer mittig angezeigt wird (so wie z.B. mit Tabelle width=80%, align=center)? Ich arbeite mit Dreamweaver MX. Wird da in der Vorschau das Bild angezeigt, wenn alles richtig angegeben ist? So, das wärs denke ich für den Anfang. Wenn ich das mal gebacken bekomme, dann kann ich schon mal weiter arbeiten....im Moment hänge ich eben daran. Vielen Dank schon mal für Eure Hilfe, lg Christina 
|
| Sponsored Links |
|
26.01.2005, 17:54
|
||||
|
||||
|
Wenn Du ernsthaft mit HTML + CSS arbeiten willst, musst Du die Layoutansicht von DW beiseite legen und nur noch mit der Codeansicht + Ansicht im Browser (Fireforx + IE) arbeiten.
Absolute Positionierung in der Art solltest Du besser vermeiden und Dich mit "float" beschäftigen. Zeig uns auch einfach mal Dein Photoshop-Bild  Zur URL - so stimmt sie rein vom Code, aber wir können nicht wissen, wo das Bild wirklich liegt. Stell es doch mal alles online! Auf alle Fälle sehe ich einen Schrebfehler - es heißt "height" ... da fehlt ein "e" ...
__________________
“My software never has bugs. It just develops random features ...”  » DevShack - die Website des freien Webentwicklers Boris Bojic
|
| Sponsored Links |
|
26.01.2005, 18:56
|
|||
|
|||
|
Vielen Dank für die Antwort.
Habe das Layout nun angefügt. Ich habe in die jeweiligen Felder hineingeschrieben, was das einmal sein wird. Die Felder "statistic" und "banner" sollen imer die gleiche Größe haben. Wobei die Felder "navigation" bzw. "content" in der Länge variabel sein sollen, weil sich der Inhalt von Seite zu Seite ändern wird. Der "footer" bleibt dann wieder fix in der Größe. Das Bild ist im Ordner "test_css", unterordner "img", die .css Datei befindet sich im Ordner "test_css", Unterordner "css" und die index.htm befindet sich im Ordner "test_css". Der Ordner "test_css" liegt am Desktop. Vielen Dank für die Hilfe, lg Christina
|
|
26.01.2005, 21:44
|
|||
|
|||
|
na du könntest die einzelnen bereiche/img ja in divs packen.
imho Code:
<div id="head"> <div id="banner"> <div id="nav"> <div id="content"> <div id="footer"> oder is das eine divsuppe?  aber wenn content und navigation ein img ist, wir es immer eine feste größe haben oder verstehe ich das falsch.
|
|
26.01.2005, 21:53
|
|||
|
|||
|
Also content und Navigation sollten eben dieses Aussehen als Hintergrund haben um eben den Content darstellen zu können..
Ich hoffe du verstehst was ich meine.. Also bis jetzt habe ich in Dreamweaver mit einer Tabelle gelöst. Bei "festen" Sachen wie z.B. Header habe ich das img eingefügt in die Tabelle. Bei Content oder Navigation, das img als Hintergrund genommen, damit man dann noch was "draufschreiben" konnte. Und so würde ich das nun auch gerne mit css lösen wenn möglich. Vielen Dank und lg Christina
|
|
26.01.2005, 22:21
|
|||
|
|||
|
Zitat:
Zitat:
csscreator tutorial
|
|
26.01.2005, 23:53
|
|||
|
|||
|
Vielen Dank für die beiden Links.
Ich Frage mich ob meine Seite überhaupt mit css realisierbar ist. Meine Seite basiert auf einem php-script. Alles was ich tun muss, ist das Design zu machen, also quasi eine leere index.htm, der content kommt vom Script. Ich muss dann diese index.htm in eine header.tml und eine footer.tml teilen. Also ich muss im html-code die Stelle hernehmen wo der content hinein soll, der Code über der Stelle kommt in die header.tml der Code nach der Stelle in die footer.tml. Die Seiten werden dann automatisch mit dem Content gefüllt und verlinkt. Kann ich dafür ein css-Layout nehmen? Ich hoffe ich konnt erklären was ich mit der Seite mache und wie sie funktionieren soll. Vielen Dank und lg Christina
|
|
27.01.2005, 01:24
|
|||
|
|||
|
Also der Link
CSSCreator hat mir sehr geholfen!  Ich weis nun welchen Pfad ich zu den Images angeben muss, damit sie sichtbar werden  Habe nun mein Layout in verschiedene Teile zerlegt (siehe Anhang). Das heist jetzt ich muss für jeden dieser Teile eine Code:
<div id="...."> Na dann werd ich mich mal ans Werk machen... Denke, das ich es einmal so weit kapiert habe um nun das Layout mittels css wieder zusammenzufügen. Denke Probleme werde ich wieder bei den Buttons bekommen.... Also nochmals vielen Dank für die Hilfe! Hoffe ich darf mich wieder melden wenn es doch noch Probleme geben wird lg Christina
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| paar fragen.... | destroy90210 | (X)HTML | 9 | 01.06.2005 10:12 |
| CSS Neuling hat einige Fragen | Toupman | CSS | 4 | 18.05.2005 15:39 |
| Ein paar Fragen eines CSS-Newbie (Textausrichten, etc) | das.prov | CSS | 21 | 06.02.2005 21:16 |
| mein erstes css layout-dazu habe ich jetzt ein paar fragen:) | destroy90210 | CSS | 6 | 03.01.2005 23:37 |
| CSS anfänger will nen paar Tips / Antworten :> | koDiacc | CSS | 23 | 20.09.2004 13:33 |
Linear-Darstellung
