ist das möglich mit css ?

Gorgul · 18.08.2003, 09:33

tag leute,

nun mal eine frage in richtung css.

ist es möglich das man durch css bestimmt das oben ein farblicher rand ( wie einen tabelle 100% ) ensteht. desweiteren ein farblicher rand links so das es aussieht als währe da eine tabelle mit hintergrundfarbe. ich habe gehört das es irgendwie möglich sein soll. würde mir das jemand mal bitte erklären wie das geht.

ein thx in voraus ... !

prefix · 18.08.2003, 09:38

hi!

kannst da bitte mal irgendeine seite nennen, wo das mit tabellen gelöst ist, damit wir uns ein bild machen können?

webmichl · 18.08.2003, 09:44

Meinst Du so was?

Code:

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!-- 
.rahmen { border-top: 2px solid blue;
border-left: 1px solid white;
width: 150px;
height: 30px;
} 
-->
</style>
</head>
<body bgcolor="green">
<p class="rahmen">blabla"</p>
</body>
</html>

Gorgul · 18.08.2003, 09:47

hey,

ich meine das design so wie hier .
klick
weiss aber nett ob die das mit tabellen gelöst haben. aber das design stimmt so. es solte oben und links je ein farblicher streifen sein wie es auf der seite ist.

dank schon mal... !

prefix · 18.08.2003, 09:52

das ist auf der beispielseite nicht mit tabellen, sondern eh mit css gelöst! hier ist das entsprechende style-sheet!

prefix · 18.08.2003, 10:04

ich leg dir mal das formatierte style-sheet als txt-file bei - damit kannst du leichter arbeiten und testen (übersichtlichkeit)

Gorgul · 18.08.2003, 10:17

nun habe ich nur noch eine frage dazu, wie wende ich es an. habe es mal verknüft. nun weiss ich aber nett wie ich das anstelle das ich da was hin bekomme. währe es möglich das mir jemand mal eine seite erstellen kann wo das design mit css erstellt würde das der seite die ich oben genant habe gleich. wen möglich noch wie man es hin bekommt das man i8n die mitte was schreiben kann. vieleicht hat jemand die zeit mal so eine seite in css zuerstellen und es etwas zu erklären. oder lohn der aufwand nett es so zu erstellen ?

prefix · 18.08.2003, 10:23

sorry, also die zeit dafür hab ich nicht

muss ja auch noch nebenbei arbeiten!

deshalb bitte immer fragen schrittweise bearbeiten - wenn ich ALLES für dich mach, bringt dir das ja nichts - d.h. keinen lerneffekt!

aber ein guter tipp, wie man das gut lernen kann:

- kopier den html-quelltext mal 1:1
- kopier alle style-sheets (du siehst im quelltext, wo die liegen) und speichere alles in derselben ordnerstruktur ab!
- dann probier mal herum und gib dir den css-bereich auf selfhtml mal ganz genau!

aber vermutlich liegt deine frage ja gar nicht da, sondern nur daran, dass man eben oben und links farbige flächen hat - stimmt das??? (werd nämlich nicht ganz schlau aus der frage)!

wenn ja, dann kann ich dir sowas schnell basteln, das ist einfach!

Gorgul · 18.08.2003, 10:30

ich möchte oben und links einen streifen haben wobei sie folgender massen sein soll.

streifen oben:
ca 100 pixel hoch
und 100 % in der länge
mit dünnen rand unten
hintergrundfarbe egal

streifen an der seite:
ca 140 piel breit
und 100 % nach unten
mit dünnen szreifen rechts
hintergrundfarbe egal

die farben sind egal, will es so oder so umbauen nur das ich es erst mal sehen wie es geht.

danke dir schon mal vorab !!!!

prefix · 18.08.2003, 10:31

machen wir es so: ich bau dir ein kleines beispiel, für die grafiken sorgst du dann (ich nehm mal irgendwelche)!

Gorgul · 18.08.2003, 10:43

das reicht mir voll und ganz aus !

danke schon mal ..... !

prefix · 18.08.2003, 10:43

so, dieses beispiel macht mal das, was du willst und wird in den modernen win-browsern richtig dargestellt!

hier mal der xhtml-code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="rahmen.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="banner">banner</div>
</body>
</html>

hier der css-code (externes stylesheet):

Code:

body {
	background-image: url(bg_links.gif); 
	background-position: top left;
	background-repeat: repeat-y;
	margin: 0;
}

#banner {
	position: absolute;
	height: 89px;
	width: 100%;
	background-image: url(bg.gif); /* höhe: 89px */
	background-position: top left;
	background-repeat: repeat-x;
}

das ist nur mal das layout - hier sind noch keine container für navi und inhalt eingebaut!

Gorgul · 18.08.2003, 10:51

vielen dank.
finde ich ein vbeispiel um die navi und den inhalt einzubauen im netz irgendwo. oder wird das irgendwo beschrieben.
das bekomme ich nett so leicht hin ... sorry wen ich nerver !

prefix · 18.08.2003, 10:59

sei mir bitte nicht böse

aber ich find es einfach nicht gut, wenn du dir alles von mir oder einem anderen erstellen lässt! reizt es dich nicht, dich damit selbst zu beschäftigen??

im netz findest du viel, jedoch wirst du zuerst mal die css-grundlagen benötigen - es ist noch kein meister vom himmel gefallen

hier mal einige links zum thema:

klick mich

klick mich

klick mich

dort ist es wichtig, dass du wirklich mal das ganze zu begreifen versuchst

um die navi und den textbereich einzubauen, musst du container (id oder klasse) verwenden, die du in diesem fall am ehesten absolut positionierst und denen du die entsprechenden breiten zuweist...

wenn du dort dann probleme hast -> sind wir jederzeit gerne behilflich!

also, nochmal: fass das bitte nicht als bösgemeint auf - das ist es nicht

Gorgul · 18.08.2003, 11:14

jo ok nehme es nett übel was du geschrieben hast. danke dir das du mir so weit geholfen hast !

ist das möglich mit css ?

so wie hier... !

danke dir... !

genau daran liegt es :-(.

ja genau...

danke...

danke dir... !