|
You last visited: Today at 13:19
Advertisement
HTML Layout
Discussion on HTML Layout within the Web Development forum part of the Coders Den category.
02/28/2011, 20:20
|
#1
|
elite*gold: 11
Join Date: Jan 2009
Posts: 247
Received Thanks: 100
|
HTML Layout
Hallo Com,
nachdem ich mir jetzt die Grundkenntnisse von HTML und CSS angeeignet hat wollt ich jetzt mal ans Eingemachte gehen, und mich an einem eigenen Design versuchen.
Jetzt habe ich einige Fragen wie das gehen soll? Einfach ein Design erstellen, als Hintergrund der HTML-Datei setzten und mit div-Tags den Text zu den jeweiligen Stellen setzten? Ist dies so ein guter Stil? Oder gibt es einen besseren?!
Vielleicht kann jemand auch einen Link zu einem Tutorial oder so posten!
Danke!
|
|
|
02/28/2011, 21:28
|
#2
|
elite*gold: 0
Join Date: Jun 2010
Posts: 3,407
Received Thanks: 2,024
|
dr.foto tabellen für? ich denke mal zur positinoierung nur das ist schon lange veraltet .... @goxide .... du musst dias design aufteilen ... zb. boxen , content navi etc und dass dann als background den jeweiligen tags zuweisen
|
|
|
02/28/2011, 21:32
|
#3
|
elite*gold: 0
Join Date: Jun 2010
Posts: 3,407
Received Thanks: 2,024
|
doch ist es.... tabellen ist der alte stil, css ist der neue kannste in allen größeren Web-Agenturen erfahren ...
|
|
|
02/28/2011, 21:36
|
#4
|
elite*gold: 0
Join Date: Jun 2010
Posts: 3,407
Received Thanks: 2,024
|
ja schon, hier ist es aber auch viel mit datenbanken ... ich denke er sucht erstmal für eine normale homepage und dort ist die positinoierung durch tabellen veraltet ... (zumindest nachdem was ich gelernt habe ( ca vor 1 Jahr, dort vom neusten Stand )
|
|
|
02/28/2011, 21:38
|
#5
|
elite*gold: 11
Join Date: Jan 2009
Posts: 247
Received Thanks: 100
|
Danke erstmal an euch beide... Kannst du vielleicht mal ein kurzen Codeschnipsel posten?
|
|
|
02/28/2011, 21:39
|
#6
|
elite*gold: 0
Join Date: Jun 2010
Posts: 3,407
Received Thanks: 2,024
|
ich fand tabellen immer verwirrend und würde daher goxide raten es durch css zu machen .... finde es auch so einfache rund flexibler ....
|
|
|
02/28/2011, 21:42
|
#7
|
elite*gold: 11
Join Date: Jan 2009
Posts: 247
Received Thanks: 100
|
NotEnough post mal bitte einen Codeschnipsel, damit ich sehen kann wie dus meinst!
|
|
|
02/28/2011, 21:45
|
#8
|
elite*gold: 0
Join Date: Jun 2010
Posts: 3,407
Received Thanks: 2,024
|
bsp. für die css
PHP Code:
* { margin:0; padding:0; } body { background:#000000; } h1 { text-deocration:underline; background:#C2C2; } #wrapper { margin:0px auto; width:1000px; background:url("zb. ein bild"); }
und dann zb. die index.html
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="wrapper"><h1>Irgendeine Überschrift </h1> </div> </body> </html>
nur als bsp ..., gibt von den Farben glaub keinen Sinn ^.^ aber wie gesagt nur ein Beispiel
|
|
|
02/28/2011, 21:53
|
#9
|
elite*gold: 11
Join Date: Jan 2009
Posts: 247
Received Thanks: 100
|
Hm ok danke erstmal... Werd mal ein wenig rumprobieren.
|
|
|
02/28/2011, 21:54
|
#10
|
elite*gold: 0
Join Date: Jun 2010
Posts: 3,407
Received Thanks: 2,024
|
jo wenn du fragen hast kannst du mich gerne pn / oder adden
|
|
|
03/01/2011, 08:08
|
#11
|
elite*gold: 0
Join Date: May 2008
Posts: 1,222
Received Thanks: 500
|
Quote:
Originally Posted by NotEnoughForYou
bsp. für die css
PHP Code:
* { margin:0; padding:0; } body { background:#000000; } h1 { text-deocration:underline; background:#C2C2; } #wrapper { margin:0px auto; width:1000px; background:url("zb. ein bild"); }
und dann zb. die index.html
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="wrapper"><h1>Irgendeine Überschrift </h1> </div> </body> </html>
nur als bsp ..., gibt von den Farben glaub keinen Sinn ^.^ aber wie gesagt nur ein Beispiel
|
Ins Beispiel hättest noch float einbauen können, weil das ziemlich wichtig ist bei divs.
Ansonsten hier 2 bsp. Seiten, Source kannst du einfach über STRG+U anschauen.
(bitte in Firefox anschaun... für andre Browser sind die nicht optimiert da die 2 Seiten nur aus langeweile enstanden sind).
|
|
|
03/01/2011, 15:01
|
#12
|
elite*gold: 0
Join Date: Jun 2010
Posts: 3,407
Received Thanks: 2,024
|
float wird normalerweise nur eingesetzt, wenn 2 div´s nebeneinander sein sollen oder ein text ein bild umfließen soll ... da dies nicht der falls ist habe ich es nicht gemacht ... außerdem denke ich nicht, dass er die genaue funktionsweise von float kennt
@Lizzaran zu deinen Beispielen ... bischen viele div´s ^^ arbeite mehr mit nachbar und nachfahrenselektoren so sparst du dir einige
|
|
|
Similar Threads
|
need help with old layout
08/06/2010 - Archlord - 0 Replies
hi , i'm bored of watching the layout of webzen.
i want to bring back the one of codemaster version.
does anyone know wich map i have to replace ? or is it impossible?
|
[HTML]HELP[/HTML]range hack and skill speed in extreme
08/21/2009 - Dekaron Private Server - 5 Replies
hey guys i need a little help about range hack and skill speed in extreme
i already unpack the Data its all done..1! my problem is wer i can edit the range ang skill speed in extreme..! pls :):):):):)
|
Someone needs the HTML layout from co.91.com/index??
07/16/2008 - Conquer Online 2 - 12 Replies
DELETED
|
Flyff Layout
01/20/2008 - Flyff - 5 Replies
Ist es legal das flyff HP Design für sich selber zu benutzen?
hier ma ein bild
http://www.pic-upload.de/thumb/19.01.08/sgvsj1.JP G
|
Old Layout Vs New Layout
08/22/2007 - Off Topic - 29 Replies
Which 1 do u prefer?
|
All times are GMT +1. The time now is 13:19.
|
|