Register for your free account! | Forgot your password?

You last visited: Today at 13:19

  • Please register to post and access all features, it's quick, easy and FREE!

Advertisement



HTML Layout

Discussion on HTML Layout within the Web Development forum part of the Coders Den category.

Reply
 
Old   #1
 
Goxide's Avatar
 
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!
Goxide is offline  
Old 02/28/2011, 21:28   #2
 
NotEnoughForYou's Avatar
 
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
NotEnoughForYou is offline  
Thanks
1 User
Old 02/28/2011, 21:32   #3
 
NotEnoughForYou's Avatar
 
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 ...
NotEnoughForYou is offline  
Old 02/28/2011, 21:36   #4
 
NotEnoughForYou's Avatar
 
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 )
NotEnoughForYou is offline  
Old 02/28/2011, 21:38   #5
 
Goxide's Avatar
 
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?
Goxide is offline  
Old 02/28/2011, 21:39   #6
 
NotEnoughForYou's Avatar
 
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 ....
NotEnoughForYou is offline  
Old 02/28/2011, 21:42   #7
 
Goxide's Avatar
 
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!
Goxide is offline  
Old 02/28/2011, 21:45   #8
 
NotEnoughForYou's Avatar
 
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
NotEnoughForYou is offline  
Thanks
2 Users
Old 02/28/2011, 21:53   #9
 
Goxide's Avatar
 
elite*gold: 11
Join Date: Jan 2009
Posts: 247
Received Thanks: 100
Hm ok danke erstmal... Werd mal ein wenig rumprobieren.
Goxide is offline  
Old 02/28/2011, 21:54   #10
 
NotEnoughForYou's Avatar
 
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
NotEnoughForYou is offline  
Thanks
1 User
Old 03/01/2011, 08:08   #11

 
boxxiebabee's Avatar
 
elite*gold: 0
Join Date: May 2008
Posts: 1,222
Received Thanks: 500
Quote:
Originally Posted by NotEnoughForYou View Post
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).
boxxiebabee is offline  
Thanks
1 User
Old 03/01/2011, 15:01   #12
 
NotEnoughForYou's Avatar
 
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
NotEnoughForYou is offline  
Reply


Similar Threads 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.


Powered by vBulletin®
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Terms of Service | Abuse
Copyright ©2024 elitepvpers All Rights Reserved.