Board index PBase HTML and Style Sheets Terms used in CSS

HTML and Style Sheets

Terms used in CSS

Customize your galleries.
ilanphoto
 
Posts: 876

Terms used in CSS

Post Sun Jan 18, 2004 2:32 pm


I started looking at some design templates on this site and I encountered many terms (selectors) that I do not know what they control. any help translating this to Pbase terminology will be most appreciated
I will add what I already know so maybe we can all together form a complete list

a: - links
a.thumbnail - the thumb
body - ???
Div
th
tr
table
form
blockquote
li
ul
center
font - the text under the thumb
h1
h2 - the gallery description
h3
h4
h5
img
img.thumb
table.thumb
td
td.message_body
caption
display
lid.
message_body.
sb.
HR


Thanks for any input
Ilan

thewedding
 


Post Sun Jan 18, 2004 8:17 pm


all these terms reflect on html tags
http://www.w3schools.com/html/

and can be controlled for appearance bij css
http://www.w3schools.com/css/

result is a more xhtml approche of webbuilding not by putting the colors and and layout within the html but more object orientated within the css file. building like this wil help you to grow into the next fase...
http://www.w3schools.com/xhtml/

so it does not reflect on Pbase terminology but about webbuilding

ilanphoto
 
Posts: 876


Post Sun Jan 18, 2004 8:48 pm


Thanks
I will read the links you gave me
But what I was trying to work out is how these tabs affect the Pbase layout specificly
For example, I know that h2 contros the gallery description but I have no idea what h1 effects nor h3, h4 and h5 again specifcly on my pbase gallery layout

thewedding
 


Post Sun Jan 18, 2004 9:22 pm


for this you just hit the view source button in your browser ...

for instance if you view the source when looking at the full size image of a thumb you wil find for example this code :


<div id="imageinfo" class="imageinfo">
<h3 class="title"><span class="title">Firetruck<br>Heredia</span></h3>

<div class="techinfo" class="techinfo">
<span class="camera">Sony Cybershot</span><br>
<span class="exif">1/320s f/4.0 at 9.7mm iso100
<a href="/image/18259437&exif=Y">full exif</a>
</span>
</div>

so now you can see that the H3 tag in this page controls the description underneath the fullsize image ..

you can either call upon this tag by using the H3 in your css file or using it's attached classname "title"

unfortunatly pbase it's code is very very poorly coded on the clientside as where like in this example the H3 tag is follwed by a span clas also called "title" ... you will find making a good and usfull stylesheet pretty hard to develop since there are many flaws in their basic html code ... but on the other hand did a good job in building the backend which make pbase such a great tool to use.

hope this helps


Board index PBase HTML and Style Sheets Terms used in CSS

Who is online

Users browsing this forum: ClaudeBot and 2 guests