Simple Frage an die profis

Hardware, Software, Webdesign & Coding.

Moderator: Katana

Antworten
Benutzeravatar
Ryu76
Fightingpixel Fanatic
Beiträge: 2308
Registriert: Fr Dez 15, 2000 1:01 am

Simple Frage an die profis

Beitrag von Ryu76 »

achtung, webdesign anfänger!

Ich habe vor ein paar Wochen damit begonnen meine eigene Seite ""Ryuworks"" zu designen. Das Layout sieht ähnlich aus wie das banner unten, sprich schwarze Einpixelstreifen die die Page in vierecke spaltet auf weissem Grund. Ich hab die Balken mit Photoshop als gif gemacht (jaja verschwendung von toller Alleskönnersoftware) aber hatte bis jetzt immer nur probleme damit.. mal stimmte die lange nicht, mal wurde es von IE um ein paar Pixel versetzt dann merkte ich dass ich nicht genug Platz für 2 Screenshots gleichzeitig liess...

Geht das nicht irgendwie einfacher? Es muss doch mit Dreamweaver oder per HTML möglich sein simple Einpixelstreifen zu zeichnen, oder nicht? Bin ich einfach zu blöd? :|
Visit Ryuworks
Bild
Don't believe the Ooga Booga! DON'T!!
ex-venom
Beiträge: 1000
Registriert: Mo Sep 10, 2001 12:01 am

Beitrag von ex-venom »

also ryu soweit ich weiß sind soche ein pixel sachen nicht möglich. Es gehen nur größere (2x2) du kannst das auf fast alles anwenden (table, td, hr,...) abgesehen von links und so besonderen sachen die man nicht auf so eine weise verändern kann (a, input, textarea, p...)

du gehst einfach hin und fügst so was ein

border : 2px dotted #B8CEDC;

am einfachsten ist das so (kannste einfach machen ist halt mühselig bei vielen tabellen da macht mans besser mit .klassen)

<table width=... height=... style= ""border : 2px dotted #B8CEDC; "" bgcolor=... cell...>

das style teil machste also rein und die table hat so nen rand.
Benutzeravatar
Ryu76
Fightingpixel Fanatic
Beiträge: 2308
Registriert: Fr Dez 15, 2000 1:01 am

Beitrag von Ryu76 »

hmm, oke, das ist aber jetzt ja gepunktet... ausgefüllt gibts da nix?
Visit Ryuworks
Bild
Don't believe the Ooga Booga! DON'T!!
Benutzeravatar
Katana
Beiträge: 5337
Registriert: So Jan 02, 2000 1:01 am

Beitrag von Katana »

1. 1Pixel geht
2. Natürlich auch durchgezogen

einfach

Code: Alles auswählen

style="border: 1px solid black;"
(1Pixel breite, durchgezogen, schwarz) in ein Element einfügen.

Code: Alles auswählen

<table style="border: 1px solid black;">
z.B.
Aber Achtung, bei <table> nimmt der dann nur den äußeren Rand einmal um die Tabelle rum!
Willst du ränder um die Zellen kannst du entweder

Code: Alles auswählen

<table border="1" style="background: rgb(0,0,0);">
oder

Code: Alles auswählen

<table border="0"><tr><td style="border: 1px solid rgb(0,0,0);">...
verwenden, kommt drauf an, was du genau erreichen willst.

Als Farbe kannst du entweder (wie ex-venom) die Hexwerte nehmen (#RRGGBB), den Namen der Farbe (black, blue, green, navi, white, ...) oder über rgb(RRR,GGG,BBB)

R steht für rot, G für grün und B für blau.
RR steht für den Hex-Wert, also von 00 bis FF.
RRR für den dezimalen Wert, also von 0 bis 255.

Hoffe, das hat 'n bisschen geholfen.
Benutzeravatar
Ryu76
Fightingpixel Fanatic
Beiträge: 2308
Registriert: Fr Dez 15, 2000 1:01 am

Beitrag von Ryu76 »

ich dank dir, ich hab jetzt war keine Zeit mehr es gerade probieren, aber vielen Dank ich nehm mal an das stimmt alles

Endlich kann ich diese blöden schwarzen gifs-ränder wegwerfen
Visit Ryuworks
Bild
Don't believe the Ooga Booga! DON'T!!
Antworten