WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Quote box to HTML page on Fri Jun 25, 2010 12:50 am

Guest


Guest
How can i add Quote to an HTML page?
the code is <quotebox> but it doesnt work Shocked

2 Re: Quote box to HTML page on Fri Jun 25, 2010 3:19 am

latchy

avatar
Registered Member
Registered Member
Because it's
Code:
<quoteblock>
not
Code:
<quotebox>
Wink

http://www.graphiccentral.org/

3 Re: Quote box to HTML page on Fri Jun 25, 2010 8:49 am

ankillien

avatar
Administrator
Administrator
Hey, its not 'quotebox' or 'quoteblock' its <blockquote></blockquote>

4 Re: Quote box to HTML page on Fri Jun 25, 2010 2:34 pm

Guest


Guest
none of these codes work Shocked

5 Re: Quote box to HTML page on Fri Jun 25, 2010 3:11 pm

ankillien

avatar
Administrator
Administrator
Do you expect it to look exactly like Forumotions quote boxes?
It won't look like that since you haven't added any CSS to it. Add some style to it with...

Code:
blockquote {
property : value;
}

6 Re: Quote box to HTML page on Fri Jun 25, 2010 3:14 pm

Guest


Guest
nothing again what going on?
i want a result like latchy's homepage
www.graphiccentral.org

i have been trying to achieve that quote but ti couldnt

7 Re: Quote box to HTML page on Fri Jun 25, 2010 3:24 pm

ankillien

avatar
Administrator
Administrator
Looks like you added my CSS code without even reading it xD
You had to replace the property:value; thing with your CSS codes xD

To get quot box like graphic central/styleshout, you can do something like this..

Code:
blockquote {
color : #FFF;
border : 1px soild #000;
padding : 10px 10px 10px 40px;
background : #444 url(IMAGE URL HERE) left no-repeat;
}

8 Re: Quote box to HTML page on Sun Jun 27, 2010 5:50 am

latchy

avatar
Registered Member
Registered Member
Here is one for you Smile

Code:

<blockquote class="quote1"> Your quote goes here </blockquote>

Add this to the stylesheet Smile

Code:
blockquote.quote1 {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(http://i69.servimg.com/u/f69/14/29/05/13/openqu10.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.quote1 span {
    display: block;
    background-image: url(http://i69.servimg.com/u/f69/14/29/05/13/closeq10.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
  }

Thanks,
Rob

http://www.graphiccentral.org/

9 Re: Quote box to HTML page on Sun Jun 27, 2010 3:24 pm

ankillien

avatar
Administrator
Administrator
This part is unnecessary in your code, Rob...

Code:
  blockquote.quote1 span {
    display: block;
    background-image: url(http://i69.servimg.com/u/f69/14/29/05/13/closeq10.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
  }

10 Re: Quote box to HTML page on Sun Jun 27, 2010 3:37 pm

Guest


Guest
Thanks Rob Very Happy

11 Re: Quote box to HTML page on Sun Jun 27, 2010 4:15 pm

Russel

avatar
Moderator
Moderator
Since this thread marked as solved, i will now lock and mark this as solved.

Solved > Locked


_________________





No Support Via PM
https://www.twitter.com/russeltubo

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum