HTML and CSS Reference
In-Depth Information
Jetzt folgt der Beispielcode einer iPhone-Seite mit iWebKit-CSS-Selektoren:
!
Einfaches HTML Beispiel mit iWebKit CSS Selektoren
Markus Spiering
>
<!DOCTYPE>
<html>
<head>
<title>Oldtimer Spiering</title>
<meta name "viewport" content "width device width; initial scale 1.0;
maximum scale 1.0; user scalable 0;" />
<link rel "stylesheet" type "text/css" href "style.css">
<style>
<!
#textimg img {
border: 1px solid #222222;
webkit border radius: 5px;
}
>
</style>
</head>
<body>
<div id "topbar" class "transparent" >
<div id "title">Oldtimer Spiering</div>
<div id "bluerightbutton"><a href "kontakt.html">Kontakt</a></div>
</div>
<div class "searchbox">
<form action "http://..." method "get">
<fieldset>
<input id "suche" placeholder "Oldtimer Datenbank durchsuchen"
type "text" />
<input id "submit" type "hidden" />
</fieldset>
</form>
</div>
<div id "content">
<span class "graytitle">Spitzen Oldtimer von VW & Porsche</span>
<ul class "pageitem">
<li class "textbox">
<p>Wir führen und reparieren Old und Youngtimer der Marken VW und
Porsche.</p>
</li>
</ul>
<ul class "pageitem">
<li class "menu"><a href "angebote.html"><span class "name">Aktuelle
Angebote</span><span class "arrow"></span></a></li>
<li class "menu"><a href "volkswagen.html"><span class "name">Unsere
VWs</span><span class "arrow"></span></a></li>
