1. Deze website gebruikt cookies. Door deze website verder te gebruiken, gaat u akkoord met ons gebruik van cookies. Leer Meer.

Het Web ontwikkelaars Topic [deel 2]

Discussie in 'PC, Handheld & Algemeen' gestart door Distoration, 16 jan 2009.

Topicstatus:
Niet open voor verdere reacties.
Pagina 27 van 56
  1. GoDz ViSioN

    GoDz ViSioN .

    Berichten:
    2.594
    Leuk Bevonden:
    7
    Ik heb de volgende HTML code precies overgenomen van Tryit Editor v1.4, dan hoor ik een tabel te krijgen, maar dit is het resultaat.

    [​IMG]
     
    Laatst bewerkt: 24 jul 2010
    GoDz ViSioN, 24 jul 2010
    #521
  2. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Dat klopt toch :)
     
    Kortestier, 24 jul 2010
    #522
  3. GoDz ViSioN

    GoDz ViSioN .

    Berichten:
    2.594
    Leuk Bevonden:
    7
    Nee, want er staan geen lijnen door tussen de statistieken. Want hier wel van toepassing is.
     
    GoDz ViSioN, 24 jul 2010
    #523
  4. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Die <span> tags kun je weghalen want ze verwijzen nergens naar. Een span wijst altijd naar een class of style toe. bijvoorbeeld:

    <span class="tabel"> </span> Ik denk dat je CSS ergens anders een border="0" bevat en deze dus ook hier overschrijft. Maar dat kan ik niet zien als ik niet alle code heb.

    <BR> is trouwens ook niet goed. Dat moet <br /> zijn.
     
    Kortestier, 24 jul 2010
    #524
  5. GoDz ViSioN

    GoDz ViSioN .

    Berichten:
    2.594
    Leuk Bevonden:
    7
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Het laatste Eredivisienieuws!</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="main_bg">
<div id="main">
<!-- header begins -->
<div id="header">
	<div id="buttons">
          <a href="#" class="but2"  title="">Premier League</a>
          <a href="#" class="but1" title="">Premiera Division</a>
          <a href="#"  class="but1" title="">Serie A</a>
          <a href="#"  class="but1" title="">Bundesliga</a>
          <a href="#" class="but3" title="">Ligue 1</a>
    </div>
    
    
</div>
<!-- header ends -->
    <!-- content begins -->
    	<div id="content_top"></div>
    	<div id="content">
        	<div id="right">
            	
            	<h1>Het laatste Eredivisie nieuws!</h1>
                <div class="text">
                    
                    
           	  </div><BR><BR><BR>
               
                <div class="text">
                
           	  </div>
              	 <div class="text">
                    <img src="images/258x402Stekelenburg.jpg" width="100" height="143" class="img2" alt="" /><span>Ajax won vanavond in de Amsterdam ArenA met 3-1 van een jeugdig Chelsea. Maarten Stekelenburg stond negentig minuten onder de lat bij de Amsterdammers en voelt zich naar eigen zeggen goed. <BR><BR>"Ik ben blij dat het nu gelijk verder gaat, zodat ik goed in m'n ritme kan blijven. Ik ben topfit, dus we gaan gewoon verder", vertelt de doelman van Ajax na afloop van het duel tegenover de camera's van RTL.<BR><BR>
Stekelenburg was tevreden met de zege. "We hebben redelijk gespeeld, alhoewel het bij vlagen ook wat minder was. We gaven weinig weg, op de fout van Enoh na. Ik denk echter niet dat hij zoiets volgende week ook doet."


<BR><BR><table border="1">
<tr>
<span><td>Naam</td>  
<td>Gespeelde duels</td>
  <td>Invalbeurten</td>
  <td>Doelpunten tegen</td>
<td>Nul gehouden</td>
<td>Gele kaart</td>
<td>Rode kaart</td>
</tr>
<tr>
  <td>1.Stekelenburg</td>
  <td>0</td>
  <td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
  <td>12. Vermeer</td>
  <td>0</td>
  <td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>30. Verhoeven</td>
  <td>0</td>
  <td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td></span>


</table></span><br /><BR><BR><div class="read"><a href="index.html">Terug naar de homepage</a></div><br />

                    
                    
           	  </div>
           	</div>  
            <div id="left">
           	  <div class="tit_bot">
       		    <h1>Eredivisie Clubs</h1>
                <div class="text">
               	  <ul>
                   	<li><a href="#">ADO Den Haag</a></li>
                        <li><a href="#">AZ Alkmaar</a></li>
                        <li><a href="#">Ajax Amsterdam</a></li>
                        <li><a href="#">De Graafschap</a></li>
                        <li><a href="#">Excelsior</a></li>
                        <li><a href="#">Feyenoord Rotterdam</a></li>
			<li><a href="#">FC Groningen</a></li>
			<li><a href="#">SC Heerenveen</a></li>
			<li><a href="#">Heracles Almelo</a></li>
			<li><a href="#">NAC Breda</a></li>
			<li><a href="#">NEC Nijmegen</a></li>
			<li><a href="#">PSV Eindhoven</a></li>
			<li><a href="#">Roda JC</a></li>
			<li><a href="#">FC Twente</a></li>
			<li><a href="#">FC Utrecht</a></li>
			<li><a href="#">VVV - Venlo</a></li>
			<li><a href="#">Vitesse</a></li>
			<li><a href="#">Willem II</a></li>

                  </ul><br />
                </div>
                 <h1>Feitjes</h1>
                 <div class="left_b"><span>Ajax Amsterdam</span> kan de derde ster verkrijgen, wanneer het dit jaar kampioen word.
                    <br />
                    <div class="read"><a href="#">read more</a></div><br />
              	</div>
                <div class="left_b"><span>In laoreet erat non eros auctor gravida. Maecenas in faucibus erat. </span><br />
                    Nam id suscipit orci. Nullam malesuada diam eu ante tincidunt blandit. Morbi sollicitudin diam non lorem gravida... <br />
                    <div class="read"><a href="#">read more</a></div><br />
              	</div>
                       
           	  </div>
                </div>
            <br />
            <div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
        
        </div>
    <!-- content ends -->
    	<div  id="bot_left"></div>
    	<div  id="content_bot"></div>
         <!-- footer begins -->
            <div id="footer">
          Copyright  2010. Designed by <a href="http://www.metamorphozis.com/" title="Flash Templates">Flash Templates</a><br />
                <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></div>
        <!-- footer ends -->
</div>
</div>
<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div></body>
</html>
     
    Laatst bewerkt: 24 jul 2010
    GoDz ViSioN, 24 jul 2010
    #525
  6. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    In je styles.css daar staat het waarschijnlijk.
     
    Kortestier, 24 jul 2010
    #526
  7. GoDz ViSioN

    GoDz ViSioN .

    Berichten:
    2.594
    Leuk Bevonden:
    7
    Deze dus: <link href="styles.css" rel="stylesheet" type="text/css" />

    Maar wat moet ik dan aanpassen. Sorry ben een leek in zulk soort dingen8)
     
    GoDz ViSioN, 24 jul 2010
    #527
  8. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    38
    Geef anders ook even je css code.
     
    Laatst bewerkt: 24 jul 2010
    Ferron, 24 jul 2010
    #528
  9. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    In die css file staan alle stijlen die je gebruikt voor je website. Zoals de kleur van je achtergrond tot aan de randen om je tabellen. Ergens in die file staat vermoedelijk het gedeelte waar je table border wordt overschreven tot no border.
     
    Kortestier, 24 jul 2010
    #529
  10. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    38
    Hoe krijg je trouwens cutenews te zien op je frontpage? Heb nog helemaal niks aan PHP gedaan en snap er dus niet veel van. :+
     
    Ferron, 24 jul 2010
    #530
  11. GoDz ViSioN

    GoDz ViSioN .

    Berichten:
    2.594
    Leuk Bevonden:
    7
    HTML:
    /*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/bg.jpg) top center no-repeat #090001;
}

#main {
	width: 1014px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
}

#main_bg {
width: 1014px;
background: url(images/main_bg.gif) repeat-y;
margin: 0px auto;
padding: 0px 13px 0px 13px;
}


#header { 
width:1014px;
padding: 0px 0px 0px 0px;
background: url(images/header.jpg) left top no-repeat;
height: 316px;
}

#logo {	font-family: Arial, Helvetica, sans-serif;
		color:#1F0601;
		font-size:18px;
		font-style:italic;
		padding: 80px 0px 0px 397px;
		background: url(images/big_img.jpg) left top no-repeat;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #1F0601;
}


#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight:100;
}

#buttons{
	width: 983px;
	background: url(images/but.png) center top no-repeat;
	text-align:center;
	padding-left:0px;
	height: 71px;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	float: left;
	height: 45px;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 25px;
	padding-left: 0px;
	text-align: center;
	background: url(images/but.gif) 30px 20px no-repeat;
}

.but1 {
padding-top: 20px;
width: 195px;
float:left;
border-right: 1px solid #FFFFFF;}

.but3 {
padding-top: 20px;
width: 199px;
float:left;
}

.but2 {
padding-top: 8px;
width: 195px;
float:left;
border-right: none;
border-right: 1px solid #FFFFFF;}

#buttons .but1:hover {
	text-decoration: underline;
	background: url(images/but_ov.jpg) top repeat-x;
}

#buttons .but2:hover {
background: url(images/but2_over.png) left top no-repeat;
text-decoration: underline;}

#buttons .but3:hover {
background: url(images/but3_over.png) right top no-repeat;
text-decoration: underline;}


#content_top { background:url(images/cont_top.png) left top no-repeat;
height: 10px;
width: 983px;}

#content{
	width: 983px;
	background: url(images/cont.png) left repeat-y;
	line-height: 20px;
}
#content_bot { background:url(images/cont_bot.png) left bottom no-repeat;
				height: 10px;
				width: 983px;}
#bot_left { background: url(images/bot_r.png) left bottom no-repeat;
				height: 12px;
				width: 983px;}

#left{
	width: 274px;
	margin: 0px 0px 0px 10px;
	float: left;
	color:#000000;
	background:url(images/left_top.gif) left top no-repeat;
} 

#left ul {
padding: 0px 0px 0px 0px;
list-style:none;}

#left li { line-height: 24px;
	background:url(images/fish1.gif) 9px 9px no-repeat;
	padding: 0px 0px 0px 30px;}
#left li a { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;}
	
#left li a:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;}
	

.left_b {	background: url(images/fish2.gif)  8px 20px no-repeat;
		padding: 15px 5px 0px 30px;

}

.text{
	padding: 10px 0px 0px 0px;
}

.img {	float:left;
		margin: 4px 16px 3px 0px;
}

.img2 {	float:left;
		margin: 4px 12px 3px 0px;
}

#left span {	color:#FFFFFF;
		font-weight:bold;
}

#right span {	color:#FFFFFF;
		font-weight:bold;
}

#left H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #FFFFFF;
	text-align: center;
	padding: 8px 0px 0px 0px;
	height: 28px;
	background:url(images/tit_l.jpg) left top no-repeat;
}

#right H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #FFFFFF;
	padding-left: 0px;
	text-align: left;
	padding: 8px 0px 0px 1px;
	height: 28px;
}

.read{
	text-align:right;
	padding-right:10px;
	padding-top: 2px;
	font-weight:bold;
	text-decoration:none;
}

#left .read a {
	color: #890101;
	text-decoration: underline;
}

#left .read a:hover {
	color: #890101;
	text-decoration: none;
}

#right .read a {
	color: #DA770F;
	text-decoration: underline;
}

#right .read a:hover {
	color: #DA770F;
	text-decoration: none;
}

#right{
float: right;
width: 660px;
margin-right: 8px;
padding: 5px 0px 0px 0px;
}

.tit_bot { background: url(images/tit_bot.png) left top no-repeat;
padding: 5px 5px 0px 5px;}

#footer{
	height: 57px;
	width: 100%;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	clear:both;
	padding: 23px 0px 0px 0px;
	background: url(images/footer.jpg) left bottom  no-repeat;
}

#footer a{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
}
     
    GoDz ViSioN, 24 jul 2010
    #531
  12. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    38
    Code:
    /*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/bg.jpg) top center no-repeat #090001;
}

#main {
	width: 1014px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
}

#main_bg {
width: 1014px;
background: url(images/main_bg.gif) repeat-y;
margin: 0px auto;
padding: 0px 13px 0px 13px;
}


#header { 
width:1014px;
padding: 0px 0px 0px 0px;
background: url(images/header.jpg) left top no-repeat;
height: 316px;
}

#logo {	font-family: Arial, Helvetica, sans-serif;
		color:#1F0601;
		font-size:18px;
		font-style:italic;
		padding: 80px 0px 0px 397px;
		background: url(images/big_img.jpg) left top no-repeat;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #1F0601;
}


#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight:100;
}

#buttons{
	width: 983px;
	background: url(images/but.png) center top no-repeat;
	text-align:center;
	padding-left:0px;
	height: 71px;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	float: left;
	height: 45px;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 25px;
	padding-left: 0px;
	text-align: center;
	background: url(images/but.gif) 30px 20px no-repeat;
}

.but1 {
padding-top: 20px;
width: 195px;
float:left;
border-right: 1px solid #FFFFFF;}

.but3 {
padding-top: 20px;
width: 199px;
float:left;
}

.but2 {
padding-top: 8px;
width: 195px;
float:left;
border-right: none;
border-right: 1px solid #FFFFFF;}

#buttons .but1:hover {
	text-decoration: underline;
	background: url(images/but_ov.jpg) top repeat-x;
}

#buttons .but2:hover {
background: url(images/but2_over.png) left top no-repeat;
text-decoration: underline;}

#buttons .but3:hover {
background: url(images/but3_over.png) right top no-repeat;
text-decoration: underline;}


#content_top { background:url(images/cont_top.png) left top no-repeat;
height: 10px;
width: 983px;}

#content{
	width: 983px;
	background: url(images/cont.png) left repeat-y;
	line-height: 20px;
}
#content_bot { background:url(images/cont_bot.png) left bottom no-repeat;
				height: 10px;
				width: 983px;}
#bot_left { background: url(images/bot_r.png) left bottom no-repeat;
				height: 12px;
				width: 983px;}

#left{
	width: 274px;
	margin: 0px 0px 0px 10px;
	float: left;
	color:#000000;
	background:url(images/left_top.gif) left top no-repeat;
} 

#left ul {
padding: 0px 0px 0px 0px;
list-style:none;}

#left li { line-height: 24px;
	background:url(images/fish1.gif) 9px 9px no-repeat;
	padding: 0px 0px 0px 30px;}
#left li a { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;}
	
#left li a:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;}
	

.left_b {	background: url(images/fish2.gif)  8px 20px no-repeat;
		padding: 15px 5px 0px 30px;

}

.text{
	padding: 10px 0px 0px 0px;
}

.img {	float:left;
		margin: 4px 16px 3px 0px;
}

.img2 {	float:left;
		margin: 4px 12px 3px 0px;
}

#left span {	color:#FFFFFF;
		font-weight:bold;
}

#right span {	color:#FFFFFF;
		font-weight:bold;
}

#left H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #FFFFFF;
	text-align: center;
	padding: 8px 0px 0px 0px;
	height: 28px;
	background:url(images/tit_l.jpg) left top no-repeat;
}

#right H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #FFFFFF;
	padding-left: 0px;
	text-align: left;
	padding: 8px 0px 0px 1px;
	height: 28px;
}

.read{
	text-align:right;
	padding-right:10px;
	padding-top: 2px;
	font-weight:bold;
	text-decoration:none;
}

#left .read a {
	color: #890101;
	text-decoration: underline;
}

#left .read a:hover {
	color: #890101;
	text-decoration: none;
}

#right .read a {
	color: #DA770F;
	text-decoration: underline;
}

#right .read a:hover {
	color: #DA770F;
	text-decoration: none;
}

#right{
float: right;
width: 660px;
margin-right: 8px;
padding: 5px 0px 0px 0px;
}

.tit_bot { background: url(images/tit_bot.png) left top no-repeat;
padding: 5px 5px 0px 5px;}

#footer{
	height: 57px;
	width: 100%;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	clear:both;
	padding: 23px 0px 0px 0px;
	background: url(images/footer.jpg) left bottom  no-repeat;
}

#footer a{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
}

table, tr, td {border:thin; border-color:#FFF; border-style:solid}
    Vervang die is met deze.
     
    Ferron, 24 jul 2010
    #532
  13. SysanApse

    SysanApse Guest

    Ik weet dat je met Photoshop een website kan "maken" door middel van slicen etc. Maar is er ook een mogelijkheid om de text erin direct in te zetten of in iedergeval aan te geven wat de body is ?
     
    SysanApse, 24 jul 2010
    #533
  14. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Nee. Slicen zorgt er alleen voor dat de juiste tabellen worden aangemaakt om je afbeeldingen te plaatsen in HTML. Al het echte wat bij een website komt kijken moet in een HTML editor gedaan worden. Daarnaast is slicen een niet echt goede manier om een website inelkaar te zetten.
     
    Kortestier, 24 jul 2010
    #534
  15. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Je ziet in het begin wordt al aangegeven via een niet gespecificeerde class dat alle elementen in je pagina geen border mogen hebben. Dit overschrijft alles wat je in je table aangeeft qua stijlen.

    {
    border: 0;
    margin: 0;
    }

    Je kunt dit stukje gewoon verwijderen gezien het geen functie biedt.
     
    Kortestier, 24 jul 2010
    #535
  16. Gdzr

    Gdzr Hmmm?

    Berichten:
    2.751
    Leuk Bevonden:
    62
    Slicen moet je wel gebruiken als je een design maakt in photoshop. Alleen moet je verstand hebben van basen. Zodat je hem zelf helemaal op kan maken met CSS en DIVS.
     
    Gdzr, 24 jul 2010
    #536
  17. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    38
    Ik ken nu ondertussen de basis van HTML al en van CSS eigenlijk ook wel.. geen idee wat ik nu zou kunnen bekijken.. iemand ideeën?
     
    Ferron, 24 jul 2010
    #537
  18. GoDz ViSioN

    GoDz ViSioN .

    Berichten:
    2.594
    Leuk Bevonden:
    7
    Thanks allebei_O_
     
    GoDz ViSioN, 24 jul 2010
    #538
  19. Delphiki

    Delphiki Active Member

    Berichten:
    19.061
    Leuk Bevonden:
    467
    Javascript
     
    Delphiki, 24 jul 2010
    #539
  20. GoDz ViSioN

    GoDz ViSioN .

    Berichten:
    2.594
    Leuk Bevonden:
    7
    GoDz ViSioN, 24 jul 2010
    #540
Pagina 27 van 56
Topicstatus:
Niet open voor verdere reacties.

Deel Deze Pagina